hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


50 conseils WordPress les plus recherchés, astuces et Hacks

Auparavant, nous avons présenté plus de 30 hacks et astuces pour personnaliser WordPress. Mais WordPress a traversé plusieurs itérations et mises à jour depuis la publication de cette compilation. Certaines fonctions de WordPress ont été supprimées, certaines ont été remplacées par de meilleures approches qui rendent certaines astuces que vous savez ne plus être utilisables.

Nous avons pensé que vous pourriez vouloir de nouveaux trucs, trucs et astuces qui fonctionnent avec la dernière version de WordPress. Voici un rappel amical, s'il vous plaît faites preuve de prudence lorsque vous essayez l'un des conseils dans la section Avancé parce que vous pourriez rendre votre site inutilisable si vous ne savez pas ce que vous faites.

1. Désactivation de l'éditeur pleine hauteur

WordPress 4.0 a ajouté un subtil changement d'UX dans l'éditeur. Si vous faites défiler ou écrivez un paragraphe de longueur, la hauteur de l'éditeur correspondra à la hauteur de votre écran, éliminant ainsi les barres de défilement dans l'éditeur.

Pour atteindre certains panneaux comme les champs Extraits et Personnalisés qui se trouvent sous l'éditeur, vous devez faire défiler tout le long de la fin du paragraphe. Si vous ne le souhaitez pas, cochez l'option dans le panneau Options d' écran.

Compatibilité: WordPress 4.0

2. Intégrer avant et après la comparaison d'image

Avez-vous déjà expérimenté la comparaison d'images où vous pouvez glisser vers la droite pour voir l' avant et vers la gauche pour l' après ? Si vous voulez afficher quelque chose comme ça sur votre site Web, vous pouvez installer TwentyTwenty. Ce plugin est basé sur Zurb TwentyTwenty. Le plugin introduit un nouveau shortcode, [twentytwenty], où vous pouvez ajouter deux images à comparer.

Compatibilité: WordPress 3.5.1 ou supérieur

3. Rétablir les plugins ou les thèmes à la version précédente (facilement)

Comme avec toute autre mise à jour du système, il est possible qu'une nouvelle mise à jour de plugin ou de thème puisse accidentellement endommager votre site Web. WordPress ne nous permet pas de revenir à la version précédente mais vous pouvez installer ce plugin WP-Rollback pour obtenir cette fonctionnalité. Une fois qu'il est activé, il ajoutera un lien "Rollback" sur n'importe quel plugin installé.

Compatibilité: WordPress 3.8 ou supérieur

4. Organiser le menu Admin

Utilisez ce plugin, Admin Menu Manager, pour organiser chaque commande de menu dans admin via une interface glisser-déposer.

Compatibilité: WordPress 4.0 ou supérieur

5. Éditeur de texte SyntaxHighlighter

L'éditeur de WordPress en mode texte est assez simple. Vous pouvez le rendre plus convivial en installant HTML Editor SyntaxHighlighter, un plugin qui ajoute la coloration syntaxique comme dans un éditeur de code. Cela rendra l'édition beaucoup plus facile, surtout si vous utilisez l'éditeur en mode Texte plus souvent que l'équivalent Visual (WYSIWYG).

Compatibilité: WordPress 3.3 ou supérieur

6. Ajouter une icône dans le menu

Suivez cette astuce pour ajouter une icône à côté des éléments de menu de votre site Web donnant à votre navigation de menu plus d'attrait visuel.

Compatibilité: WordPress 4.1 ou supérieur

7. Activation de la recherche vocale

La recherche WordPress est mal construite, lourde, et ne me laisse pas commencer sur la précision de son résultat de recherche. Mais ne laissez pas cela vous empêcher d'ajouter une capacité de recherche vocale. Une fois installé, vous remarquerez qu'une icône "microphone" apparaît dans la zone de recherche.

Compatibilité: WordPress 2.6 ou supérieur

8. Installer WordPress Plugin via Github

Avez-vous trouvé un plugin WordPress dans Github que vous souhaitez installer sur votre site? Suivez cette astuce sur la façon d'installer les plugins facilement en quelques clics. Attention cependant à ce que vous installez car les plugins ne sont pas modérés. Il se peut que des codes malveillants permettent l'infiltration de votre site Web.

Compatibilité: WordPress 3.6 ou supérieur

9. Installer le plugin avec un seul clic

Pour plus de gestion des plugins, vous pouvez installer WP-Core. Ceci est un plugin qui rend les installations de plugin WordPress plus rationalisées. Vous pouvez également créer une collection pour assembler plusieurs plugins et les installer en un clic.

Compatibilité: WordPress 3.5 ou supérieur

10. Styles d'image avancés

Nous avions l'habitude de définir des marges et des bordures lorsque nous insérons des images dans le contenu. À partir de WordPress 3.9, ces options ont été supprimées. Si vous les avez manqués, vous pouvez installer ce plugin pour ramener ces options.

Compatibilité: WordPress 3.9 ou supérieur

11. Afficher le diagramme d'utilisation du disque

Installez ce plugin Disk Usage Sunburst pour afficher une belle visualisation, similaire à DaisyDisk, de l'utilisation de l'espace disque de votre site Web. Un utilitaire très utile à ajouter à votre site Web.

Compatibilité: WordPress 4.0 ou supérieur

Avancée

Au-delà de ce point sont des conseils avancés pour ceux qui aiment explorer, et ceux qui aiment se salir les mains avec des codes. Cependant, bon nombre des conseils suivants peuvent rendre votre site Web inutilisable, par conséquent, ils devraient être effectués avec plus d'attention et avec plus de prudence.

12. Fichier de débogage de sortie WordPress

Cet extrait dira à WordPress d'enregistrer l'erreur du journal de débogage dans un fichier .log au lieu de l'afficher dans le frontal. Un extrait pratique pour activer le débogage de WordPress sur un site en ligne.

Compatibilité: WordPress 3.1

 define ('WP_DEBUG', true); define ('WP_DEBUG_LOG', true); define ('WP_DEBUG_DISPLAY', faux); 

13. Utilisation des modules Jetpack - Hors connexion

Exécutez et activez tous les modules Jetpack hors ligne, y compris les modules qui vous obligent à vous connecter à WordPress.com pour fonctionner; un conseil utile si vous développez et intégrez des modules Jetpack à votre thème.

Compatibilité: WordPress 4.1

14. Connectez-vous à WordPress avec adresse e-mail

WordPress expose le nom d'utilisateur d'un utilisateur, ce qui facilite les attaques par force brute. Vous pouvez envisager de modifier les paramètres de connexion avec une combinaison d' e-mail et de mot de passe plutôt que par nom d'utilisateur à l'aide de ce hack.

Compatibilité: WordPress 2.5.0

15. Désactiver l'auto-ping / auto-rétrolien

Cette astuce empêche WordPress d'auto-ping, ce qui arrive si vous faites des liens entre les pages ou les messages de votre propre site Web.

 function no_self_ping (& $ liens) {$ home = get_option ('home'); foreach ($ liens comme $ l => $ link) if (0 === strpos ($ link, $ home)) non défini ($ liens [$ l]); } add_action ('pre_ping', 'no_self_ping'); 

Une autre façon de l'utiliser est d'installer le plugin Disabler. C'est un plugin qui vous permet d'activer ou de désactiver certaines fonctionnalités de WordPress, y compris la désactivation de l'auto-ping.

Compatibilité: WordPress 2.0

16. Pré-remplir le contenu

Cette astuce est très utile si vous souhaitez ajouter du contenu par défaut à chaque fois que vous créez un nouveau contenu de publication, de page ou de type de publication personnalisée; l'idée est similaire à l'ajout d'une signature standard lors de la création de nouveaux emails.

Compatibilité: WordPress 1.5

17. Classe personnalisée pour le poste

Le conseil suivant explore une certaine personnalisation de WordPress Post Class complètement avec post_class . C'est utile si vous voulez être plus précis en ce qui concerne vos styles de publication.

Compatibilité: WordPress 2.7

18. Ajout de polices Google (dans le bon sens)

Un autre bon conseil de ThemeShaper, un guide complet pour ajouter Google Font à votre thème WordPress correctement. Il comprend comment l'ajouter dans le frontal, dans l'éditeur, et comment assurer la compatibilité pour différentes langues.

Compatibilité: WordPress 3.0

19. Chargement du modèle alternatif

