VTX graphiques wordpress hébergement

Comment ajouter des bannières à WordPress Sites

Aujourd'hui, la publicité est partie essentielle de la plupart des sites Web sur Internet. Dans ce tutoriel, nous allons vous montrer comment ajouter des bannières à différentes parties de votre site WordPress. La plupart des sites Web qui offrent des bannières vous fournira l'intégralité du code de bannière tout ce que vous avez à faire est de décider où vous voulez placer la bannière et suivez les instructions ci-dessous.

VTX graphiques wordpress hébergement de puissance CSS

Comment ajouter des bannières à votre barre latérale

Il est pratique courante d'utiliser votre barre latérale pour ajouter des bannières. Il y a deux façons de le faire - si votre thème prend en charge les widgets dans la barre latérale, vous pouvez ajouter un widget texte avec votre code de la bannière dans, ou vous pouvez ajouter le code directement dans le fichier sidebar.php de votre thème.

Si votre thème prend en charge les widgets, aller à l'apparence -> Widgets. Ensuite, faites glisser un widget de texte dans la zone widget approprié. Dans notre cas, ce serait « Main Sidebar ». Aux fins de ce tutoriel, nous allons placer ce widget à droite sous le champ de recherche. Enfin, collez le code de la bannière en elle, définir un titre pour le widget (qui est facultatif, laissez-le vide si vous ne voulez pas avoir un titre au-dessus de votre bannière) et cliquez sur le bouton Enregistrer.

Cela placera la bannière que vous voulez dans la barre latérale de votre site WordPress.

Si votre thème ne supporte pas les widgets que vous aurez besoin d'ajouter votre code de bannière directement dans le sidebar.php. Vous pouvez modifier ce fichier à partir de l'apparence -> Editor partie de votre page WordPress admin.

Comment ajouter des bannières dans un seul poste ou d'une page

Si vous voulez ajouter une bannière dans le corps de votre article ou une page, il suffit d'ouvrir le mode texte de l'éditeur WordPress et collez le code de la bannière en elle.


Cela va ajouter l'image entre les deux échantillons paragraphes de cet article. Vous pouvez utiliser l'éditeur WordPress WYSIWYG pour repositionner ou aligner cette bannière afin de faire paraître avec le reste de votre poste ou la page.


Comment ajouter des bannières ci-dessus ou au-dessous tous les messages ou pages

Pour ajouter des bannières ci-dessus ou au-dessous tous vos messages ou pages, vous devez ajouter le code de la bannière dans les fichiers single.php ou page.php de vos thèmes WordPress. Les deux fichiers ont un contenu similaire, mais ils gèrent les différentes parties de votre site - vos messages (single.php) et vos pages (page.php). Vous pouvez modifier ces fichiers en vous connectant à votre espace admin WordPress et va à l'apparence -> Editeur.

Si vous voulez ajouter la bannière ci-dessus vos messages et pages, recherchez le code suivant:

Juste après l'ajouter le code de votre bannière. Cela ajoutera votre bannière au-dessus du tout de votre page et les titres de poste. Bien sûr, vous pouvez ajouter un style CSS pour le faire paraître en fonction de vos besoins.

VTX graphiques wordpress hébergement cette connexion


Comment ajouter des bannières à votre tête ou pied de page

Ajout de bannières à votre pied de page ou en-tête dépend du thème que vous utilisez. Si elle a une aire widget ajouté à son pied de page ou en-tête, vous pouvez suivre les instructions contenues dans la première partie de ce tutoriel pour ajouter des bannières à la barre latérale.

D'autre part, si votre thème n'a pas de zones widget ajoutée au pied de page / zones d'en-tête, vous devez ajouter vos bannières manuellement. Pour ce faire, Connectez-vous à votre page WordPress admin et aller à l'apparence -> Editeur. Aux fins de ce tutoriel, nous allons ajouter une bannière SiteGround personnalisé à votre tête. Étant donné que nous allons ajouter la bannière à l'en-tête du site, sélectionnez header.php dans la liste des fichiers disponibles pour modifier. Notez que le code dans ce fichier sera différent en fonction de votre thème. Vous avez besoin de compétences en HTML basiques afin d'ajouter cette bannière.

Tout d'abord, trouver l'ouverture de la balise body. Dans le vingt à douze thème WordPress par défaut, il ressemble à ceci:

Juste après cette ajoutez le code suivant:

Vous devez remplacer BANNERLINK et LINKTOIMAGE avec l'URL où vous voulez la bannière pour pointer vers et le lien vers l'image de la bannière. Enfin, remplacer les paramètres de largeur et de hauteur avec les dimensions réelles de l'image de la bannière.

Ce code rendra votre bannière sur le dessus de votre site. Notez que selon le thème que vous utilisez, vous devrez peut-être déplacer le code afin de le placer où vous voulez.

Notez que nous avons enveloppé la bannière dans un élément div. Nous l'avons fait parce que nous voulons le style cette bannière plus loin. Pour ce faire, sélectionnez style.css de la colonne de droite et lorsque la page est actualisée, ajoutez les lignes suivantes:

Ce centre la bannière et ajouter un peu de marge supérieure qui rend l'air beaucoup mieux. Bien sûr, cela est juste un exemple - vous pouvez utiliser la pleine puissance de CSS pour le style de la bannière de la façon dont vous le voulez.

Ajout d'une bannière au pied de page est fondamentalement la même chose avec une petite différence - vous devez ouvrir le fichier footer.php au lieu du header.php un. Ensuite, tout ce que vous devez faire est de coller le code où vous souhaitez afficher la bannière.

Utilisez des plugins pour afficher des bannières sur votre page

Si vous souhaitez afficher plus d'une bannière sur une page, suivre les annonces diffusées, et des fonctionnalités plus avancées, il est conseillé d'utiliser l'un des plugins WordPress disponibles pour la gestion de la bannière.

Comme il dépend de la structure de votre site particulier et les besoins, nous vous suggérons de parcourir les plugins WordPress bannière dans le répertoire Plugins pour trouver l'extension qui correspondent le mieux à vos besoins. Une fois que vous faites cela, vous pouvez l'installer comme tout autre plug-in WordPress suivant les instructions de notre tutoriel sur l'installation de WordPress Plugins.

WordPress est une marque de WordPress Foundation. SiteGround est pas affilié ou approuvé par le projet WordPress ou ses propriétaires de marques.

Articles Liés

seo tutoriel à la page d'hébergement wordpressComplet WordPress Guide 000webhost (2017) WordPress ne nécessite pas vraiment une introduction formelle, car il est le plus populaire plateforme de blogs qui a rapidement fait une place à part ...
Blog Script d'hébergement widgets wordpressJavaScript travaillera dans WordPress. Si elle est utilisée dans les fichiers de modèle. plus JavaScript fonctionnera bien. Voici quelques conseils pour faire votre travail JavaScript dans WordPress. JavaScript modèle ...
Page changement exemple hébergement wordpressCréation d'une page WordPress est très similaire à la création d'un poste. Rappelez-vous que les pages sont destinées à être contenu statique. Création d'un WordPress page 1. Pour commencer l'ajout d'une nouvelle page à votre ...
Altavista o hébergement wordpressDescription Permettre à vos visiteurs de traduire une page avec un simple clic d'un signet. Traduction arrive en place sans quitter la page avec ce poids léger, plug-in multi-navigateurs ....
Blog scénario d'hébergement thèmes wordpressJavaScript travaillera dans WordPress. Si elle est utilisée dans les fichiers de modèle. plus JavaScript fonctionnera bien. Voici quelques conseils pour faire votre travail JavaScript dans WordPress. JavaScript modèle ...