Comment utiliser un modèle de contenu WordPress pour écrire plus rapidement

Lancer un blog peut sembler une idée assez romantique au début. Vous imaginez publier deux ou trois billets de blog par jour, et des centaines voire des milliers de fans en train de vérifier ce que vous avez à dire..

Les jours se transforment en semaines, puis les semaines en mois. Bloguer devient une corvée. Vous réalisez que vous passez le plus clair de votre temps à essayer de formater vos messages de manière à ce qu'ils paraissent être réalisés de manière professionnelle..

Ensuite, vous engagez un écrivain, puis deux. Bientôt, vous avez une équipe d’écrivains qui vous envoient des publications toutes les semaines et vous dépensez tout de votre temps à éditer et à mettre en forme ces articles pour qu'ils aient l'air de ce que vous voulez qu'ils soient sur le blog qui est devenu un travail d'amour.

Le problème est que toute cette édition et cette mise en forme ont pris tout le temps dont vous disposiez pour ce que vous aimiez faire le plus: écrire.

WordPress est une invention brillante et permet à de plus en plus de personnes d’avoir des sites Web étonnants, avec de beaux thèmes. Comment changer le thème de votre blog Wordpress en 3 étapes simples Comment changer le thème de votre blog Wordpress en 3 étapes simples Lire plus. Cependant, il reste la question de la zone de contenu, qui doit encore être formatée pour les images, les publicités et le contenu bien espacé..

Formater votre contenu WordPress avec un modèle

Il y a quelque temps, je vous ai expliqué comment insérer automatiquement une annonce dans chaque publication à l'aide du module complémentaire In-Post Template pour WordPress..

Cela fonctionne à merveille si vous commencez avec un nouveau blog - mais si vous avez déjà inséré des annonces dans vos messages, cela reviendra en arrière et ré-insérera une nouvelle annonce et gâchera complètement tous vos anciens messages..

Ne vous inquiétez pas, il existe une autre solution encore meilleure. En modifiant simplement l’un de vos fichiers PHP WordPress standard, puis en créant une feuille de style, vous pouvez créer votre propre modèle de contenu soigneusement formaté qui apparaît chaque fois que vous cliquez sur “Ajouter un nouveau” dans WordPress. Tout votre ancien contenu restera intact.

Voici un exemple de tout le travail de formatage que j'ai effectué dans mon propre blog.

J'ai une image d'en-tête qui doit être soigneusement dimensionnée, avec un rembourrage autour et un motif justifié. J'ai le “plus” pause, suivie de mon annonce Google postée. Ensuite, tout au long de chaque article, j'ai des images supplémentaires qui sont dimensionnées pour être correctement justifiées. Pour la plupart, j’ai honte de dire que j’ai fait tout cela à la main, y compris tous les articles que mes auteurs ont envoyés..

Voici à quoi ressemble un tel message lorsqu'il est publié.

Comme vous pouvez le constater, la mise en forme est un peu délicate car, dans un domaine, l’image est justifiée à gauche et, dans la section suivante, l’annonce est justifiée à droite. Ensuite, toutes les images supplémentaires sont également justifiées à droite. J'aime cette configuration pour mon propre blog car c'est plus facile pour les yeux et ça coule bien. Vous pouvez avoir vos propres préférences pour votre blog WordPress particulier.

La première étape pour créer votre modèle consiste à sauvegarder votre fichier functions.php (vous le trouverez dans le répertoire racine de votre thème), puis à l'ouvrir pour le modifier..

Vous verrez un tas de code ici - toutes les fonctions actuellement utilisées par votre thème de blog actuel. Vous allez insérer une nouvelle section entre ces fonctions. Trouvez la fin de la première fonction, puis insérez le code que je vais détailler ensuite.

