WordPress est facile à configurer et à installer, prêt à l’emploi dès que vous publiez votre blog.


Mais s’appuyer sur les options par défaut de WordPress peut entraîner une perte en votre nom:

  • Moins de fonctionnalités
  • Utilisateurs ennuyés (qui voient la même chose sur tous les sites WP sur lesquels ils tombent)
  • Gouttes dans les classements des moteurs de recherche.

Vous avez un outil flexible entre vos mains, que vous pouvez modifier pour le transformer en quelque chose d’agréable à utiliser et efficace. Pourquoi ne pas pimenter les choses pour vos utilisateurs (et vous-même)?

Cet article veut vous aider à rendre votre site Web basé sur WordPress amusant et utile pour vos utilisateurs en ajoutant des extraits de code qui améliorera également votre référencement.

Besoin d’aide pour pimenter votre blog WordPress?
WHSR est désormais partenaire de Codeable.io pour aider les utilisateurs qui ont besoin de services professionnels de développement / personnalisation de WP.

Pour obtenir un devis gratuit, veuillez remplir ce formulaire de demande.

Essayez-les et faites-moi savoir comment ils ont fonctionné pour vous! 😉

9 codes pour améliorer votre blog WordPress

Je vais vous proposer deux types d’extraits de code dans cet article:

  1. Codes Codex
  2. Extraits de code et widgets

Les codes Codex sont des extraits PHP que j’ai écrits moi-même (avec l’aide de mon fiancé, Simone) en utilisant strictement le Codex WordPress.org comme référence.

Les extraits de code et les widgets sont des morceaux de code PHP (ou plugins WordPress) prêts à l’emploi qui sont disponibles gratuitement sur d’autres sites Web et sur WordPress.org, mais j’ai également inclus des extraits de mon fiancé et j’ai écrit à partir de zéro en utilisant des références ouvertes et Codex.

Les deux types de codes sont faciles à implémenter et à installer, mais vous voudrez peut-être commencer par des widgets et des plugins si vous ne savez pas comment manipuler le code.

Je comprends que 9 extraits de code peuvent ne pas être suffisants pour ceux d’entre vous qui aiment expérimenter beaucoup, beaucoup de code différent, donc je suis sûr que les 25 extraits de code pratiques de Robert Ludrosky pour les développeurs WordPress satisferont votre faim (au moins pour un tandis que). 😉

Codes Codex

1. Différencier les messages collants

Pour que WordPress vérifie si votre article actuel est un article collant – et l’affiche en conséquence – vous pouvez utiliser la fonction booléenne Codex:

<?php is_sticky (); ?>

La fonction seule ne renverra que des valeurs VRAI ou FAUX, donc ce que vous pouvez faire ici si vous écrivez une construction conditionnelle (if / else) pour gérer vos messages collants. Un exemple:

<?php si is_sticky () {
le titre();
the_time (‘M, d, Y’);
the_excerpt ();
}
autre {
inclure «post-template.php»;
}

Dans cet exemple d’utilisation, j’ai affiché le post collant sous la forme d’une boîte contenant uniquement le titre, la date du post et l’extrait (pas l’intégralité du post), tandis que le modèle standard pour les autres posts est contenu dans post-template.php.

Chaque type de publication aura sa propre feuille de style CSS, mais nous ne définissons pas de styles ici; seulement des modèles.

Single.php est votre modèle par défaut pour les messages uniques (vous le trouverez inclus avec chaque thème WP par défaut).

Si vous avez développé votre propre thème WP mais que vous n’avez configuré aucun modèle pour des articles uniques, vous pouvez suivre le guide du Codex ici.

2. Affichage de l’URL du message

Celui-ci pourrait être amusant à ajouter à votre modèle. Si vous souhaitez que vos lecteurs obtiennent l’URI de chacune de vos pages (ou publications), utilisez simplement la balise suivante dans votre modèle single.php, page.php ou même index.php:

"><?php echo get_page_link (); ?>

Au lieu d’utiliser the_permalink, c’est le choix le plus évident et fonctionne dans tous les cas, WP vous permet d’utiliser deux formulaires alternatifs pour les publications et les pages:

<?php echo get_post_permalink (); ?>
<?php echo get_page_link (); ?>

Par exemple, votre modèle de page peut inclure:

Lien: "><?php echo get_page_link (); ?>

3. Récupérer et afficher le numéro d’identification du message

Même lorsque vous configurez votre structure de permalien pour qu’elle soit conviviale et conviviale pour le référencement, vous pouvez toujours montrer à vos visiteurs l’ID du message en ajoutant cette fonction simple à votre méta-ligne:

<?php the_ID (); ?>

Exemple d’utilisation:

Publié par le nom de l’auteur. L’identifiant du message est <?php the_ID (); ?>

4. Liste des catégories par ID

La fonction standard de WordPress est:

<?php get_all_category_ids () ?>