WordPress utilise single.php pour afficher le contenu du message. Si vous voulez le changer, peut-être, post.php, cette astuce vous montrera comment remplacer correctement les modèles WordPress par défaut.

 add_filter ('template_include', 'my_callback'); function my_callback ($ original_template) {if (some_condition ()) {retourne SOME_PATH. '/some-custom-file.php'; } else {return $ original_template; }} 

Compatibilité: WordPress 1.5

20. Personnalisateur de thème WordPress de Scratch

WordPress 3.4 ajoute une nouvelle API appelée Customizer qui vous permet de construire des contrôles pour personnaliser le thème et voir le résultat en temps réel. Cependant, l'API du Customizer peut être trop complexe pour certains, car elle implique des ensembles de codes multidisciplinaires, notamment PHP, JavaScript, Ajax et jQuery.

Néanmoins, Theme Foundation a compilé un guide complet pour WordPress Customizer. Vous apprendrez à ajouter le menu Personnaliser, à créer des sections, des paramètres, des contrôles de saisie et des panneaux, et à apprendre leurs fonctions ensemble - à l'intérieur et à l'extérieur. Une référence essentielle pour les développeurs de thèmes WordPress.

Compatibilité: WordPress 3.4

21. Utiliser Vagrant avec WordPress

Vagrant est un excellent outil pour créer un environnement virtuel, et pour tester votre développement WordPress afin de vous assurer que les thèmes et les plugins fonctionneraient dans différentes instances. Dans ce conseil, Daniel Pataki vous expliquera comment faire fonctionner votre site WordPress avec Vagrant.

Compatibilité: Toute version WordPress

22. Récupération de l'URL de WordPress Gravatar

Le WordPress get_avatar() est une fonction pratique pour obtenir l'avatar d'un utilisateur; la fonction récupère l'image avec l'élément img . Mais parfois, je veux saisir juste l'URL de l'image afin que je puisse facilement et facilement ajouter des classes personnalisées ou des identifiants à l'image.

Si vous avez cela en tête, ajoutez le code suivant dans votre functions.php :

 function get_avatar_img_url () {$ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email); $ url = add_query_arg (array ('s' => 80, 'd' => 'mm', ), $ url); return esc_url_raw ($ url); } 

Puis quelque part dans un autre fichier - peut-être single.php ou page.php - utilisez le code suivant pour afficher l'image.

 $ avatar_url = get_avatar_img_url (); écho '  '; 

Voici un post plus détaillé pour le décomposer pour vous.

Compatibilité: WordPress 1.5

23. Supprimer les classes du menu

WordPress, par défaut, ajoute un tas de classes. Bien que cela permette une personnalisation poussée, le marquage HTML du menu semble très encombré. Ranger et ajouter seulement la classe dont vous avez besoin avec l'extrait ci-dessous.

 add_filter ('nav_menu_css_class', 'my_css_attributes_filter', 100, 1); add_filter ('nav_menu_item_id', 'my_css_attributes_filter', 100, 1); add_filter ('page_css_class', 'my_css_attributes_filter', 100, 1); function my_css_attributes_filter ($ var) {return is_array ($ var)? array_intersect ($ var, array ('current-menu-item')): ''; } 

Compatibilité: WordPress 3.0.0

24. Appliquer SSL dans WordPress Multisite

SSL, non seulement sécurise votre site Web, mais augmente également les classements dans les résultats de recherche Google. Dans le conseil suivant, Jenni McKinnon explique comment déployer SSL dans des multisites WordPress qui peuvent utiliser plusieurs sous-domaines.

Compatibilité: WordPress 3.0.0

25. Personnalisation de l'éditeur de contenu WordPress

L'ajout de styles à l'éditeur améliorera l'expérience d'écriture dans l'éditeur WordPress. Vous pouvez faire correspondre les styles typographiques du backend avec le front-end vous permettant de voir la version finale (ou une version aussi proche de la finale que possible) tout en écrivant. Cela permettra de réduire la commutation entre l'éditeur et la sortie du contenu.

 function my_editor_styles () {add_editor_style ('editor-style.css'); } add_action ('admin_init', 'my_editor_styles'); 

Compatibilité: WordPress 3.0.0

26. Création de l'écran d'accueil du plugin

