Ma reconversion pro

Du bâtiment au développement web

Mois : février 2018

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

 

© 2019 Ma reconversion pro

Theme by Anders NorenUp ↑