Maintenant, je dois donner le crédit quand le crédit est dû - j'ai eu cette idée de David Hansen au Smashing Magazine, qui a écrit un article à ce sujet en octobre. Dans ce cas, je vais développer son idée en vous montrant comment ajuster ce modèle pour des éléments tels que des annonces et des images..

 add_filter ('default_content', 'custom_editor_content'); add_editor_style ('editor-style.css'); function custom_editor_content ($ content) $ content = 'Insérez votre introduction ici Entrez Google Script ici Voici le contenu de la deuxième section Voici le contenu de la troisième section Voici le contenu de la troisième section'; retourne $ contenu;  

Remarquez que l'alignement d'image intégré à votre style de thème donne les meilleurs résultats en matière d'alignement. Dans le cas de Google Ad, vous devez utiliser la deuxième div avec l'attribut style pour l'aligner à l'endroit souhaité. Cela fonctionne mieux. Toutefois, en ce qui concerne la taille, le remplissage et l’emplacement, vous devrez créer le fichier css..

Voici le style pour chaque section définie ci-dessus.

body background: # f5f5f5;  .content-col-main float: right; largeur: 70%; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  .content-col-side float: left; largeur: 210px; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  .content-google-ad float: right; largeur: 20%; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  .content-section-two float: left; largeur: 70%; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  .content-image-three float: right; largeur: 210px; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  .content-section-three float: left; largeur: 70%; rembourrage: 1%; bordure: 1px en pointillé #ccc; background: #fff;  img / * Assurez-vous que vos images restent dans leurs colonnes * / max-width: 100%; largeur: auto; hauteur: auto; 

Vous pouvez utiliser des pourcentages ou des pixels pour le dimensionnement. Je préfère les pixels pour les images, mais cela dépend vraiment des préférences. S'il y a trop d'espace entre les images et le texte, ajustez légèrement les pourcentages du contenu jusqu'à ce que le résultat soit satisfaisant..

Après avoir enregistré votre fichier .css, ouvrez une nouvelle publication et vous verrez que votre modèle de contenu parfaitement formaté est déjà en place pour vous..

Tout ce que vous avez à faire est de cliquer sur l'image et de télécharger celle que vous souhaitez utiliser, puis de remplir toutes les zones de contenu. C'est vraiment aussi simple que ça. Tout est automatiquement aligné et placé là où ils doivent aller.

Tous les codes ou images Google justifiés à droite sont déjà présents. Il vous suffit de mettre à jour le contenu. Le temps qu'il vous faudra pour rédiger un message avec tout ce que vous avez déjà fait va vous faire perdre un facteur énorme, garanti.

Mettre à jour toutes les images du modèle s’effectue simplement en téléchargeant les images que vous souhaitez utiliser sur votre blog à l’aide de l’outil de téléchargement multimédia, puis en cliquant sur l’image et en collant l’URL de ces images dans “La source” champ.

Bien sûr, vous voudrez également mettre à jour les balises title et alt. Comme vous pouvez le voir ici dans mon article de test, écrire un article consiste simplement à remplir chacun des champs de contenu. Je ne peux pas vous dire à quel point il est agréable de pouvoir se concentrer uniquement sur l'écriture, sachant que toute la mise en forme appropriée est déjà en place pour donner à l'article un aspect absolu..

Le résultat final? Voici mon premier article de test utilisant le nouveau modèle de contenu WordPress. Toutes les images et le code d'annonce sont insérés, alignés et parfaitement espacés.

Si vous ne le connaissiez pas mieux, vous penseriez que rien n’a changé sur le blog. La mise en forme est identique à celle qui prévalait lorsque je les ai asservis pendant une heure ou plus. Désormais, tous ces efforts et le formatage d'essai et d'erreur sont déjà insérés directement dans le modèle de contenu WordPress..
Alors maintenant, tout ce qui reste à faire est de rester assis et de faire ce que vous avez toujours aimé faire: écrire.
Ce modèle de contenu WordPress réduit-il la charge de votre propre blog? Avez-vous d'autres astuces de mise en forme que les utilisateurs peuvent utiliser dans leurs propres modèles? Partagez vos pensées et vos idées dans la section commentaires ci-dessous.
Crédit d'image: Shutterstock

Explorez plus sur: Blogging, Wordpress, Conseils de rédaction.