Share
Avez-vous récemment commencé à utiliser WordPress pour le projet de votre client et souhaitez-vous impressionner davantage votre client avec un meilleur packaging? Cet article se concentrera sur le packaging de WordPress afin que, quelques minutes à peine après l'achèvement d'un projet, celui-ci se sente plus unique pour le client et ne soit pas générique..
Un excellent produit est livré avec un excellent emballage. Lorsque vous développez un site Web pour votre client, son emballage ajoute un facteur de confort supplémentaire. La plupart des clients ne comprennent pas les efforts que vous avez déployés pour créer un site Web dynamique ou les 1 000 lignes de code que vous avez écrites pour créer un plug-in personnalisé. Tout ce qui les intéresse, c'est ce qu'ils voient.
WordPress out of the box est bien conçu et est aussi beau que n'importe quel produit commercial. Quelques touches supplémentaires le rendraient plus personnel au client au lieu de paraître général. Cet article mettra l'accent sur l'amélioration du packaging de WordPress quelques minutes à peine après l'achèvement d'un projet afin de le rendre plus unique pour le client et de ne pas avoir l'aspect générique. Sans entrer dans l'explication détaillée des fonctions de base de WordPress, nous ne nous concentrerons que sur une personnalisation rapide..
"Tout ce qui les intéresse, c'est ce qu'ils voient."
я
Lorsqu'un client souhaite accéder à l'administrateur WordPress, la première chose qu'il remarquera est la page de connexion avec un logo WordPress. Ne serait-il pas préférable que cette page porte le logo de l'entreprise de votre client ou peut-être le vôtre? Il existe de nombreuses façons plus simples de faire cela en utilisant des plugins qui permettent également d’autres options de personnalisation. Mais personnellement, je préfère régler ceci en utilisant le puissant fichier WordPress functions.php.я
Si vous avez un fichier functions.php dans votre thème personnalisé, ouvrez-le et sinon, créez un fichier nommé funtions.php et placez-le dans le dossier du thème..
Ajoutez les lignes ci-dessous dans le fichier functions.php:
Accentsconagua
// LOGO HEADER LOGIN ADMIN CLIENT fonction my_custom_login_logo () echo ''; add_action ('login_head', 'my_custom_login_logo'); Le chemin "images / logo_admin.png" est relatif au dossier du thème principal et doit être modifié en fonction de l'emplacement de l'image de votre logo. Assurez-vous de laisser un espace blanc supplémentaire dans l'image sous le logo, sinon le message d'avertissement pourrait toucher le logo. Comme vous pouvez le constater en quelques lignes, nous sommes en mesure de personnaliser le logo de la page de connexion sans avoir besoin d’un plugin. WordPress est un logiciel très modulaire avec des milliers de fonctions sinon plus. Nous pouvons nous connecter à n’importe quelle fonction et modifier les paramètres par défaut en utilisant un fichier functions.php ou des plugins. En utilisant le code ci-dessus, nous avons simplement utilisé le hook login_head () et y avons ajouté notre propre fonction. De même, vous pouvez même ajouter votre propre feuille de style à la page de connexion..
Si vous cliquez sur le logo sur la page de connexion, vous accédez à www.wordpress.org. Le texte de remplacement de ce lien est "Powered by WordPress". En utilisant le même fichier functions.php, nous pouvons maintenant modifier le lien et le texte alternatif à tout ce que nous voulons..
// LIEN LOGO ADMIN DE CONNEXION ADMINISTRATIF fonction change_wp_login_url () echo bloginfo ('url'); // OU ECHO VOTRE PROPRE URL add_filter ('login_headerurl', 'change_wp_login_url'); // LOGO ADMIN ET PERSONNE DE CONNEXION ADMIN, fonction change_wp_login_title () echo get_option ('blogname'); // OU ECHO VOTRE PROPRE ALT TEXT add_filter ('login_headertitle', 'change_wp_login_title'); Dans l'exemple précédent, nous utilisions add_action et dans l'exemple ci-dessus, nous utilisions add_filter. Quelle est la différence? Eh bien, les deux sont des points d'ancrage de WordPress. La seule différence est que nous avons utilisé add_action pour les grandes fonctions et add_filter pour modifier le texte avant son envoi à la base de données ou au navigateur..
я
я
Une fois que nous nous sommes connectés et que nous sommes dans le backend de WordPress, un autre petit logo de WordPress s’affiche. C'est petit, mais si vous souhaitez le changer, ajoutez le code ci-dessous au même fichier functions.php que nous avons créé à l'étape ci-dessus..
// LOGO LOGO HEADER CUSTOM ADMIN function custom_admin_logo () echo ''; add_action ('admin_head', 'custom_admin_logo'); Comme vous pouvez le constater, le format est presque identique à celui utilisé auparavant pour changer le logo de la page de connexion. La seule chose qui change, c'est le crochet. Dans ce cas, nous ajoutons notre fonction dans le hook admin_head ().
я
Dans le pied de page du backend de WordPress, vous remarquerez ce lien? Merci de créer avecWordPress.я? ЯDocumentation я? ЯFreedomsя? ЯFeedbackя? ЯCredits ?. WordPress mérite tout le crédit que nous pouvons accorder pour avoir réalisé une application aussi merveilleuse. Cependant, pour ceux d'entre vous qui veulent aller un peu plus loin et modifier cela, nous avons un autre point d'ancrage WordPress à notre secours..
// Fonction de modification du pied de page administrateur remove_footer_admin () echo 'Développé par votre nom'; add_filter ('admin_footer_text', 'remove_footer_admin'); Vous pouvez ajouter vos propres lien et nom de site Web, ainsi que tout autre lien de votre choix, tel qu'un lien vers un site Web d'assistance, ou votre adresse électronique..
я
Dans le tableau de bord WordPress, vous remarquerez de nombreuses sections telles que, Plugins, Actualités WordPress, etc..
я
Vos clients ont-ils vraiment besoin de voir les détails des nouveaux plugins, des nouvelles de WordPress et des mises à jour de blogs? Suis sûr qu'il vaut mieux ne pas voir toutes ces choses.
Les sections sont ajoutées à l'aide du crochet wp_dashboard_setup () et peuvent être utilisées de la même manière pour les supprimer. Copiez simplement le code ci-dessous dans votre fichier functions.php pour vous débarrasser de tout sauf des sections les plus obligatoires..
// ENLEVER LES META BOXES DE WORDPRESS DASHBOARD POUR TOUS LES UTILISATEURS function exemple_remove_dashboard_widgets () // Globaliser le tableau metaboxes, cela contient tous les widgets de wp-admin global $ wp_meta_boxes; unset ($ wp_meta_boxes ['dashboard'] ['side'] ['core'] ['dashboard_primary']); unset ($ wp_meta_boxes ['dashboard'] ['side'] ['core'] ['dashboard_secondary']); unset ($ wp_meta_boxes ['dashboard'] ['normal'] ['core'] ['dashboard_plugins']); add_action ('wp_dashboard_setup', 'example_remove_dashboard_widgets'); Cette fonction peut également être étendue pour ajouter de nouvelles zones ou pour supprimer des zones telles que "Liens entrants", "Presse rapide". et d'autres.
я
WordPress a plus de 15 000 plugins. Maintenant, si vous souhaitez expérimenter, vous feriez mieux de le faire sur votre propre site Web et non sur celui de vos clients. Vous trouverez ci-dessous la liste des plugins organisés en différentes catégories que j'ai utilisés pour presque chaque projet réalisé au cours des 12 derniers mois..
À la fin, si le coût du projet le permet, essayez de générer un rapport sur le site Web de vos clients en utilisant http://gtmetrix.com/. Ce site Web nous permet de générer un rapport à l'aide des outils YSlow de Google PageSpeed & Yahoo. Difficile d'obtenir un score de 100, mais si votre site Web est correctement développé et n'utilise pas beaucoup de scripts externes tels que des plug-ins de tierce partie, alors obtenir un score d'environ 80 ne serait pas difficile..
Dans cet article, nous avons brièvement abordé les options de personnalisation. Comme tout autre logiciel, plus vous creuserez, plus vous adoreriez WordPress.
Avez-vous d'autres moyens de personnaliser davantage WordPress? Partage avec nous.