Voici un exemple que j’ai utilisé sur l’un de mes blogs, écrit en utilisant le code du Codex et un sujet sur StackOverflow:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids comme $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // nous avons besoin du lien cat pour que l’URL fonctionne!
écho "{$ cat_id}: {$ cat_name}
";
}
?>

… Et comment il est affiché:

catégorie WP code

Remarque: get_all_category_ids () est désormais une fonction obsolète, mais vous pouvez toujours l’utiliser sans problème, comme je le fais sur mon blog (capture d’écran ci-dessus). Cependant, si vous souhaitez utiliser la nouvelle fonction pour cet extrait, visitez la page get_terms () du Codex.

Que fait ce code?

Le code obtient tous les ID de catégorie et le nom de catégorie pour chaque ID, puis il lie l’ID au lien de catégorie, tandis qu’il affiche le nom de catégorie après le «:» – d’où l’expression echo () {$ cat_id}: {$ cat_name }
.

5. Une page détaillée d’utilisateurs / auteurs pour votre blog

Avez-vous déjà voulu créer une page personnalisée qui afficherait tous les auteurs ou utilisateurs de votre blog sans avoir à s’appuyer sur un plugin?

Eh bien, vous pouvez créer votre propre page d’auteurs / utilisateurs personnalisée avec uniquement un éditeur de texte, un téléchargeur FTP et votre tableau de bord WordPress bien-aimé.

Tout d’abord, vous devez créer une copie de votre fichier page.php. Renommez votre copie en n’importe quel nom – j’ai nommé le mien users.php.

Ajoutez la balise de modèle en haut de ce modèle pour que WordPress le reconnaisse comme modèle, puis accédez à votre tableau de bord -> Pages -> Ajoutez Nouveau et créez une page pour votre liste d’utilisateurs / auteurs. Revenez à la liste des pages, cliquez sur Modification rapide sous le nouveau titre de votre page et sélectionnez votre nouveau modèle dans le menu déroulant Modèle. Sauvegardez vos modifications.

Ouvrez maintenant votre fichier users.php (ou tout autre nom) et appliquez le code suivant:

<?php
$ result = count_users ();
echo ‘Il y a’, $ result [‘total_users’], ‘total users’;
foreach ($ result [‘avail_roles’] as $ role => $ count)
echo ‘,’, $ count, ‘are’, $ role, ‘s’;
écho ‘.’;
?>

Ce code utilise la fonction count_users est répertoriée comme «utilisation par défaut» dans le Codex. Vous pouvez voir un exemple en direct de ce code sur http://robocity.in/users/.

Après ce code, ajoutons quelque chose sur l’administrateur du blog:

<?php printf (__ (‘Nombre de publications publiées par l’utilisateur "Dirigeants":% d ‘,’ text-dom-here ‘), count_user_posts (1)); ?>

J’ai utilisé la fonction count_user_posts ici, en suivant le format d’utilisation suggéré par le Codex.

La fonction get_userdata est bonne pour montrer la corrélation entre un certain nom d’utilisateur et le vrai nom de la personne qui l’utilise. Voir ci-dessous:

<?php $ user_info = get_userdata (1);
$ username = $ user_info->Utilisateur en ligne;
$ first_name = $ user_info->Prénom;
$ last_name = $ user_info->nom de famille;
écho "$ first_name $ last_name se connecte à son site WordPress avec le nom d’utilisateur de $ username.";
?>

Maintenant, c’est la fonction la plus intéressante que vous pouvez utiliser sur votre page Auteurs / Utilisateurs – la fonction get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&rôle = administrateur ‘);
// Tableau d’objets WP_User.
foreach ($ blogusers as $ user) {
écho ” . esc_html ($ utilisateur->Utilisateur en ligne) . «-». esc_html ($ utilisateur->user_email). “
»
}
?>

Cette fonction récupère une liste d’utilisateurs en fonction de certains paramètres que vous pouvez configurer dans le code. Dans l’exemple ci-dessus (extrait de la page Codex et modifié pour s’adapter à ma page Utilisateurs sur Robocity.in), je veux obtenir une liste d’administrateurs pour l’ID de blog 1 (blog actuel) trié par ‘nicename’, et pour chaque utilisateur, Je souhaite afficher le nom d’utilisateur et l’adresse e-mail dans une phrase de type “Nom d’utilisateur -“.

Si vous souhaitez montrer aux utilisateurs connectés quelque chose sur eux-mêmes, vous pouvez utiliser la fonction get_currentuserinfo pour récupérer, par exemple, le nom et l’adresse de l’utilisateur. Je n’ai pas utilisé cette fonction dans mon exemple, mais la créativité ne connaît pas de limites, non? 😉

Extraits de code & Widgets

6. Alternative… Archives!

archives de blog plus agréableImaginez si vous pouviez remplacer votre ancienne liste d’archives de la barre latérale – qui continue de croître à mesure que votre blog se développe et oblige les utilisateurs à faire défiler – avec un extrait comme celui que vous pouvez voir ici à droite.

Cela ne faciliterait-il pas la vue de vos lecteurs sur l’âge et la profondeur des archives de votre blog en un coup d’œil? 🙂

Mon fiancé et moi avons écrit ce simple extrait en utilisant le get_post du Codex et un simple menu déroulant pour la liste des archives. Nous avons créé nos propres fonctions pour que l’idée fonctionne bien.

<?php
fonction formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime ($ format, strtotime ($ post->postdater));
return $ output;
}

fonction getLastPostID () {
list ($ post) = get_posts (array (‘posts_per_page’ => 1));
retourner $ post->ID;
}
?>

Ce blog a des articles depuis <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
Le dernier message a été publié le <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Souhaitez-vous visiter une archive spécifique?

<?php echo esc_attr (__ (‘Select Archive’)); ?>
<?php wp_get_archives (array (‘type’ => ‘mensuel’, ‘format’ => ‘option’, ‘show_post_count’ => 1 ) ); ?>

Que fait ce code?

La fonction formatPostDate prend l’identifiant et le format de date de la publication et renvoie une date dans le format de votre choix. La deuxième fonction, getLastPostID, prend un tableau de publications contenant une seule publication et renvoie son ID.

Pour obtenir le premier article du blog – généralement avec ID = 1, nous écrivons echo formatPostDate (1, ‘% B% e,% Y’) dans le premier paragraphe: ce code utilise la fonction formatPostDate et prend comme paramètres l’ID de l’article # 1 et un format anglais standard pour la date, et renvoie la date.

Pour obtenir le dernier message du blog, nous utilisons formatPostDate (getLastPostID (), ‘% B% e,% Y’) pour obtenir l’ID du dernier message et un format de date (encore une fois, en anglais) et imprimer la date sur écran.

7. Vérifiez si le visiteur utilise un appareil mobile

Muneeb at WP-Snippets.com a partagé un extrait de code intéressant (une fonction) pour vérifier si un visiteur de votre site utilise un appareil mobile.

Le code est disponible ici.

Cette fonction aide à l’optimisation mobile, car elle est utile si vous souhaitez afficher certaines fonctions uniquement pour les utilisateurs mobiles ou pour exclure les utilisateurs mobiles de certaines fonctionnalités du site Web.

8. Utilisez la construction if / else pour manipuler le contenu de la barre latérale de votre page

Cet extrait de code est basé sur le Codex de WordPress, mais je l’ai placé dans cette section car il permet beaucoup de créativité et vous pourrez peut-être trouver des extraits prêts à l’emploi sur le Web.

Supposons que vous souhaitiez utiliser plusieurs barres latérales sur votre site. Vous pouvez remplir votre barre latérale avec des divs et des sections, mais plus ce fichier grandit (même si vous utilisez des widgets), plus il devient lourd.

Le Codex vient à votre secours avec la fonction get_sidebar ($ name). L’utilisation est simple:

  1. Créez (par exemple) une barre latérale pour vos extraits de devis. Nommez-le sidebar-quotes.php
  2. Dans le fichier principal sidebar.php (ou le fichier d’en-tête ou d’index, selon la structure de votre thème WP), écrivez get_sidebar («quotes»); pour inclure le fichier “sidebar-quotes.php”.

Vous obtiendrez une barre latérale plus mince avec des appels à d’autres sous-barres latérales, que vous pouvez optimiser avec des constructions if / else si vous connaissez un peu le codage PHP pour WordPress.

Vous ne le savez peut-être pas, mais lorsque vous utilisez le code générique get_sidebar (), cela inclura «sidebar.php» car vous n’avez pas ajouté d’argument $ name. Il s’agit de l’utilisation par défaut. Lorsque vous ajoutez un «-name» après «sidebar * .php», vous pouvez appeler ce nom addon avec l’argument $ name.

Si vous avez des annonces, des offres spéciales ou des fonctions de barre latérale que vous souhaitez afficher sur certaines pages de votre blog ou code qui surchargeront votre barre latérale standard, vous trouverez cet extrait de code un épargnant de vie pour UX.

9. Un outil pour intégrer des extraits de code dans votre site WordPress

capture d'écran codesnippets

Code Snippets est un plugin WordPress gratuit créé par Shea Bange qui vous permet d’ajouter facilement des extraits de code à votre blog.

La bonne chose à propos de ce plugin est que vous n’avez plus à modifier votre fichier functions.php, mais vous pouvez ajouter du code personnalisé directement à partir de votre tableau de bord WordPress. Fondamentalement, vous pouvez ajouter des extraits de code comme vous le feriez pour un nouveau message ou une nouvelle page.

Tom Ewer de WPMUDev.org a écrit une introduction intéressante à ce plugin, mais la ressource la plus utile que j’ai trouvée jusqu’à présent pour Code Snippets est le forum de support des plugins sur WordPress.org.

À vous!

Partagez vos expériences de codage WordPress dans les commentaires ci-dessous! Et n’hésitez pas à poser des questions sur les extraits introduits dans ce post.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me