10 minutes pour une meilleure barre latérale WordPress

barre latérale: éléments clés de la conception du site Web

suivez-vous souvent la barre latérale de votre site Web? Il est souvent négligé, mais c'est crucial. La barre latérale affecte la navigation utilisateur et l'esthétique du site Web.

Bien qu'il n'y ait pas de réglementation dure et rigide, les principes suivants doivent être suivis lors de la conception de la barre latérale WordPress:

• Simple d'abord: La barre latérale trop longue semble encombrante, affectant la navigation de page. Simplifiez aux éléments essentiels pour améliorer l'esthétique et la fonctionnalité de la page.
• contient des éléments de base: comprend généralement une brève introduction, une barre de recherche et des coordonnées.
• Atteindre les objectifs du site Web: La barre latérale est un espace précieux qui est utilisé pour atteindre les objectifs du site Web. Par exemple, guider les utilisateurs pour vous abonner à des listes de diffusion, faire un don via PayPal, etc.
• Interagir avec les lecteurs: Contact avec les lecteurs via une brève introduction auteur et des coordonnées (médias sociaux, e-mail, etc.).

10 minutes pour optimiser la barre latérale WordPress

Les étapes suivantes peuvent optimiser votre barre latérale en 10 minutes sans avoir besoin de connaissances techniques avancées:

Étape 1: Simplifiez la barre latérale (1 minute)

Supprimez les widgets par défaut inutiles, tels que les widgets Meta ou Archives. Dans le tableau de bord, cliquez sur "Apparence" & gt; "widgets", sélectionnez le widget que vous souhaitez supprimer et cliquez sur "Supprimer" dans le menu déroulant.

Étape 2: Téléchargez le gadget pratique (3 minutes)

Télécharger les gadgets appropriés au besoin, comme le gadget Twitter Timeline qui affiche les flux Twitter (fournis par Jetpack), et le gadget d'image qui affiche des avatars. Le répertoire du plugin WordPress fournit une variété de gadgets.

Étape 3: Le plugin est livré avec des gadgets (3 minutes)

De nombreux plugins incluent des widgets, tels que le plugin MailChimp pour WordPress, fournit un widget de formulaire d'abonnement par courrier, et Jetpack comprend également plusieurs widgets utilitaires. Voir tous les widgets disponibles en apparence et GT;

Étape 4: Tirez le meilleur parti du gadget par défaut (2 minutes)

WordPress propose de nombreux widgets par défaut qui peuvent être utilisés en combinaison avec des widgets téléchargés. Par exemple, utilisez le widget texte et le widget d'image pour afficher Avatar et l'introduction de l'auteur.

Étape 5: Créez un bouton personnalisé (1 minute)

Créer des boutons avec des widgets de texte, ajoutez simplement le code suivant:

<code class="language-html"><a href="https://www.php.cn/link/8b5578656a9a3c888090fb81c2869c63" class="button">按钮文本</a></code>

Remplacer " https://www.php.cn/link/8b5578656a9a3c888090fb81c2869c63" avec le lien cible .

Quick Sprout utilise la barre latérale pour placer des formulaires d'abonnement accrocheurs.

CopyBlogger optimisé la barre latérale, y compris les formulaires d'abonnement et les domaines de sélection des sujets.

Compétences avancées:

• Utilisez des plug-ins de barres latérales: telles que les barres latérales de page simples, la lumière du gestionnaire de barre latérale, les barres latérales personnalisées, la barre latérale dynamique WP, etc., pour obtenir plus de contrôle et de fonctions flexibles.
• Widgets personnalisés: Créez des widgets statiques ou dynamiques pour obtenir un contrôle plus avancé (code requis).

FAQ:

• Comment ajouter une nouvelle barre latérale? Modifiez le fichier Functions.PHP du thème et enregistrez une nouvelle barre latérale.
• Comment personnaliser l'apparence de la barre latérale? Ajouter du code CSS personnalisé en apparence & gt; personnalisé & gt; attacher CSS.
• Comment retirer la barre latérale? Supprimer le widget en apparence et gt;
• Comment ajouter différentes barres latérales à différentes pages? Utilisez des plug-ins tels que des "barres latérales personnalisées".
• Comment rendre la barre latérale réactive? Ajouter une requête multimédia dans le thème CSS.
• Comment ajouter des images, des icônes de médias sociaux, une barre de recherche, un formulaire de contact ou un formulaire d'abonnement par e-mail? Utilisez le widget ou le plug-in correspondant.

Grâce aux étapes ci-dessus, vous pouvez facilement optimiser la barre latérale WordPress pour améliorer l'expérience utilisateur du site Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!