Ma reconversion pro

Du bâtiment au développement web

Catégorie : Wordpress

Ajouter du Javascript dans WordPress

Salut, logo-theme_wordpress-6

Après avoir ajouté un peu de style CSS la semaine dernière, cette fois je te propose de voir comment on peut ajouter du Javascript dans ton projet WordPress. Cela peux être un peu perturbant d’ajouter du JS au milieu des fichiers PHP. Et bien, comme pour le CSS, pas d’inquiétude à avoir, on va continuer de bien organiser nos fichiers et de rester un peu méthodique, et tu vas vite te rendre compte qu’il n’y a pas de quoi s’inquiéter, je sais de quoi je parle…

Pour compléter cet article, je vais te montrer commet ajouter le menu dans notre page, puisque c’est un élément important, mais dont on ne s’est pas occupé du tout jusque là!

On va se servir de ce menu pour faire un petit effet de scroll. On va finaliser notre header, et styliser tout ça  pour terminer.

Continue reading

 

Ajouter des fichiers CSS à WordPress

Salut, logo-theme_wordpress-5

Lors du dernier article, on a réussi à afficher des articles grâces aux boucles. Le résultat est pour le moment un peu moche, donc je te propose pour cet article de faire une pause avec PHP et de voir comment ajouter des feuilles de style CSS, des librairies comme Font Awesome et Google Fonts.

Il est possible de faire du CSS à l’aide de SASS, comme on le ferait avec n’importe quel autre page web from-scratch.  Je ne m’étendrais pas sur SASS, pour ne pas tout mélanger.

Lorsqu’on a travaillé sur WordPress à la 3WAcademy, il m’a fallu m’adapter un peu, je trouvais perturbant à l’époque d’avoir du HTML et du PHP mélangé sur la même page. Je me demande aujourd’hui ce qui me posait problème, parce qu’il n’y a pas de quoi s’inquiéter! Tu vas voir ça fonctionne exactement de la même façon.

On va utiliser les mêmes sélecteurs CSS que d’habitudes et les mêmes propriétés CSS. L’avantage c’est qu’on aura qu’un seul élément à styliser, les autres passant dans la boucle, suivront le même procédé automatiquement!

Continue reading

 

Les boucles de WordPress et la Loop (deuxième partie)

Salut, logo-theme custom wordpress

On va aller un peu plus loin avec ces histoires de boucle, puisqu’il est possible de personnaliser les boucles.

J’espère que tu as pu torturer un peu l’aspect de la loop du dernier article et que le fait de ne pas saisir le contenu de la page ne t’as pas perturbé.

Lorsqu’on a appris à faire tout ce que j’essaie d’expliquer à la 3WAcademy, j’étais un peu perturbé par 2-3 trucs, mais une fois que tu as compris ce que ça faisait, et surtout que PHP générait les pages à ta place, ça c’est mieux passé!

Si tu as exploré un peu les recoins de la documentation de WordPress, une notation un peu particulière si tu ne connais pas PHP : WP_Query… Il s’agit d’un objet PHP!

Continue reading

 

Les boucles de WordPress et la Loop (première partie)

Salut, logo-theme custom wordpress

Suite de notre apprentissage de la réalisation d’un thème personnalisé dans WordPress. Cet article va être très important puisque WordPress est sans arrêt en train de faire des requêtes SQL, qui sont retournées le plus souvent sous forme de tableau PHP.

Si tu ne connais pas trop PHP, tu n’auras besoin de savoir comment cela fonctionne. En revanche il te faudra bien comprendre le fonctionnement d’une boucle. Une boucle en programmation, est une action ou une série d’action qui est répétée tant qu’une condition est vrai. Je raccourcis beaucoup, mais en gros, pour comprendre le principe simplement, tu peux trouver des cas simples dans la vie courante: tant que mon verre n’est pas plein je fais couler de l’eau dedans. Dès que c’est plein, je ferme robinet, c’est la condition d’arrêt.

 Si par la suite si tu as envi d’apprendre à coder en PHP, le fait d’en avoir manipulé un peu, devrait t’aider un peu.

Nous allons commencer à afficher des choses dans cet article, et à utiliser certaines fonctions de WordPress. Si tu ne connais le PHP, tu verras comment appeler une fonction et voir ce que ça retourne.

Continue reading

 

Le contenu du thème

Salut, logo-theme custom wordpress

On continue sur notre lancé dans la création d’un thème WordPress. J’avoue que la dernière fois on a pas fait grand chose mais c’était nécessaire pour la suite.

Dans ce nouvel article, nous allons découvrir comment fonctionne un thème, et donc un ou plusieurs templates. Comme tu t’en es peut-être rendu compte, le dossier wp-content dont je te parlais la dernière fois (Préparer WordPress en local), contient de nombreux fichiers dont le corps même du thème qu’on veut créer.

Nous allons explorer ce dossier et essayer de comprendre comment WordPress construit un  thème avec les briques qu’on lui donne.

Il va falloir être un minimum rigoureux dans l’organisation des fichiers puisque WordPress va chercher tel fichier ou tel autre grâce à leur nom, donc attention aussi aux noms qu’on donne…

Continue reading

 

Préparer WordPress en local

Salut,logo-theme custom wordpress

Dans ce premier article sur la création d’un thème WordPress, nous allons préparer notre environnement de travail. Je te propose de travailler en local, ce qui sera aussi simple et surtout cela évitera de prendre un hébergement ou un VPS.

Je n’ai pas pour vocation à faire des thèmes WordPress loin de là mais je trouve intéressant de savoir comment modifier correctement un thème existant ou comment en créer un entièrement.

Comme je suis actuellement en train de faire de petit projet WordPress pour des associations de mon entourage ou des amis, je me suis dit que tant qu’à bosser sur WordPress, autant en faire profiter ceux que ça peux intéresser, même s’il y a déjà des tonnes de ressources sur ce sujet… Comme toujours, ces articles vont aussi me servir de carnet de note le jour ou j’ai besoin d’y revenir…

Cet article va déroger à ma nouvelle règle de faire des articles courts, on a plusieurs choses à mettre en place avant de ce lancer dans le code…

Continue reading

 

© 2019 Ma reconversion pro

Theme by Anders NorenUp ↑