Les magazines numériques sont devenus un produit populaire pour les utilisateurs du Web d'aujourd'hui. Avec WordPress propulsant des millions de blogs sur le Web aujourd'hui, il est juste de supposer qu'ils exécutent un logiciel stable. Certaines des meilleures fonctionnalités sont toutes internes, l’équipe de WP publiant une documentation actualisée et actualisée avec chaque version.
Non seulement le logiciel est très puissant, mais les classes et les fonctions sous-jacentes offrent aux développeurs une passe tout accès. Il est extrêmement simple de développer des applications et des modules dans WordPress. Aujourd'hui, nous examinerons les fonctions de métadonnées de l'auteur pour créer un? À propos de l'auteur? boîte.
Vers la fin des pages de publication individuelle, vous verrez souvent un encadré expliquant un peu le rédacteur. Cela inclura généralement leur Gravatar ou une sorte de photo, une description à leur sujet et éventuellement des liens vers leurs profils ou leur site Web personnel.
Si les choses vous semblent difficiles, consultez la documentation de WordPress sur les balises de modèle. Celles-ci incluent une grande partie de ce qui peut être couvert dans ce projet et bien plus encore. La communauté WP gère également un forum très agréable pour des questions système approfondies.
L'architecture WordPress
Il y a quelque chose de référencé dans le code WordPress intitulé The Loop. Il s'agit d'une section dans laquelle les méta-fonctions peuvent être appelées sur la base d'un seul article pour extraire des informations spécifiques de la base de données. Selon notre exemple, nous pouvons appeler des fonctions pour extraire les données d’auteur de n’importe quel article de The Loop.
Cela devrait notamment être fait dans votre dossier de modèles. Pour les paresseux, il peut être plus facile de modifier des fichiers individuels en ajoutant le code dont vous aurez besoin. Par exemple, le thème WP single.php Le fichier contient généralement tout le code à analyser sur une page individuelle. Vous trouverez peut-être plus facile d'extraire des données à l'intérieur de The Loop et d'ajouter du code HTML ici.
Une autre méthode plus sûre consiste à ajouter un nouveau fichier à votre répertoire de thème et à l'inclure à chaque fois que vous souhaitez que votre boîte d'auteur apparaisse. Cela permet un meilleur contrôle des termes variables et des fichiers modèles. Cela vous permet également d’économiser du temps et de l’énergie afin de ne pas réinventer la roue.
Code de modèle WP
Nous n'utiliserons pas beaucoup de fonctions, même si beaucoup pourraient être nouvelles pour les amateurs de WP. Vous trouverez ci-dessous quelques exemples avec lesquels vous devriez vous familiariser. Une grande partie de ce que nous allons couvrir dans la bibliothèque WordPress ne contient que quelques idées clés - rien qui ne puisse être appris en quelques heures d’étude.
La fonction author extrait les données de la boucle pour afficher le nom de l'auteur. Cela peut être changé dans le backend WordPress sur la page des paramètres de profil de quiconque. Vous pouvez définir cette valeur sur Prénom / Nom, nom d'utilisateur ou même un ensemble personnalisé.
Pour simplifier ce processus, WordPress a publié une bibliothèque de fonctions complète pour the_author_meta (). Ce remplacement prend des arguments qui peuvent extraire toutes les données d’auteur de la base de données à la demande. Vous pouvez consulter la documentation de la page si vous souhaitez approfondir vos recherches sur le sujet.
Ce qui est fascinant à propos de cette fonction est la quantité d’informations qui peut réellement être obtenue. Par défaut, la fonction accepte deux arguments: le type de données dont vous avez besoin et l'ID utilisateur à extraire. L'ID est un paramètre facultatif qui n'est requis que dans les cas autres que The Loop. Les valeurs possibles à extraire incluent user_login, user_email, user_url, pseudonyme, description (bio), jabber / aim / yim et bien plus encore!
Ce que beaucoup de gens ne considèrent pas ici, c'est combien d’informations potentielles peuvent être partagées. WordPress permet aux administrateurs de modifier les pages du profil de l'auteur afin d'ajouter des avatars, des bios et même des liens de page d'accueil personnalisés. Celles-ci peuvent ensuite être extraites de la base de données et utilisées en tant qu'informations marketing pour chaque auteur.
Avec ces seules fonctions, nous sommes en mesure d’afficher toutes les données de jeu dont nous aurons besoin. Il ne reste plus qu’à ajouter nos exemples de code HTML et CSS et à publier le fichier!
Styles de boîte d'auteur cordial
CSS est un langage important dans notre projet, il s’agit d’une application Web. Nous devons définir des ensembles spécifiques de styles et de cas à intégrer pour tous les principaux navigateurs, résolutions de moniteur et autres variables masquées. En tant que développeurs Web, notre travail consiste à étudier et à travailler sous ces climats.
La classe simple .à propos de l'auteur devrait être appliqué à votre boîte de couverture. Nous avons ajouté une couleur de fond claire avec une bordure pleine et un rembourrage supplémentaire. Notre tag img est également affiché flottant à gauche avec un rembourrage supplémentaire. Cela gardera l'avatar de notre auteur en ligne avec le contenu de la boîte.
De plus, nous avons deux classes qui démontrent à quel point nous avons besoin de nos données internes pour fonctionner. .span-2 est une classe tenue à l'intérieur où notre contenu principal sera trouvé. À l'intérieur, nous avons supprimé toutes les marges / rembourrages supplémentaires afin de conserver un espacement neutre, ainsi que la réorganisation du modèle de boîte pour un alignement à gauche. Ce code ferait mieux dans le fichier style.css de votre modèle, bien qu'il puisse être ajouté en ligne avec votre élément de bloc.
Le code HTML est très court et similaire à celui présenté ci-dessous. Ici, nous avons ajouté quelques fonctions supplémentaires qui peuvent être expliquées très rapidement.
Nous appelons une fonction get_avatar () qui prend un ensemble de paramètres. Les deux que nous avons passés ci-dessus correspondent à l'adresse de messagerie de l'auteur actuel, qui est l'identificateur unique d'une requête de base de données. Cela pourrait aussi être équivalent à l'ID d'un utilisateur.Nous transmettons également 64 en tant que valeur de chaîne. Elle représente la taille de l'image que nous voulons renvoyer en largeur et en hauteur.
the_author_posts () est une autre fonction assez simple qui extrait le nombre total d'articles publiés par un auteur. Il s’agit plus d’une fonctionnalité supplémentaire car je ne vois pas beaucoup de blogs utiliser cette information. Généralement, cependant, cela est utile du point de vue des utilisateurs, car il fournit davantage d'informations sur l'auteur actuel et un aperçu plus approfondi de leurs interactions avec le blog.
Ce ne sont là que quelques-unes des techniques de base permettant de créer un simple bloc d’auteurs WordPress. À partir de là, il est très simple de sauvegarder un nouveau fichier, disons author-box.php dans votre dossier de thèmes et de le télécharger dans votre répertoire racine. À partir de là, un simple PHP include peut ajouter automatiquement tout votre code dans n’importe quelle source.
Si cela reste un peu flou, consultez l'exemple de code ci-dessus. Ce serait le moyen le plus direct d'inclure votre fichier et de maintenir la sécurité dans vos actions. Ici nous appelons le get_bloginfo () pour extraire d’abord notre structure de répertoires de modèles complète, suivie de notre fichier de données unique. Assurez-vous de renommer ce fichier de la manière qui conviendra le mieux à votre thème et ne vous trompez pas entre les appels de fonctions!
Conclusion
J'espère que ce tutoriel vous a fourni un point de départ pour vous aider dans le développement de WordPress. Les blogs sont bien trop courants sur le Web d'aujourd'hui, mais l'ajout d'un bloc auteur donne à vos articles en ligne une touche d'éclat. Ils encouragent également les auteurs à publier plus fréquemment et à constituer un petit portefeuille de leurs écrits. La plupart des magazines en ligne les plus populaires présentent désormais des informations détaillées et des liens de profil provenant des auteurs de leurs articles.
Si vous souhaitez expérimenter ces fonctionnalités sans déranger PHP ou HTML / CSS, il existe plusieurs alternatives. Le système de plugins WordPress est un de ces scénarios qui fonctionne parfaitement. Je recommande le plugin Cool Author Box qui ajoute automatiquement les informations sur l'auteur et prend en charge les icônes gravatar. Avez-vous des suggestions ou des conseils pour créer des boîtes d’auteurs uniques dans WordPress? Partagez vos idées dans la discussion ci-dessous.