Si vous venez de mettre à jour WordPress, vous serez redirigé vers un écran spécial, montrant les détails de la dernière version que vous venez d'installer, les contributeurs, les ajouts ainsi que tous les changements effectués sous le capot. Cette astuce, Création d'un écran d'accueil pour votre plugin WordPress par Daniel Pataki vous guidera à travers la façon de construire un écran de bienvenue pour votre propre plugin.

Compatibilité: WordPress 3.6

27. Personnaliser le thème Jetpack Mobile

Jetpack est livré avec un thème mobile. C'est un thème spécial qui est utilisé lorsque le site est vu sur des appareils mobiles. Et comme tout autre thème, nous pouvons le personnaliser. Voici comment Jeremy, l'un des développeurs de Jetpack, explique comment personnaliser le thème Jetpack Mobile. C'est une bonne alternative à considérer à la place du design web réactif.

Compatibilité: WordPress 3.8

28. Ajout de l'image sélectionnée à la catégorie

Voulez-vous ajouter une image sélectionnée pour une catégorie et l'afficher dans votre thème? Cette fonctionnalité est absente de WordPress, ce qui pourrait être utile pour les développeurs de thèmes.

Compatibilité: WordPress 3.6

29. Afficher "Tous les paramètres masqués"

Un oeuf de Pâques WordPress, cet extrait de code va ajouter tous les paramètres de la base de données WordPress dans une seule page.

 function all_settings_link () {add_options_page (__ ('Tous les paramètres'), __ ('Tous les paramètres'), 'administrator', 'options.php'); } add_action ('admin_menu', 'all_settings_link'); 

Compatibilité: WordPress 3.1

30. Supprimer la notification de mise à jour

