Comment faire pour personnaliser une boîte Feedburner en HTML pour WordPress

November 21

Comment faire pour personnaliser une boîte Feedburner en HTML pour WordPress


FeedBurner est un ensemble d'outils de gestion pour les flux RSS. Il permet des flux personnalisés, le suivi des abonnés et une gamme de fonctions à intégrer à votre flux RSS (ou Really Simple Syndication) feed. Un tel outil est la boîte d'abonnement, qui peut être ajouté à votre blog WordPress pour permettre à vos visiteurs de s'abonner par courriel. Par défaut, FeedBurner donner un court morceau de code qui place une boîte simple avec un champ de texte permettant aux gens d'entrer leur adresse e-mail. Avec un peu d'édition HTML et CSS, cette boîte peut être personnalisé dans un certain nombre de façons.

Instructions

1 Allez à FeedBurner.Google.com et connectez-vous à votre compte FeedBurner en utilisant votre Google détails log-in.

2 Cliquez sur l'alimentation pour lequel vous souhaitez une boîte d'abonnement personnalisé. Cliquez sur "Publicize", puis "Abonnements de messagerie." Cliquez sur le bouton "Activer" pour activer ce service. Copiez le code HTML qui apparaît sur l'écran suivant.

3 Connectez-vous à votre zone d'administration WordPress. Choisissez où vous voulez que la boîte aller. Si vous le souhaitez sur la barre latérale, allez dans "Apparence", "Widgets", puis faites glisser un "texte" widget à la barre latérale à l'endroit où vous voulez qu'il aille. Collez le code dans la zone de texte. Si vous voulez que la boîte d'abonnement à apparaître avant ou après vos messages, allez dans "Apparence", "Editor," puis cliquez sur "single.php". Collez le code avant ou après "<? Php the_content ();?>" Au besoin.

4 Recherchez la section "style =" après l'ouverture balise <form>. Vous verrez quelque chose comme ceci:

style = "border: #ccc solide 3px; padding: 3px; text-align: center;"

Personnaliser l'attribut "frontière". Change 1px à la largeur que vous voulez la frontière soit; «Solide» peut être remplacé par "pointillés", "en pointillés", "double," "groove" crête "," insert "ou" extérieur "pour créer différents styles de bordure La." Partie #ccc "contrôle la couleur - - le changement "ccc" pour le code hexadécimal de la couleur désirée.

5 Ajouter un fond à la boîte. Pour changer la couleur de l'arrière-plan, ajoutez la ligne suivante juste avant le guillemet de fin de la section «style»:

background-color: #ccc;

Comme précédemment, le changement "ccc" pour le code hexadécimal de la couleur que vous voulez que le fond soit. Pour insérer une image en arrière-plan, tapez ce code à la place:

background-image: URL ( 'http: // urlofimage');

Remplacer "urlofimage" avec l'emplacement en ligne de votre image.

6 Personnaliser le rembourrage. Dans l'exemple ci-dessus, il est réglé sur 3PX - ce qui signifie qu'il y aura un écart de 3 pixels entre la bordure de la zone et le contenu à l'intérieur. Si vous voulez créer un espace entre la boîte et le contenu en dehors de celui-ci, ajoutez ce code:

margin: 3px;

Changer "3px" à la taille de l'écart que vous voulez.

7 Modifier le texte-alignement. Vous pouvez choisir d'avoir le texte aligné à gauche, à droite ou au centre.

8 Cliquez sur "Update File" si vous travaillez dans l'éditeur de thèmes, ou "Enregistrer" si vous placez le code dans un widget de la barre latérale.


          

Post a comment: