Pour l’un de mes sites, j’ai eu besoin de laisser la possibilité à l’utilisateur d’affecter la couleur de son choix sur le conteneur de l’article. Voici la page telle qu’elle est sans modification. En faisant un control maj i (« inspecter l’element ») sur la page, on s’aperçoit qu’un conteneur entoure la page centrale : Maintenant il […]
Dans ce mémo, on va voir comment modifier sur wordpress l’apparence visuelle de la page des articles : l’index.php ou la page des catégories : category- ».php, ou encore la page qui recence tous vos custom posts dans une page dédiée. Nous utiliserons ici une vieille méthode, le modulo, qui déterminera le nombre de colonnes. Il existe […]
Voici un petit mémo vraiment basique pour parvenir à prendre une image sur un psd, et l’enregistrer en vue de l’utiliser sur son site. Quand on a son PSD devant soi, ouvert dans Photoshop, on repère les différents éléments dont on va avoir besoin. Ici pour l’exemple, on va dire que j’ai besoin du bouton […]
Si vous comptez utiliser l’éditeur de texte Sublime Text, il y a un petit package très utile qui permet de rafraîchir son code et ses pages en temps réel : c’est le plugin Livereload. En gros, coté navigateur l’extension live reload va se connecter au serveur et tous les changements dans le code seront visibles instantanément […]
Voici les étapes pour l’installation de l’éditeur Sublime on se rend sur sublime et dans la partie Download, on télécharge la version 64bit ou autre selon ses besoins: On lance le fichier .exe et on suit les étapes d’installation. Une fois installé, on lance l’application. La fenêtre de l’éditeur s’ouvre. Première chose à faire, importer […]
Dans l’article précédent, nous avons vu comment modifier le footer d’une page html pour le transférer sur un site wordpress. Ici nous allons plus spécifiquement parler du menu. Dans ma page d’exemple html de base, il y a une balise « <aside> » qui nous interesse particulièrement : elle contient un menu de navigation rangé sous la forme […]
Le contenu du footer wordpress ne change pas vraiment d’un footer classique html. Il faut simplement bien penser à fermer toutes nos divs englobantes qu’on a crée dans le fichier header.php, et insérer le hook <?php wp_footer(); ?> juste avant la balise fermante du body Le reste du site devra etre codé de la même manière, […]
Dans le précedent article nous avons vu comment démarrer le transfert d’une page html vers un site wordpress avec le header. Ici nous allons continuer avec le coeur du site: l’index et les pages articles. L’index est la page qui va me servir de base pour toutes les catégories de mon menu. Elle va afficher […]
Dans ce tuto nous allons voir comment passer d’une simple page html/css à un véritable site WordPress. Il s’agit surtout d’intégration, de découpage et de remplacements de lignes de codes par certains mots clés, les fameux template_tags de wordpress. Je vais prendre pour exemple la première version de ce site, qui a été conçu à […]
Dans wordpress, l’utilisation des custom fields ou champs additionnels est utile à bien des égards. Ici nous allons voir une manière de structurer le contenu de son article avec les customs fields par défaut, fournis dans toute installation de WordPress. Pour afficher les champs additionnels dans l’article, Il suffit dans le panneau d’administration, dans la […]