Créer un effet pages de livre sur wordpress

Signaler
Messages postés
1
Date d'inscription
lundi 5 avril 2021
Statut
Membre
Dernière intervention
5 avril 2021
-
 Thomas -
Bonjour,

J'aimerai créer quelque chose qui ressemblerait à un livre pour enfant sur WordPress.
Est ce que vous voyez les livres qui sont séparés en 3 avec en haut la tête d'un animal, au centre le corps d'un animal et en bas la queue ou les pied d'un animal ? Et bien je voudrais un peu le même système mais pour réaliser un cadavre exquis (jeu où l'on peut former des phrases marrantes avec différents petits bouts de phrases qui n'ont rien à voir les uns avec les autres).
Ce qu'il me faudrait, ce serait de pouvoirs faire défiler indépendamment le texte du haut (les sujets par exemple), du milieu (différents verbes) et du bas (des compléments de phrases).
J'aimerai également pouvoir avoir cet effet de page qui se tourne à chaque fois que l'on ferait tourner une des trois partie du livre.
Avez-vous des idées de ce que je pourrais utiliser pour répondre à ma demande ?

Merci beaucoup.

Thomas.




Configuration: Windows / Chrome 89.0.4389.90

2 réponses

Salut,
pour l'effet pages qui se tournent à priori passer par un module qui fait ça.
https://fliphtml5.com/3-best-page-flip-solutions-for-wordpress-plugins.php

Après votre application est très spécifique et fait appel à deux choses différentes:
L'aspect visuel et le traitement de données.
Dans le web ce sont 2 choses séparées.
Là à moins d'avoir les connaissances dans les 2 domaines et de le développer vous même je ne voit pas vraiment de solutions qui serait efficace. Ou alors faire appel à un pro qui sait faire aussi bien l'aspect animation graphique que gestion des données(et deleur affichage dans une page dynamique).

Et ça risque d'être cher (car trtavail très spécifique et personnalisé où la plupart des solutions standards seront inutiles)voire de ne pas passer par wordpress(ou pas wordpress uniquement mais du développement ou des outils déjà fait pas spécifiques à wordpress).

Autre problème un site en général est pensé complet dès le début.
Cela pour éviter certains revers, l'un étant de devoir tout refaire si on a pas à ajouter quelque chose de pas prévu à la base.

Peut-être je me trompe et vous trouverez des solutions qui correspondent plus ou moins à quelque chose qui s'approche de ce que vous voulez mais dans ce cas il faudra faire pas mal de recherches et probablement revoir tout du début en choisissant un thème qui prendra en compte directement ce que vous voulez ou compatible sans trop d'efforts et de problèmes inhérents à la multiplication de plugins et des plugins rares dont moins sécurisé et mis à jour facilement qui risque d'avoir des répercussions sur la qualité du site.

"Avez-vous des idées de ce que je pourrais utiliser pour répondre à ma demande ? "
Apprendre les technologies du web et de la programmation pour le faire vous même en créant un template wordpress.
C'est à dire JavaScript/CSS pour l'animation et l'interactivité(bien qu'il y ait d'autres solutions cela reste le plus accessible et fréquent par exemple avec CANVAS ou les animations CSS), HTML un langage de programmation serveur et les bases de données.

Voici quelques exemples accessible avec des connaissances mais plus complexes à mettre en place avec WordPress(qui est un cadre de travail et comme tout cadre de travail apporte des solutions mais oblige à certaines choses afin de maintenir l'intégrité, sécurité et efficacité de l'ensemble) pour la partie graphique(donc qui ne prends pas en compte que les contenus seront voués à varier).

https://www.w3schools.com/howto/howto_css_flip_card.asp

https://www.csscodelab.com/book-page-flip-animation-css-example/

https://www.creativebloq.com/css3/create-page-turn-effect-6126260

Voilà j'a indiqué des solutions de CSS car CSS avec HTML sont à la basez de tout site et pas très compliqué à mettre en pratique(hors du cadre de wordpress même si ce n'est pas plus compliqué c'est plus spécifique). Le dernier fait appel à du JavaScript(avec JQuery) et on peut voir qu'on peut arriver à des possibilités plus élaborées par l'ajout de programmation dans la page.

Tout comme ce dernier qui n'est pas vraiment le résultat que vous voulez pour l'effet page qui est tournée mais à l'avantage d'être mis en place dans le cadre de wordpress.

La différence avec un effet différent dépends donc des compétences en création graphique et de sa mise en place techniquement par la programmation:

https://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/

Comme vous pouvez voir l'écriture de quelques lignes n'est pas une chose complexe au niveau production. Sauf qu'il faut savoir comment utiliser et quoi écrire.

Voir par exemple une recherche du type:
https://www.qwant.com/?q=ins%C3%A9rer+du+CSS+dans+site+wordpress&t=web

et pour les données et leur traitement:

https://www.google.com/search?q=jouter+des+donn%C3%A9es+dans+une+table+wordpress

Que ce soit pour l'aspect présentation (la page, les animations et visuels de ceux ci, globalement la mise en page) aussi bien que pour les données et traitement(recueillir celles ci, les fournir à la page pour affichage et les changer sur la base ou sur la page) pour quelque chose de vraiment spécifique(personnalisé) vous n'aurez pas le travail des autres à utiliser et il faudra le créer d'un bout à l'autre et faire en sorte que ça s'intégre aux élements déjà existants(quand c'est possible où que ça ne générè pas plus de travail que de partir sur une nouvelle base, hélas parfois au risque de pertes de données ou de complexité(temps de travail = coût) pour une migration de celles ci).
Merci beaucoup pour votre réponse aussi rapide.

En effet, je vais certainement arrêter WordPress qui présente finalement ses limites et me tourner vers un classique htlm/css/javaScript.

L'idée de la flip card peut être un début de piste, je vais creuser un peu plus de ce côté là !

Merci encore