Comment ajouter des blocs d'annonces dans WordPress. Ajout d'un nouveau bloc de widgets aux modèles WordPress

merci d'avance

merci d'avance

","contentType":"text/html"),"proposedBody":("source":

merci d'avance

merci d'avance

","contentType":"text/html"),"authorId":"40638173","slug":"52","canEdit":false,"canComment":false,"isBanned":false,"canPublish" :false,"viewType":old","isDraft":false,"isOnModeration":false,"isSubscriber":false,"commentsCount":10,"modificationDate":"jeudi 1 janvier 1970 03:00:00 GMT +0000 (UTC)","showPreview":true,"approvedPreview":("source":"

merci d'avance

merci d'avance

","html":"s'il est inséré dans index.php, le lien mène uniquement à la page principale. si vous le mettez dans single.php, le bloc n'est pas visible sur le bloc principal.","contentType":"text/html"),"titleImage":null,"tags":,"isModerator":false," commentsEnabled":true", url":"/blog/share/52","urlTemplate":"/blog/share/%slug%","fullBlogUrl":"https://yandex.ru/blog/share" ,"addCommentUrl": /blog/createComment/share/52","updateCommentUrl":"/blog/updateComment/share/52","addCommentWithCaptcha":"/blog/createWithCaptcha/share/52","changeCaptchaUrl": "/blog/api/ captcha/new","putImageUrl":"/blog/image/put","urlBlog":"/blog/share","urlEditPost":"/blog/569dda94a427fd90608af952/edit","urlSlug ":"/blog/ post/generateSlug","urlPublishPost":"/blog/569dda94a427fd90608af952/publish","urlUnpublishPost":"/blog/569dda94a427fd90608af952/unpublish","urlRemovePost":"/blog/569dda94a427fd90608 52/removePost" ,"urlDraft": "/ blog/share/52/draft", "urlDraftTemplate": "/blog/share/%slug%/draft", "urlRemoveDraft": "/blog/api/suggest /share", "urlAfterDelete": "/blog/share", "isAuthor": false, "subscribeUrl": "/blog/api/subscribe/569dda94a427fd90608af952", "unsubscribeUrl": "/blog /api/unsubscribe/569dda94a427fd90608af952" ,"urlEditPostPage":"/blog/share/569dda94a427fd90608af952/edit","urlForTranslate":"/blog/post/translate","urlRelateIssue":"/blog/post/updateIssue"," urlUpdateTranslate":"/blog/ post/updateTranslate","urlLoadTranslate":"/blog/post/loadTranslate","urlTranslationStatus":"/blog/share/52/translationInfo","urlRelatedArticles":"/blog/api/ RelatedArticles/share/52", "author": ("id": "40638173", "uid": ("value": "40638173", "lite": false, "hosted": false), "alias": (),"login": "reva-money", "display_name":("name": "reva-money", "avatar": ("default": "0/0-0", "empty": true )),,"adresse": " [email protégé]","defaultAvatar":"0/0-0","imageSrc":"https://avatars.mds.yandex.net/get-yapic/0/0-0/islands-middle","isYandexStaff": false),"originalModificationDate":"1970-01-01T00:00:00.000Z","socialImage":("orig":("fullPath":"http://avatars.yandex.net/get-yablog/4611686018427442682 /normal")))))">

Il y a de fortes chances que vous ayez des articles de blog que vous aimeriez mettre en avant. Ceux-ci sont généralement appelés « Messages en vedette » ou « Contenu en vedette ». Si vous utilisez WordPress, l'affichage de ces articles en vedette peut être réalisé de plusieurs manières, l'une d'entre elles utilisant un plugin tel que Jetpack.

Jetpack est un ensemble de fonctionnalités pour votre site WordPress. Au moment de la rédaction de ce guide, il existait environ 30 fonctionnalités de ce type, notamment WordPress.com Stats, Photon, Infinite Scroll, ainsi que ce sur quoi nous allons nous concentrer aujourd'hui : bloquer Contenu en vedette. Commençons.

Ajout de la prise en charge du thème

Mise à jour: Dans Jetpack 3.7, le formulaire de contenu présenté se trouve sous Apparence → Menu.

La première chose que vous devez faire est d'ajouter la fonction add_theme_support à votre fichier function.php :

Add_theme_support("featured-content", array("featured_content_filter" => "mytheme_get_featured_content",));

Une fois ajouté, vous verrez un nouveau formulaire pour le contenu en vedette sur la page Options → Lecture.

Spécifiez une balise pour le contenu présenté, définissez le nombre de publications que vous souhaitez afficher et cochez la case si vous souhaitez masquer cette balise aux visiteurs du blog. Appliquez cette balise aux articles de blog que vous souhaitez marquer comme favoris.

Affichage du contenu

Nous ajouterons quelques lignes de code pour afficher le contenu sur le blog. J'utiliserai le thème TwentyTwelve comme exemple dans ce tutoriel.

En règle générale, le contenu présenté est affiché sur la page d'accueil. Si votre thème suit la structure de thème WordPress standard, le fichier responsable de votre page d'accueil est index.php , home.php ou front-page.php .

Ouvrez function.php et ajoutez la fonction suivante (vous obtiendrez les articles en vedette et les placerez dans un tableau) :

Fonction vingttwelve_get_featured_content() ( apply_filters("twentytwelve_featured_content", array()); )

Nous pouvons étendre le code comme ceci :

function vingttwelve_get_featured_content($num = 1) ( global $featured; $featured = apply_filters("twentytwelve_featured_content", array()); if (is_array($featured) || $num >= count($featured)) return true; return FAUX;

L'expression conditionnelle suivante affichera le contenu présenté s'il existe au moins une de ces entrées et si la page n'a pas été divisée en plusieurs.

De plus, nous pouvons également définir de nouvelles tailles de vignettes pour le contenu présenté. Dans cet exemple, j'ai créé de nouvelles dimensions - 250 x 160 pixels. Vous pouvez ajouter le code suivant quelque part sous add_theme_support("post-vignette"):

Add_theme_support("post-vignettes"); add_image_size("vingtdouze-pouces en vedette", 250, 160, vrai);

" titre="(!LANG :!}">

Dans index.php, nous appellerons ce modèle en utilisant get_template_part() et le mettrons dans une boucle comme ceci :

En gros, c'est tout. En ajoutant du CSS, nous obtenons un joli bloc de contenu présenté :

Nous espérons que ce guide vous sera utile.

Les widgets dans les modèles WordPress vous permettent d’ajouter tout simplement, rapidement et clairement différents éléments au design de votre blog. Le plus souvent, les widgets sont affichés dans une barre latérale ou un pied de page, où vous pouvez placer, par exemple, une liste de publications récentes, une archive de blog, des balises ou d'autres informations. Afin de ne pas l'afficher à l'aide de fonctions spéciales dans les modèles (que tous les utilisateurs ne connaissent pas), les développeurs ajoutent des blocs de widgets spéciaux. Dans ceux-ci, l'utilisateur glisse et dépose simplement des éléments prêts à l'emploi et configure leurs propriétés. Aujourd'hui, nous verrons comment cela est mis en œuvre. D’ailleurs, c’est également possible si vous en avez vraiment besoin.

Pour comprendre de quoi je vais parler aujourd'hui, rendez-vous dans la section « Apparence » - le menu « Widgets ». Sur le côté gauche de la page, vous trouverez une liste des widgets disponibles, et sur le côté droit, des blocs dans lesquels vous pouvez les ajouter.

Malheureusement, les développeurs de thèmes n'offrent pas toujours la possibilité de travailler avec des widgets, plus précisément, ces widgets ne sont pas toujours situés à l'endroit dont nous avons besoin. En général, aujourd'hui, je vais vous expliquer un peu où ils sont indiqués dans le modèle et comment ajouter de nouveaux blocs pour les widgets.

En principe, cela n’a rien de compliqué ; si vous regardez souvent l’éditeur de template WordPress, vous y avez probablement vu un bloc de code du type :

Ce code est chargé d'afficher le contenu du bloc widget. De cette façon, vous pourrez par exemple le placer dans le pied de page du site si vous souhaitez y afficher des widgets. S'il y a suffisamment de widgets installés dans le modèle, vous pouvez vous limiter à eux. Mais si vous travaillez sur un modèle personnalisé (pas pour vous-même), une situation peut survenir lors de la création d'un bloc de widgets supplémentaire. Pour ce faire, nous suivons quelques étapes.

Tout d’abord, allez dans le fichier function.php, où nous ajoutons le code :

if ( function_exists ( "register_sidebar" ) ) register_sidebar(array ( "name" => "New Sidebar" , "before_widget" => "" , "after_widget" => "" , "before_title" => "
" , "après_titre" => "
" , ) ) ;

if (function_exists("register_sidebar")) register_sidebar(array("name" => "New Sidebar", "before_widget" => "", "after_widget" => "", "before_title" => "

", "après_titre" => "
",));

Ici, vous définissez le nom du widget (name), le code HTML affiché avant et après le widget (before_widget, after_widget), ainsi que le code avant et après l'en-tête.

Enregistrez le contenu de function.php et accédez à la section « Widgets ». Si tout a été fait sans erreur, vous y trouverez un nouveau bloc :

Il sera possible d'y placer différents éléments. Mais pour les afficher, vous devrez vous rendre dans le fichier modèle dont vous avez besoin (barre latérale, pied de page ou tout autre endroit), où nous ajoutons le code :

Contrairement au tout premier exemple, nous indiquons ici explicitement le nom du bloc widget que nous avons créé. Nous enregistrons le modèle et regardons le site pour voir si tout est affiché, cela devrait fonctionner :) Si vous souhaitez « creuser plus profondément », vous pouvez lire la section du code sur les widgets dans les modèles.

En principe, personnellement, je supprime toujours les widgets afin qu'il n'y ait pas d'incohérences dans le modèle, lorsque certains sont affichés via des widgets, d'autres via des fonctions spéciales. Bien qu'ici, bien sûr, le niveau de formation des utilisateurs qui travailleront avec le panneau d'administration WordPress soit important. Eh bien, parfois, des situations surviennent lorsque tout doit être fait rapidement et que placer des widgets est beaucoup plus facile que d'ajouter des fonctions au code du modèle.

P.S. Garde. Si vous comptez visiter la « capitale culturelle » de la Russie, choisissez les auberges à Saint-Pétersbourg en fonction de vos envies et de vos capacités.

Cela fait un moment que je n’ai pas écrit d’articles techniques utiles sur WordPress, je me corrige. Aujourd'hui, je vais vous expliquer, mes petits monétiseurs, comment insérer un code de blocage de publicités sur la page principale de votre blog, juste entre les annonces de publication. Il est impossible de le mettre là avec des outils conventionnels comme CTRL+C et CTRL+V, vous devrez creuser un peu plus dans le code PHP ;

Mais le résultat vous plaira sûrement. Par exemple, Google a introduit un format de bloc de publicité intéressant dans Adsense, appelé « Annonce native dans le flux ». Ce bloc s'intègre parfaitement dans le flux de publication, car son format est très similaire aux annonces dans le flux du blog. Il comporte de nombreux paramètres et peut être ajusté de manière à ce qu'il soit presque impossible de le distinguer d'un enregistrement ordinaire. La publicité Yandex s'intégrera tout aussi bien.

Cela ressemble à ceci :

Comme vous pouvez le constater, il s'intègre de manière assez organique, n'irrite pas les visiteurs et, en général, peut être très pertinent. Eh bien, passons maintenant à la partie technique.

Comment insérer des publicités sur le blog principal et dans d'autres cycles entre les publications

Tout d’abord, nous décidons où nous voulons mettre en œuvre la publicité. S'il s'agit de la page principale, nous recherchons dans les fichiers de modèle WordPress le fichier php responsable de l'affichage de la page principale, en règle générale, il s'agit de index.php. Ouvrez-le dans un éditeur de texte, de préférence Notepad++ ou tout autre éditeur prenant en charge les encodages et ne cassant pas le code. Assurez-vous de sauvegarder la version originale du fichier quelque part sur votre disque, juste au cas où.

Ensuite, on retrouve dans le code le début du cycle d'enregistrement, qui peut être identifié par la ligne. Et nous y apportons de petites modifications ; pour plus de clarté, nous avons souligné en vert ce qui doit être ajouté, et en noir ce qui reste inchangé dans votre modèle et n'a pas besoin d'être modifié.

Chaque modèle peut avoir ses propres nuances, les codes de cycle peuvent différer, il peut y avoir plusieurs conditions différentes, un tas de blocs supplémentaires, des liens, des fonctionnalités différentes, etc. Mais l'essence reste la même, nous devons insérer la variable $count dans la boucle et lui attribuer la valeur zéropuis incrémente le compteur

Après avoir atteint le poste requis par le compte, notre code publicitaire se déclenche, auquel nous posons la condition

Ce code affichera votre bloc d'annonces (ou tout autre extrait que vous souhaitez injecter dans la boucle) après la deuxième entrée. Vous pouvez modifier ce numéro à votre propre discrétion à cet endroit - $count == 2 en remplaçant le numéro par celui souhaité.

Vous pouvez également ajouter des conditions de sortie, par exemple en affichant des blocs publicitaires immédiatement après plusieurs annonces de publication dans un cycle. Cela peut être fait en modifiant légèrement les conditions du code.

Par exemple insérera deux blocs d'annonces à la fois après les 1ère et 3ème entrées dans le flux.

D'ailleurs, cette fonctionnalité peut être utilisée non seulement sur la page principale, mais aussi dans d'autres boucles, par exemple dans les catégories, pour cela recherchez et modifiez le fichier archive.php.

J'espère que ces informations vous seront utiles et vous rapporteront beaucoup d'argent)

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Barre latérale droite", "before_widget" => "", "after_widget" => "", "before_title" => "

", "après_titre" => "
",));

à la ligne 3, nous définissons le nom du widget (nom). Notre nom est Barre latérale droite. Vous pouvez saisir n'importe quel nom, que ce soit en anglais ou en russe, mais il est important de s'en souvenir, car il devra être saisi à un autre endroit. Également dans les lignes 4 et 5, vous pouvez écrire le code HTML affiché avant et après le widget (before_widget, after_widget). Notre valeur par défaut est vide. Aux lignes 6 et 7, il y a du code avant et après l'en-tête. Autrement dit, vous pouvez personnaliser votre classe de titre et le titre sera différent dans le nouveau widget. Enregistrez notre function.php et accédez au panneau d'administration dans la section « Widgets ». Si tout a été fait correctement, vous y trouverez un nouveau bloc. Vous pouvez immédiatement ajouter un widget afin de pouvoir vérifier plus tard si nous avons tout fait correctement.

2. Affichez le bloc dans le modèle lui-même

Pour ce faire, ouvrez le fichier requis. Cela peut être header.php, footer.php, single.php, etc. Tout dépend de l'endroit où vous souhaitez placer le nouveau bloc. Collez ensuite le code suivant au bon endroit.

Dans la deuxième ligne, nous voyons - Barre latérale droite. C'est exactement le nom qui doit correspondre à celui qui se trouve dans le fichier function.php. Autrement dit, si vous avez nommé votre bloc « Place pour les compteurs », alors ce nom devrait être à la fois là et là. C'est tout. Nous sauvegardons notre fichier que nous avons édité et allons sur le site. Après avoir actualisé la page, vous devriez voir le résultat. Il ne reste plus qu'à écrire les styles dans le fichier style.css pour personnaliser le nouveau bloc.

C'est tout. Merci de votre attention :)

Partager