Accentsconagua

Comment créer un thème Wordpress à partir de zéro Partie 2

Code
Share

C'est l'heure des bonnes choses maintenant. Nous ajouterons le système de commentaires, une barre latérale avec des widgets et une archive pour tous les anciens messages. Cela couvrira tout ce dont vous avez besoin pour un thème WordPress simple mais fonctionnel, et nous espérons pouvoir l’appliquer à toutes sortes de projets thématiques..

Vue d'ensemble des extras

Pour faire suite à l’article précédent sur Comment créer un thème WordPress à partir de zéro, nous allons maintenant ajouter cette barre latérale tellement manquante, le système de commentaires et enfin une page d’archive. Cela devrait vous familiariser avec les thèmes WordPress, mais vous pouvez toujours vous améliorer, je vais donc vous donner un peu de lecture recommandée..

J'espère vous montrer comment configurer une barre latérale prête pour les widgets, ce qui devrait également vous donner une idée de la façon d'ajouter des widgets à d'autres zones d'un modèle. Le système de commentaires est assez simple, mais nous aimons toujours que notre site ait bonne apparence, de sorte qu'il y aura un peu de style. Enfin, l'archive est l'un des fichiers de modèle standard de WordPress. Cependant, les pages personnalisées sont très similaires, tuant d'une pierre deux coups…

Étape 1 - La barre latérale

Il vaut toujours mieux s'attaquer d'abord aux parties difficiles, n'est-ce pas? Eh bien, commençons alors. Créez un nouveau fichier dans le répertoire de votre thème appelé functions.php et ouvrez-le pour l'édition. Coller dans ce qui suit:

 ", 'after_widget' =>", 'before_title' => '
',' after_title '=>'
',)); ?>

Cela indique à WordPress qu'il existe une barre latérale prête pour les widgets dans notre thème. Ce code peut être développé pour inclure des thèmes avec plusieurs zones prêtes pour les widgets. Nous affirmons également que la barre latérale de notre thème nécessite un code HTML différent de celui que WordPress génère normalement. Cela empêche les widgets de la barre latérale de s’envelopper

  • balises, qui ne semblent pas si bien pour nous.

    Maintenant, concevons cette barre latérale, créons encore un autre fichier, appelé sidebar.php et coller dans le suivant.

     
      
    Sur
     
    Ceci est la barre latérale des sourds, ajoutez quelques widgets pour le changer.

    Cela indique simplement à WordPress où se trouve la barre latérale. Il y a un petit texte par défaut dans le cas où vous n'avez pas de widgets sur la barre latérale.

    Enfin, nous devons inclure le fichier de la barre latérale dans index.php, alors ouvrez cela et ajoutez ce qui suit juste avant la

    balise, assurez-vous que la balise include en-tête est toujours en haut du fichier, bien que.

    Félicitations, vous venez d'ajouter une barre dynamique au thème..

    Étape 2 - Commentaires

    Le système de commentaires WordPress peut être aussi simple ou compliqué que vous le souhaitez. Cependant, comme il s'agit d'un tutoriel simple qui construit un thème simple, nous allons utiliser la méthode simple consistant à ajouter des commentaires à nos messages..

    WordPress facilite les choses en disposant d'un système de commentaires standard fourni avec chaque copie de WordPress. Ce thème peut être utilisé par tous les thèmes. C'est ce que nous ferons. S'ouvrir index.php et mettez ce qui suit après la ligne 13 (je parle juste après la ligne avec tous les détails de poste comme le temps(), etc.)

    Comme vous pouvez le constater, cela inclut un fichier que nous n'avons pas dans notre dossier de thèmes, mais qui provient de quelque part dans les profondeurs déroutantes de WordPress. Blague à part, cela rend notre vie beaucoup plus facile.

    Testez votre thème maintenant, vous remarquerez qu'il est assez intelligent pour ne pas afficher le formulaire et tous les commentaires sur la page d'accueil, mais lorsque vous cliquez sur un message, tout s'affiche à votre guise. Eh bien ... sauf que la zone de texte est trop grosse. Pour résoudre ce problème, nous ne voulons pas éditer le noyau de WordPress, mais simplement ajouter une ligne de CSS et faciliter la lecture au cours du processus. Alors ajoutez ce qui suit au bas de style.css.

     textarea # comment width: 400px; rembourrage: 5px;  .commentmetadata font-size: 10px;

    La première ligne limitera les zones de texte à une taille raisonnable et ajoutera également un peu de remplissage pour le rendre plus facile à lire. Vous avez maintenant un système de commentaires simple mais toujours fonctionnel dans votre thème.

    Les métadonnées étaient aussi un peu petites, donc c'est ce que la deuxième ligne couvre.

    Étape 3 - Les archives

    La plupart des sites WordPress ont une "archive", l'endroit où rechercher d'anciens posts. Ils affichent généralement deux listes, une avec des liens vers tous les articles des catégories de sites et une avec tous les articles par mois. Cela permet de parcourir rapidement les archives et d’en faire une meilleure expérience utilisateur..

    archives.php est considéré par WordPress comme l'un de leurs fichiers standard, vous n'avez pas besoin d'ajouter d'en-tête spécial pour le voir. Toutefois, si vous souhaitez créer un autre modèle de page non standard, lisez-le ici..

    Donc, créez le nouveau fichier et mettez-le dans la suite, et tout sera expliqué.

       
     
      
       
    •  
      Archives par catégorie
       
          
       
      •  
    •  
      Archives par mois
       
          
       
      •

    Cela peut sembler assez similaire à index.php Cependant, vous remarquerez qu'il n'y a pas de boucle WordPress. En effet, nous créons une page avec un seul élément. Nous pouvons toujours utiliser des fonctions telles que le titre() pour obtenir et afficher des informations sur la page.

    Il y a aussi le le contenu() fonction, de sorte que si vous mettez un petit texte sur cette page, il sera toujours affiché. Maintenant le truc suivant est assez simple, c'est une liste standard (bien deux en fait…) avec deux fonctions, wp_list_categories () et wp_get_archives (). Les deux fonctions génèrent une liste standard, la première liste toutes les catégories de sites et donne à chacune un lien permettant d'afficher toutes les publications de cette catégorie. Le deuxième fait la même chose sauf qu'il affiche les mois et non les catégories.

    Les paramètres des fonctions leur permettent d’afficher la catégorie / mois avec un nombre de publications pour le facteur de site dynamique ajouté, hehe. Pour ajouter cette superbe page d'archives à votre site, vous devez créer une nouvelle page et remplacer l'option "Modèle de page" par la nouvelle "Page d'archives". Découvrez-le, une page d'archive cool pour tout le monde pour voir combien vous avez écrit.

    Examen - ça marche?

    Oui, la barre latérale fait son travail. Il en va de même pour le système de commentaires et la page d'archive. J'espère que cela vous a montré les bases de la création d'un thème WordPress, même sous la forme la plus simple. Consultez les liens ci-dessous pour vous familiariser avec les thèmes plus avancés disponibles pour WordPress..

    Lectures complémentaires

    • Le codex WordPress

      Développement du thème, le codex est une documentation claire et bien écrite. Venant des créateurs de WordPress, vous ne pouvez pas vous tromper en suivant ses instructions..

      Visite

    • Screencast astuces CSS

      Il y avait beaucoup de mention sur le guide de CSS Tricks 3 partie pour la thématisation WordPress, donc je pensais l'avoir mis sur celui-ci. Il explique comment créer un site agréable, un peu plus compliqué que celui-ci, mais qui devrait améliorer ses compétences en matière de thème..

      Visite

    Code
    • ×