Création de sites web



Créer un thème WordPress intégralement N°8 : le menu css

Les premières parties de ce dossier se trouve ici :

Pour voir les premières parties de notre dossier, c’est par ici :

Plusieurs notions sont à maîtriser pour que vous puissiez personnaliser votre menu de A à Z…

Le menu dans la feuille de style css

Devant la complexité de cette réalisation qui comporte des codes intriqués, nous allons déployer un exemple basique.  Observez le code ci-dessous pour mieux comprendre le rôle de chaque attribut.

float : indique tout simplement que l’élément doit flotter au-dessus d’un contenant. Puisque nous avons placé la div dans le fichier header.php, le menu flottera au-dessus du header. Lire la suite

Créer un thème WordPress intégralement N°7 : body et header en css

Pour voir les premières parties de notre dossier, c’est par ici :

Ce sont des notions passionnantes que vous allez découvrir dans ces quelques lignes, puisqu’elles vous permettront d’imprégner vos pages web de votre personnalité, de vos goûts. Vous pourrez même ensuite modifier le style de certains thèmes prêts à l’emploi comme Twentyeleven.

Codes css pour le body : couleurs, images…

Prenons une image pour inspiration :

Font-family correspond au choix de la police : il suffit ensuite de remplacer Arial par la police que vous affectionnez.

Font-size : c’est la taille de l’écriture vous pouvez agrandir (1.3 par exemple) ou rétrécir à l’infini. Lire la suite

Créer un thème WordPress intégralement N°6 : le footer et introduction au CSS.

Pour harmoniser la création de votre site, nous vous conseillons de vous référencer aux numéros publiés dernièrement :

Créer le footer : copyright.

Nous y voilà : la fin de la création de vos templates. Le footer est le pied de page : vous pouvez y indiquer quelques informations. Généralement on y trouve le nom du webmaster, le copyright, des coordonnées et/ou des liens.

Après avoir créé le fichier dans Notepad, ouvrez une div qui permettra plus tard de personnaliser la couleur, le fond, la taille… de votre footer. Pour afficher un Copyright qui indique automatiquement l’année actuelle, onnote : print (date(Y)). Vous pouvez rajouter une petite phrase descriptive, notamment si vous souhaitez mettre en avant le fait que c’est vous qui avez réalisé ce thème! En revanche vous devrez vous procurer les codes nécessaires à la rédaction des accents car ils ne sont pas pris en compte par les navigateurs : Lire la suite

Créer un thème WordPress intégralement N°5 : la sidebar

En espérant ne pas avoir perdu de lecteurs en cours de route, nous allons ici aborder la sidebar ou barre latérale. Pour les voir les 4 premières parties de notre guide création de thème wordpress, c’est par ici :

Principes de bases de la sidebar

Elle a de multiples intérêts : ergonomie (facilite la navigation interne de votre site), référencement, revenus publicitaires, partage via les réseaux sociaux… Elle doit donc être affinée après sa mise en place pour tirer un maximum de bénéfices de ces fonctions. Entrons dans le vif du sujet : comme d’habitude, créez votre fichier sidebar.php. Lire la suite

Créer un thème WordPress intégralement N°4 : pages, archives et articles.

Si vous arrivez en cours de route, il est recommandé de parcourir les billets précédents relatifs à la création de thèmes pour mieux profiter des informations que nous souhaitons mettre à votre disposition ici.

Voir :

Créer la page, les archives et l’article seul.

Dans l’épisode N°3 vous avez eu accès aux explications permettant de créer l’index.php. Pour construire la page nous allons dans un premier temps faire simple : copiez l’ensemble de votre fichier index et collez le dans un fichier nommé page.php. 

Puisque les contenus sont identiques, vous ne verrez aucune différence entre vos pages et vos articles du point de vue  de l’apparence. Par exemple, ils sont tous les deux suivis de commentaires. Or, si vous construisez des pages, c’est sans doute leur souhaitez-vous une apparence autre que celle de vos articles. Lire la suite