WordPress, par défaut, affiche les notifications de mise à jour à tous les niveaux d'utilisateur lorsqu'ils sont connectés au backend. Ajoutez les codes suivants pour masquer la notification de mise à jour WordPress à l'exception des utilisateurs disposant de privilèges administratifs.

 global $ user_login; get_currentuserinfo (); if (! current_user_can ('update_plugins')) {// vérifie si l'utilisateur actuel peut mettre à jour les plugins add_action ('init', create_function ('$ a', "remove_action ('init', 'wp_version_check'); 2); add_filter ('pre_option_update_core', create_function ('$ a', "return null;")); } 

Compatibilité: WordPress 3.0.1

31. Ajouter une vignette dans la liste de modification de publication / page

Ce code affichera les images que vous avez sélectionnées pour être postées dans la colonne Post. Une astuce utile pour voir quel poste a une vignette et qui ne l'est pas. Notez que votre thème devrait prendre en charge les vignettes post.

 add_filter ('manage_posts_columns', 'posts_columns', 5); add_action ('manage_posts_custom_column', 'posts_custom_columns', 5, 2); function posts_columns ($ par défaut) {$ defaults ['riv_post_thumbs'] = __ ('Thumbs'); return $ defaults; } function posts_custom_columns ($ nom_colonne, $ id) {if ($ nom_colonne === 'riv_post_thumbs') {echo the_post_thumbnail ('featured-thumbnail'); }} 

Compatibilité: WordPress 3.0.0

32. Aiguiser les images

Honnêtement, je ne savais pas que nous pouvions affiner les images dans WordPress que nous téléchargeons l'image. Voici comment vous pouvez, mais gardez à l'esprit que cela ne fonctionne que pour les images JPG.

 fonction ajx_sharpen_resized_files ($ resized_file) {$ image = image_load_wp ($ resized_file); if (! is_resource ($ image)) renvoie une nouvelle erreur WP_Error ('error_loading_image', $ image, $ file); $ size = @getimagesize ($ resized_file); if (! $ size) renvoie une nouvelle WP_Error ('image_non valide', __ ('Impossible de lire la taille de l'image'), $ fichier); liste ($ orig_w, $ orig_h, $ orig_type) = $ taille; switch ($ orig_type) {cas IMAGETYPE_JPEG: $ matrice = array (array (-1, -1, -1), array (-1, 16, -1), array (-1, -1, -1), ) ; $ divisor = array_sum (array_map ('array_sum', $ matrix)); $ offset = 0; imageconvolution ($ image, $ matrice, $ diviseur, $ offset); imagejpeg ($ image, $ resized_file, apply_filters ('jpeg_quality', 90, 'edit_image')); Pause; case IMAGETYPE_PNG: return $ resized_file; case IMAGETYPE_GIF: return $ resized_file; } return $ resized_file; } add_filter ('image_make_intermediate_size', 'ajx_sharpen_resized_files', 900); 

Compatibilité: WordPress 2.5

33. Supprimer les informations superflues dans la tête

WordPress ajoute un tas de choses dans le comme la version WordPress, RSD Link, et Shortlink, les infos ne sont pas si utiles. Pour supprimer ces informations, utilisez ceci:

 function remove_header_info () {remove_action ('wp_head', 'rsd_link'); remove_action ('wp_head', 'wlwmanifest_link'); remove_action ('wp_head', 'wp_generator'); remove_action ('wp_head', 'start_post_rel_link'); remove_action ('wp_head', 'index_rel_link'); remove_action ('wp_head', 'adjacent_posts_rel_link'); // pour WordPress <3.0 remove_action ('wp_head', 'adjacent_posts_rel_link_wp_head'); // pour WordPress> = 3.0} add_action ('init', 'remove_header_info'); 

Supprimez l'une des remove_action de l'extrait ci-dessus dont vous souhaitez conserver la valeur.

Compatibilité: WordPress 2.0

34. Smart WP_Debug

Idéalement, vous ne devriez pas activer le WP_Debug dans un site en direct car cela exposerait des informations critiques. Mais si vous avez besoin d'un truc pour le faire en toute sécurité, le voici:

 if (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '1') {// activer le reporting des notifications pendant le développement - E_ALL define ('WP_DEBUG', true); } elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '2') {// doit être vrai pour que WP_DEBUG_DISPLAY fonctionne ('WP_DEBUG', true); // forcer l'affichage des erreurs define ('WP_DEBUG_DISPLAY', true); } elseif (isset ($ _ GET ['debug']) && $ _GET ['debug'] == '3') {// doit être vrai pour que WP_DEBUG_LOG fonctionne ('WP_DEBUG', true); // enregistre les erreurs dans le fichier debug.log dans le répertoire wp-content define ('WP_DEBUG_LOG', true); } 

Avec le code ci-dessus ajouté, vous pouvez activer le débogage en ajoutant ?debug=2 ?debug=1 ?debug=3 à la fin de l'URL pour voir l'erreur qui se produit dans votre site Web.

Compatibilité: WordPress 2.0

35. Activer Shortcode dans Widget

Ce qui suit est un morceau de code utile si vous voulez intégrer Youtube ou SoundCloud dans la zone du widget avec un shortcode.

 add_filter ('widget_text', array ($ wp_embed, 'run_shortcode'), 8); add_filter ('widget_text', array ($ wp_embed, 'autoembed'), 8); 

Compatibilité: WordPress 2.9.0

36. Définir l'éditeur par défaut (visuel / texte)

Définissez le type d'éditeur par défaut que vos utilisateurs peuvent utiliser. Changez l' $editor en html ou en tinymce . Bien sûr, l'utilisateur pourra toujours désactiver la valeur par défaut.

 function my_default_editor () {$ editor = 'tinymce'; // html ou tinymce return $ editor; } add_filter ('wp_default_editor', 'mon_default_editor'); 

Compatibilité: WordPress 2.5.0

37. Prolonger la déconnexion automatique

WordPress permet de rester connecté pendant 48 heures, plus une extension de 14 jours si l'on coche l'option "Se souvenir de moi" lors de la connexion. Toutefois, si vous êtes sûr que votre ordinateur ne sera pas piraté par une seconde ou une tierce partie, vous pouvez ajouter ce code pour rester connecté pendant un an. Vous ne serez invité à vous connecter qu'une fois par an.

 function keep_me_logged_in_for_1_year ($ expirein) {return 31556926; // 1 an en secondes} add_filter ('auth_cookie_expiration', 'keep_me_logged_in_for_1_year'); 

Compatibilité: WordPress 2.8.0

38. Toujours utiliser la figure

WordPress encapsulera img avec un tag p . Si vous êtes un puriste sémantique HTML, vous pouvez ajouter ce code pour forcer WordPress à envelopper l'image avec l'élément figure .

 add_filter ('image_send_to_editor', fonction ($ html, $ id, $ légende, $ title, $ align, $ url, $ taille, $ alt) {if (current_theme_supports ('html5') &&! $ légende) $ html = sprintf (' 
% s
', $ html); // Modifiez selon vos besoins! return $ html; }, 10, 8);

Compatibilité: WordPress 2.9.0

39. Modifier le nom de rôle par défaut

"Administrateur", "Auteur" et "Abonné" sont les noms donnés aux utilisateurs WordPress au niveau administratif. Pour modifier ces noms par défaut en quelque chose qui semble plus approprié pour votre site Web, ajoutez le code suivant, puis modifiez les noms selon vos préférences:

 function change_role_name () {global $ wp_roles; if (! isset ($ wp_roles)) $ wp_roles = nouveau WP_Roles (); $ wp_roles-> roles ['contributor'] ['name'] = 'Freelance'; $ wp_roles-> role_names ['contributor'] = 'Freelance'; } add_action ('init', 'change_role_name'); 

Compatibilité: WordPress 3.1

40. Paramètres de pièce jointe par défaut

Voici un extrait qui vous permet de spécifier la taille par défaut, l'alignement et le lien pour les images que vous souhaitez intégrer dans l'éditeur.

 add_action ('after_setup_theme', 'default_attachment_display_settings'); function default_attachment_display_settings () {update_option ('image_default_align', 'left'); update_option ('image_default_link_type', 'aucun'); update_option ('image_default_size', 'large'); } 

Compatibilité: WordPress 3.5

41. Valider l'image en vedette

Certains d'entre nous préfèrent publier des articles avec une image en vedette. Cet article, Valider l'image en vedette sur le sujet, par Paul Underwood vous montrera comment amener vos utilisateurs à télécharger une image sélectionnée avant que leur publication ne puisse être publiée.

Compatibilité: WordPress 3.0

42. Taille d'image personnalisée dans Media Uploader

add_image_size est la fonction WordPress qui nous permet de recadrer et d'afficher la taille d'image personnalisée. Si vous souhaitez autoriser les utilisateurs à ajouter une image dans ce format personnalisé, ajoutez les codes suivants pour afficher l'option "taille d'image personnalisée" dans l'outil de mise en ligne de WordPress.

 fonction pw_add_image_sizes () {add_image_size ('pw-thumb', 300, 100, true); add_image_size ('pw-large', 600, 300, vrai); } add_action ('init', 'pw_add_image_sizes'); function pw_show_image_sizes ($ sizes) {$ sizes ['pw-thumb'] = __ ('Pouce personnalisée', 'pippin'); $ sizes ['pw-large'] = __ ('Custom Large', 'pippin'); retournez les tailles $; } add_filter ('image_size_names_choose', 'pw_show_image_sizes'); 

Compatibilité: WordPress 3.8

43. Charger le script uniquement si un shortcode particulier est présent

Dans un article précédent, nous vous avons montré comment créer un shortcode personnalisé. Si votre shortcode nécessite une fonction JavaScript, suivez la méthode Jedi Master de Silviu-Cristian Burcă (connue sous le nom de Scribu) pour vous assurer que vous ne chargez le JavaScript que lorsque le shortcode est appliqué.

Compatibilité: WordPress 2.6

44. Description du menu

Lorsque vous ajoutez dans un menu par Apparence> Menu, vous verrez une entrée pour ajouter "Description". Mais vous ne le trouverez nulle part dans la partie frontale car nous devons personnaliser le modèle de menu par défaut de WordPress pour inclure la description.

Voici une façon élégante de le faire.

 ', esc_html($item->description)); function add_description_to_menu ($ item_output, $ item, $ profondeur, $ args) {if (strlen ($ item-> description)> 0) {// ajoute la description après le lien $ item_output. = sprintf (' % s ', esc_html ($ item-> description)); // insert description comme dernier élément * dans * link ($ input_output se termine par "{$ args-> after}") // $ item_output = substr ($ item_output, 0, -strlen ("{$ args-> après}" )). ', esc_html($item->description)) . sprintf (' % s ', esc_html ($ item-> description)). "{$ args-> after}"; } return $ item_output; } add_filter ('walker_nav_menu_start_el', 'add_description_to_menu', 10, 4); 

Compatibilité: WordPress 3.0.0

45. Utilisation de Dashicons

Vous pouvez maintenant utiliser l'icône de police spécialement conçue de WordPress, Dashicons, pour ajouter des icônes au menu wp-admin. Découvrez notre tutoriel sur la façon de commencer à utiliser Dashicons.

Compatibilité: WordPress 3.8

46. ​​Personnalisez le message "Howdy"

Suivez notre tutoriel précédent pour modifier le message "howdy" non-sensuel de WordPress qui apparaît dans la barre d'administration pour quelque chose de plus personnalisé.

Compatibilité: WordPress 2.9

47. Exclure le message du widget populaire Jetpack

Jetpack est livré avec un widget qui vous permet d'afficher les articles et les pages les plus consultés ou les plus populaires. Mais parfois vos pages les plus populaires peuvent être la page d'accueil ou une page que vous ne voulez pas inclure dans la pile la plus regardée.

Ajoutez le code suivant pour supprimer cette page ou le message:

 function jeherve_remove_post_top_posts ($ posts, $ post_ids, $ count) {foreach ($ messages comme $ k => $ post) {if ('1215' == $ post ['post_id']) {unset ($ posts [$ k] ) }} return $ posts; } add_filter ('jetpack_widget_get_top_posts', 'jeherve_remove_post_top_posts', 10, 3); 

Remplacez l'ID indiqué dans l'extrait avec l'ID de la publication ou de la page que vous souhaitez supprimer.

Compatibilité: WordPress 4.0 et Jetpack 3.3

48. Titre de poste tronqué

L'extrait suivant contrôle la longueur maximale du titre. Ajoutez l'extrait suivant dans functions.php . Ensuite, utilisez la fonction customTitle() dans le modèle pour sortir le titre à la place de la the_title() WordPress the_title() .

 function customTitle ($ limite) {$ title = get_the_title ($ post-> ID); if (strlen ($ title)> $ limite) {$ title = substr ($ titre, 0, $ limite). '...'; } echo $ title; } 

Si vous créez un thème WordPress avec une disposition en mosaïque dans laquelle la hauteur des tuiles doit être égale, vous pouvez spécifier la limite de la longueur du titre. Cet extrait devrait être utile dans ce cas.

Compatibilité: WordPress 3.0

49. Supprimer le logo WordPress

WordPress 3.1 ajoute une barre d'administration, qui comprend une poignée de liens et le logo WordPress. Si vous allez distribuer des sites Web à un client et que vous voulez qu'il soit sans marque, voici la fonction pour supprimer ce logo WordPress.

 function annointed_admin_bar_remove () {global $ wp_admin_bar; / * Supprimer leurs trucs * / $ wp_admin_bar-> remove_menu ('wp-logo'); } add_action ('wp_before_admin_bar_render', 'annointed_admin_bar_remove', 0); 

Compatibilité: WordPress 3.1.0

50. Code QR avec lien vers l'article

Améliorez l'accessibilité de votre site Web pour les appareils mobiles dotés de codes QR. Ce code vous permet d'afficher des codes QR avec un lien pointant vers l'article. Les utilisateurs mobiles avec un scanner de code QR peuvent obtenir le lien de l'article pour une visualisation rapide sur leurs appareils mobiles.

 "alt =" QR Code pour 

Compatibilité: WordPress 2.3.0

Maintenant, lisez: 10 plugins WordPress pour une meilleure administration backend

Apprenez Adobe XD gratuitement avec ce Web Guide

Apprenez Adobe XD gratuitement avec ce Web Guide

Si vous avez l'intention d'apprendre le logiciel UI / UX le plus récent d'Adobe, sachez que vous serez dans une phase d'apprentissage, car Adobe XD est un outil de conception très complexe. Cependant, si vous voulez accélérer le processus d'apprentissage, jetez un oeil à ce guide publié par XD Guru.C'

(Conseils techniques et de conception)

Interaction Design: Guide de création de personas

Interaction Design: Guide de création de personas

Faisons une expérience mentale ensemble. Imaginez que vous souhaitiez concevoir un produit ou un site Web pour un client et que vous soyez au début du processus. A quoi es-ce que tu penses? Essayez-vous de comprendre ce que le client aime, plongez dans vos propres idées créatives à la fois, ou plutôt essayez d'imaginer les personnes qui utiliseront votre design?Les c

(Conseils techniques et de conception)