Créer un widget sur la barre latérale «À propos de moi» avec Post Editor [tutoriel sur WordPress]

Les gros blogs font un excellent usage des pages "À propos de moi". Dans 99% des cas, les utilisateurs incluent un bref et intriguant «À propos de moi» dans la barre latérale de leur blog. Dans ce post, je vais vous montrer comment créer cette section. C'est aussi simple que d'écrire un nouveau post. En fait, nous utiliserons le nouvel éditeur de publication dans WordPress pour créer cette application..

L'éditeur de publication est l'un des outils les plus polyvalents de WordPress, et personne ne le sait. Ce que je suis sur le point de vous montrer, c’est une astuce de conception astucieuse, une astuce tellement négligée qu’elle n’était même pas couverte dans la liste des 40 sites WordPress de Hongkiat.com.

Cette astuce est également idéale pour apprendre quelques bases HTML et CSS, si vous débutez.

Créez votre message

Tout ce dont vous avez besoin pour ce tutoriel est votre page "À propos de moi", une photo de vous-même et du texte. Votre page "À propos de moi" devrait mettre l’accent sur vos réalisations en matière de blogage, interroger le lecteur avec quelques questions et inclure des images de votre blog. Vous avez déjà fait cette page? Parfait.

Maintenant, nous allons prendre tout cela sur le WordPress nouvel éditeur de publication. Ouvrez-le et téléchargez votre image. Nous ferons beaucoup de cela depuis le Onglet HTML. Lorsque vous téléchargez une image, WordPress génère automatiquement le code HTML correspondant. Accédez à l'onglet HTML et créez un espace (appuyez sur Entrée) au-dessus de votre image. Ensuite, écrivez un petit message de crochet ici, quelque chose comme: "Qui est derrière ce site?" ou même simplement "à propos de moi". Sois créatif.

Ajoutez une courte description en 3 ou 4 phrases destinée à intriguer le lecteur. À la fin de ce bloc de texte, écrivez une phrase telle que "Pour en savoir plus ici" et créez un lien vers votre page À propos de.

Style ton message

Maintenant aller le Onglet visuel. Centrez votre texte. Lorsque vous revenez au HTML, vous remarquerez que WordPress a écrit du code pour vous, sous la forme d'un "style p". C’est la beauté de créer des widgets dans le nouvel éditeur de publication; WordPress codes auto-écriture pour vous! Il vous suffit ensuite d'ajouter des CSS de base!

Créez quelque chose comme ceci:

 VOTRE MESSAGE 

Assurez-vous de fermer le style p avec un

Et ajoutez tout autre CSS que vous pouvez penser ou dont vous avez besoin. Ne sait pas CSS? Il suffit de faire une recherche dans Google "Code CSS pour ____" et de mettre en blanc ce que vous essayez de faire. Ensuite, copiez et collez le style p. Placez-le autour de votre message texte en-dessous de l'image. Portez-la comme vous le souhaitez et fermez-la. Si vous oubliez de fermer un style p, ce n'est pas grave. Le style s'appliquera à plus de texte que vous le souhaitez, mais tout le monde commet cette erreur au moins une fois..

Utiliser des codes en italique et mettre votre texte en gras, et n'oubliez pas de les fermer aussi.