Comment exclure des publications et des catégories de la page d'accueil WordPress, du flux rss, des catégories et des archives sans plugins. Texte statique sur la page principale pour la promotion

Bonjour, chers lecteurs du site blog. Vous avez probablement remarqué que les pages d'accueil peuvent être différentes selon les blogs.

Je ne parle pas de créer une page d'accueil statique (même si je le mentionnerai, car cela pourrait intéresser quelqu'un), mais je souhaite me concentrer sur l'affichage des annonces de nouveaux articles (y compris dans des catégories ou des archives de tags).

Sur la page principale (et dans les sections) d'un blog WordPress, des articles entiers peuvent être affichés, ou leurs parties d'introduction avant la balise Plus, ou des annonces très courtes avec une miniature d'article ou même sans miniature du tout. Au final, il est possible d'utiliser uniquement des collecteurs, ou une refonte complète des normes adoptées dans ce moteur.

Je ne parlerai pas de l'option de refonte complète, mais je vais essayer de vous parler en détail des capacités standards que celle-ci nous offre. En principe, j'ai déjà dû écrire une grande partie de ce que je vais dire, mais tout cela était dans des publications séparées, donc maintenant je me souviens à peine où exactement et ce qui se trouve (je l'utilise à cette fin). J'espère que ce sera intéressant.

Vue par défaut de la page d'accueil et des catégories dans WordPress

Comme vous le savez probablement, si vous ne faites aucune démarche particulière lors de la rédaction d'un article dans WordPress, il sera probablement entièrement affiché sur la page principale, et juste en dessous se trouvera l'article précédent que vous avez publié plus tôt. Pourquoi ai-je dit « très probablement » ? Car l'affichage des articles sur la page principale dépend en grande partie, et ils peuvent être différents, y compris des articles assez exotiques.

Mais pour l'essentiel, pour afficher les articles sur la page principale dans le fichier index.php (il s'agit du fichier modèle qui est utilisé pour créer l'apparence de la page principale dans WordPress - voir l'article sur le lien ci-dessus sur les thèmes) a construction comme :

C'est grâce à lui que des articles entiers seront affichés sur la page principale, à moins que vous n'utilisiez la merveilleuse, à laquelle j'ai consacré un jour un article entier. Lors de la visualisation de la version complète de l'article, cela n'affecte en rien son apparence, mais sur la page principale, l'intégralité de l'article ne sera pas affichée, mais uniquement la partie située au-dessus de la balise Plus, et au lieu de la balise elle-même, une inscription du type « Lire en entier » s'affichera.

Personnellement, j'écris des articles sans utiliser d'éditeur visuel, et cette balise, insérée dans le texte de l'article (entre les paragraphes), ressemble à ceci :

Cependant, vous pouvez jouer et écrire, par exemple, comme ceci :

Je pense que l'essence est claire - nous créons un lien vers l'article à partir de la page principale non seulement avec "Lire la suite" (le même pour tous les articles), mais nous y ajoutons les mots-clés par lesquels vous souhaitez accéder au Top des moteurs de recherche. Je ne dirai pas que cette méthode est bénéfique à 100%, mais certains blogueurs (dont moi-même depuis quelques temps) l’utilisent.

avant de le diviser en pages, est défini dans les paramètres. Pour ce faire, vous devrez y accéder, sélectionner « Paramètres » - « Lecture » dans le menu de gauche et mettre le nombre requis de documents (articles) dans le champ « Afficher pas plus que sur les pages du blog ».

Quels inconvénients peut-on constater avec ce type d’affichage de matériel sur la page d’accueil WordPress ? En général, il y en a plusieurs :

Si vous affichez des articles entiers sur la page principale (sans la balise Plus), alors aux yeux des moteurs de recherche, vous constaterez une duplication du contenu sur votre site, ce qui peut entraîner une diminution du trafic vers votre blog depuis Yandex et Google. Ce n’est pas un fait que cela se produira, mais la probabilité d’une détérioration du classement sera très élevée. En gros, les moteurs de recherche s'offusqueront de vous si vous glissez la même chose dans leur index sur différentes pages du site, ce qui encombre leurs serveurs et entraîne des coûts supplémentaires.

Encore une fois, sans utiliser la balise Plus, vous devrez probablement limiter sérieusement le nombre de publications qui apparaissent sur la page principale afin qu'elle ne ressemble pas à une feuille interminable et difficile à utiliser. Et même dans ce cas, la convivialité de votre blog ne sera toujours pas très élevée.

Même si vous utilisez la balise Plus, mais placez un très gros fragment de la publication sur la page principale, les moteurs de recherche peuvent à nouveau voir, sinon complète, mais partielle, une duplication du contenu. Il est clair que cela n’aura pas un impact global, mais le monde entier du SEO est construit sur des centaines de petites choses qui, ensemble, déterminent le succès ou l’échec de votre projet. Par conséquent, il est préférable de s'habituer immédiatement à tout faire « comme il se doit » et non « cela fera l'affaire ».

La situation de duplication de contenu au sein du site peut devenir encore pire si vous affichez des versions complètes de publications ou de grandes parties de celles-ci à la fois dans les catégories et dans les archives de balises (ainsi que dans les archives temporaires). Ce problème peut être partiellement résolu en bloquant, par exemple, les archives temporaires et balisées de l'indexation par les moteurs de recherche à l'aide d'un plugin (l'article ci-dessous décrit comment cela peut être fait), mais il est préférable de ne pas le faire.

Il existe un moyen de résoudre le problème du contenu en double lors de l’utilisation de la fonction the_content. Il s'agit d'une balise NOTEASER spéciale. Que fait-il ? Lors de son utilisation, seule la partie de l'article située au-dessus de la balise Plus sera affichée sur la page principale, et sur la page de la publication elle-même, l'annonce ne sera pas affichée du tout (uniquement le texte suivant immédiatement PLUS). Le design ressemblera à ceci :

Ainsi, vous semblez augmenter le caractère unique des textes de votre blog (éliminez les duplications partielles). Mais il y a une nuance qui l'emporte sur tous les avantages de l'utilisation de NOTEASER. Lorsqu'il accède à une page de publication non pas depuis la page principale ou la section de votre blog, mais depuis un moteur de recherche ou via un lien direct, l'utilisateur ne verra pas du tout la partie d'introduction, ce qui peut le provoquer perplexité et confusion.

Afficher les articles dans les catégories - the_excerpt au lieu de the_content

À propos, dans les catégories et les archives de balises, la même méthode d'affichage est également souvent utilisée. Ceux. Soit les versions complètes des articles sont affichées (par ordre décroissant de leur date de création), soit des fragments tronqués avec la balise Plus sont affichés.

Ceux. utilisé dans le modèle de catégorie (il s'agit généralement du fichier modèle archive.php du dossier avec le thème que vous utilisez) la même fonction que pour afficher les articles sur la page principale :

Vous pouvez voir un exemple d’une telle publication d’articles dans des catégories sur le blog de Mikhail Shakin. Bien entendu, au départ, tout cela dépend du thème que vous utilisez. Mais tout est en votre pouvoir. Cela suffira et l'affichage des articles par catégories deviendra nettement plus utilisable, tandis que le degré de duplication du contenu sur votre blog diminuera considérablement.

De plus, effectuer ce réglage est très simple - remplacez simplement le code de la fonction the_content() par the_excerpt() dans le fichier archive.php :

Dans ce cas, seuls le titre et un petit nombre des premiers mots de l'article resteront de la publication (sans formatage et avec suppression des images, hyperliens et autres balises existants). Je ferai immédiatement une réserve sur le fait que le nombre de mots (ou de caractères) dans le titre, ainsi que le nombre de premiers mots affichés dans le message, peuvent être limités à l'aide (j'expliquerai exactement comment ci-dessous).

Comment rendre uniques les annonces de publication dans les catégories WordPress ?

Certes, le contenu de l'annonce de publication lors de l'utilisation de la fonction the_excerpt() peut être remplacé par le contenu du champ « Citation », si vous l'avez rempli lors de la rédaction de l'article (généralement, il se trouve juste en dessous de la fenêtre de saisie de texte) . Soit dit en passant, cette option réduit également la duplication de contenu, mais je ne la pratique pas car je « ne pratique pas ». En général, mère paresse banale.

Si vous ne voyez pas la zone appelée « Citation » sous la fenêtre de saisie de texte dans le panneau d’administration WordPress, supprimez votre site et réinstallez à nouveau le moteur, puis réécrivez tous les articles et commencez à les promouvoir. Eh bien, sérieusement, tout en haut du panneau d'administration, sur le côté droit, vous trouverez un « onglet » appelé « Paramètres d'écran ». En cliquant dessus, vous pouvez facilement activer le panneau dont vous avez besoin (ou supprimer un panneau inutile) en cochant ou en supprimant simplement la case souhaitée.

Nous personnalisons l'apparence des publications dans les catégories lors de leur affichage à l'aide de the_excerpt

Ainsi, si vous ne remplissez pas le champ Citation pour chaque publication, l'utilisation de the_excerpt() sous le titre le sera par défaut. N'êtes-vous pas satisfait de cela ? Comme je l'ai mentionné juste au-dessus, tout peut être configuré à l'aide de fonctions.php. Ouvrez-le simplement et ajoutez quelques nouvelles lignes :

où au lieu de 30, vous pouvez mettre le nombre de mots dont vous avez besoin, affichés sur les pages de catégories WordPress sous les titres des articles.

Si les titres de vos articles sont aussi longs que les miens, alors les catégories conviennent. Pour ce faire, au lieu de the_excerpt(), insérez :

où au lieu de 7 vous pouvez mettre le nombre de mots dont vous avez besoin dans le titre de l'article, qui sera affiché dans les titres de votre blog. Mais pour que tout cela fonctionne, vous devrez ajouter la fonction suivante au fichier function.php :

Fonction do_excerpt($string, $word_limit) ( $words = éclater(" ", $string, ($word_limit + 1)); if (count($words) > $word_limit) array_pop($words); echo implode(" ", $mots)."; )

Au lieu des points de suspension dans la dernière ligne, vous pouvez mettre autre chose, mais il est probablement préférable de le laisser ainsi.

Comment afficher uniquement les titres des articles sur la page principale ou dans les catégories WordPress ?

Eh bien, tout est assez simple ici. Il suffira de supprimer archive.php du fichier modèle (responsable de la création des archives (catégories, balises, etc.), mais il se peut qu'il ne soit pas dans votre thème) ou index.php (responsable de la création de la page principale du blog, mais souvent et tous les autres utilisant des opérateurs conditionnels) la fonction the_excerpt ou the_content (selon ce qui est exactement utilisé).

Par exemple, la construction suivante est responsable de l'affichage des publications dans les catégories :

Et tout a fonctionné. Ainsi, si vous n’avez aucun problème avec les vignettes, alors vous pouvez essayer de remplacer l’affichage habituel des articles sur la page principale ou dans les catégories WordPress en utilisant the_excerpt par cette construction qui ajoute une vignette à l’article :

Par défaut, la vignette sera alignée sur le bord gauche et le texte s'enroulera autour d'elle. Seulement j'ai ajouté des petites vignettes à mon fichier de style style.css pour que l'ensemble soit mieux perçu. Pour ce faire, il suffisait d'ajouter une seule ligne :

Wp-post-image (remplissage : 3px 15px 5px 5px ;)

Cependant, sur la page principale, j'ai toujours laissé la sortie des articles en utilisant the_content et la balise More, et dans les catégories, j'utilise toujours the_excerpt « nu ». Mais j'ai quand même implémenté la méthode décrite, mais pas sur la page « », ce qui est assez typique pour un blog.

Je pense que ça s'est avéré cool.

Comment rendre la page d’accueil permanente (statique) dans WordPress ?

En fait, c’est exactement ce que j’ai fait il y a quelques années. Ensuite, sur ma page principale (à l'adresse - https://site), un article a été affiché, qui se trouve désormais sur la page d'erreur 404 (voir comment la configurer), que vous pouvez voir en ajoutant simplement un caractère du clavier à n'importe quelle URL de mon site (dans la barre d'adresse par exemple, c'est https://site/404).

Pourquoi ai-je abandonné la page d’accueil statique ? Je ne sais pas. Pour une raison quelconque. En général, à un moment donné, j'ai décidé de revenir aux classiques, même s'il n'y avait pas de conditions préalables particulières pour cela. Cependant, laissez-moi vous expliquer comment tout cela est mis en œuvre. En fait, nous devons résoudre quatre problèmes :

C'est tout. Après cela, regardez le résultat et, si nécessaire, améliorez le contenu de la page principale déjà permanente (statique) de votre blog.

Comment avez-vous organisé l’affichage des articles sur la page principale et dans les sections de votre blog sur WordPress ?

Bonne chance à vous ! A bientôt sur les pages du site blog

Vous pouvez regarder plus de vidéos en allant sur ");">

Vous pourriez être intéressé

Où télécharger WordPress - uniquement depuis le site officiel wordpress.org
Rubriques des articles H1, H2, H3 dans WordPress, ainsi que méthodes d'affichage des catégories (the_content, the_excerpt et autres)
Comment dans WordPress vous pouvez afficher les publications d'une catégorie avec des vignettes (en les créant dans Auto Post Thumbnail et catch_that_image)
Paramètres du blog WordPress que vous devez effectuer immédiatement après l'installation Le menu de gauche dans le panneau d'administration WordPress a disparu après la mise à jour

Salutations, vous. Tag Cloud est un widget fourni par Blogger qui vous permet de catégoriser le contenu en fonction de balises spécifiques. Le widget Étiquettes rend votre blog convivial en permettant aux visiteurs de naviguer facilement dans le contenu qu'ils recherchent en sélectionnant des catégories/étiquettes.

Les raccourcis gadgets standard pour un blogueur semblent très simples en soi et laissent beaucoup à désirer pour une option plus intéressante. Mais nous pouvons le personnaliser en utilisant CSS. Si vous ne savez pas comment faire, ne vous inquiétez pas, cela peut être fait facilement. En utilisant CSS et un effet de dégradé animé, nous lui donnerons un look intéressant et attrayant. Commençons :

Ci-dessous, je vais vous montrer 4 options prêtes à l'emploi dans le blog. En effet, à l'aide de codes prêts à l'emploi, vous pouvez assez facilement ajuster les couleurs selon vos préférences.

Mais d'abord, permettez-moi d'attirer votre attention sur le fait que tous les codes proposés fonctionnent spécifiquement pour afficher des raccourcis sous forme de nuage. Comme ça

Option 1. Boutons rouges

Taille de l'étiquette (
position : relative ;
transformation de texte : majuscule ;
décoration de texte : aucune ;
taille de police : 13 px ;
famille de polices : Open Sans ;
couleur:#fff!important;
}

Taille d'étiquette a (
couleur:#fff!important;
poids de la police : gras ;
remplissage : 8px 10px ;
marge:0 6px 6px 0;
flotteur : gauche ;
affichage:bloc;
-moz-transition : tous les 0,4 s ;
-o-transition : tous les 0,4 s ;

-ms-transition : tous les 0,4 s ;
transition : tous les 0,4s ;
image d'arrière-plan : dégradé linéaire (#EE4343, #E07C7C) ; /* couleur du bouton */
taille de l'arrière-plan : auto 200 % ;

/* taille et couleur de la bordure inférieure */
}

Taille de l'étiquette a:hover (
position d'arrière-plan : 0 0 ;
}

Option 2. Boutons verts.

Taille de l'étiquette (
position : relative ;
transformation de texte : majuscule ;
décoration de texte : aucune ;
taille de police : 13 px ;
famille de polices : Open Sans ;
couleur:#fff!important;
}

Taille d'étiquette a (
couleur:#fff!important;
poids de la police : gras ;
remplissage : 8px 10px ;
marge:0 6px 6px 0;
flotteur : gauche ;
affichage:bloc;
-moz-transition : tous les 0,4 s ;
-o-transition : tous les 0,4 s ;
-webkit-transition : tous les 0,4 s ;
-ms-transition : tous les 0,4 s ;
transition : tous les 0,4s ;
image d'arrière-plan : dégradé linéaire (#00FF3B, #778C7C) ; /* couleur du bouton */
taille de l'arrière-plan : auto 200 % ;
position d'arrière-plan : 0 à 100 % ;
transition : position d'arrière-plan 0,5 s ; bordure-bottom : 3px solide #000000 ; /* */
) .label-size a:hover (
position d'arrière-plan : 0 0 ;
}

Option 3. Boutons noirs.

Taille de l'étiquette (
position : relative ;
transformation de texte : majuscule ;
décoration de texte : aucune ;
taille de police : 13 px ;
famille de polices : Open Sans ;
couleur:#fff!important;
}

Taille d'étiquette a (
couleur:#fff!important;
poids de la police : gras ;
remplissage : 8px 10px ;
marge:0 6px 6px 0;
flotteur : gauche ;
affichage:bloc;
-moz-transition : tous les 0,4 s ;
-o-transition : tous les 0,4 s ;
-webkit-transition : tous les 0,4 s ;
-ms-transition : tous les 0,4 s ;
transition : tous les 0,4s ;
image d'arrière-plan : dégradé linéaire (#8A8C8B, #1A1D1B) ; /* couleur du bouton-->
taille de l'arrière-plan : auto 200 % ;
position d'arrière-plan : 0 à 100 % ;
transition : position d'arrière-plan 0,5 s ; bordure-bottom : 3px solide #000000 ; /* épaisseur et couleur de la bordure inférieure */
}

Taille de l'étiquette a:hover (
position d'arrière-plan : 0 0 ;
}

Option 4. Une option colorée.

Barre latérale .label-size (
position : relative ;
transformation de texte : majuscule ;
décoration de texte : aucune ;
taille de police : 12 px ;
famille de polices : Open Sans ;
couleur:#fff!important;
}

Barre latérale .label-size a (
couleur:#fff!important;
poids de la police : gras ;
remplissage : 8px 10px ;
marge:0 6px 6px 0;
flotteur : gauche ;
affichage:bloc;
-moz-transition : tous les 0,4 s ;
-o-transition : tous les 0,4 s ;
-webkit-transition : tous les 0,4 s ;
-ms-transition : tous les 0,4 s ;
transition : tous les 0,4s ;
}

Barre latérale .label-size-1 a (arrière-plan : #1abc9c ; bordure : 3px solide #127F69 ;)
.sidebar .label-size-1 a:hover (arrière-plan:#127F69;bordure:3px solide #1abc9c;)
.sidebar .label-size-2 a (arrière-plan : #3498db ; bordure : 3px solide #226693 ;)
.sidebar .label-size-2 a:hover (arrière-plan:#226693;bordure:3px solide #3498db;)
.sidebar .label-size-3 a (arrière-plan : #2ecc71 ; bordure : 3px solide #1F8C4C ;)
.sidebar .label-size-3 a:hover (arrière-plan:#1F8C4C;bordure:3px solide #2ecc71;)
.sidebar .label-size-4 a (arrière-plan : #9b59b6 ; bordure : 3px solide #74398E ;)
.sidebar .label-size-4 a:hover (arrière-plan:#74398E;bordure:3px solide #9b59b6;)
.sidebar .label-size-5 a (arrière-plan : #e74c3c ; bordure : 3px solide #922C20 ;)
.sidebar .label-size-5 a:hover (arrière-plan:#922C20;bordure:3px solide #e74c3c;)

Dans les trois premières options, modifiez les valeurs de Linear-gradient /* Button Color */ par celles dont vous avez besoin. Vous pouvez trouver des générateurs de gradients linéaires dans la recherche.

Changez la taille et la couleur de la bordure inférieure - border-bottom:3px solid #000000; /* épaisseur et couleur de la bordure inférieure */

La dernière option est fournie spécifiquement pour la barre latérale. De nombreux raccourcis de gadgets sont installés au sous-sol ou ailleurs, de sorte que les premiers codes peuvent être utilisés quel que soit l'endroit où le gadget sera installé.

Dans le quatrième code vous pouvez aussi jouer avec toutes les valeurs de ces lignes

.sidebar .label-size-1 a (background:#1abc9c;border:3px solid #127F69;) /* couleurs principales du bouton, bordure inférieure */
.sidebar .label-size-1 a:hover (background:#127F69;border:3px solid #1abc9c;) /* couleurs de survol */

Lorsque vous avez fait votre choix, rendez-vous dans l'onglet SUJET - CHANGER LE HTML. Nous trouvons la ligne ]]> (lire) et immédiatement au-dessus, définissons le code requis. Sauvegarder.

Il ne reste plus qu'à admirer le résultat ou ajuster quelque chose.

veuillez entrer votre email:

Bonne journée à tous. Un autre article sur la façon de styliser le widget pour les articles de blog les plus lus. En d’autres termes, nous allons modifier le design du widget, utilisé par de nombreux blogueurs. Je vous propose immédiatement 2 styles afin que les utilisateurs puissent voir quels messages sont les plus lus pour la semaine, le mois ou tout le temps.
Cette fois, nous n'afficherons pas d'annonce de publication. Concevons un beau titre, une vignette et ajoutons une numérotation.

Caractéristiques du gadget messages populaires Affiche les publications avec des vignettes avec des titres
Effet zoom au survol
Les titres sont affichés en couleur transparente
Vous pouvez définir vous-même la taille des vignettes, qui sont généralement affichées dans Blogger à 72 x 72 pixels.
Paramètres de couleur faciles
1. Tout d’abord, il nous suffit d’installer le gadget natif du Blogger proposé. Accédez au panneau d'administration du blog - conception - ajout d'un widget - articles populaires. Le widget lui-même doit être configuré comme ceci

Dans les paramètres, vous devez sélectionner les options pour toute la durée, l'image miniature et le nombre d'images affichées. Enregistrez-le et installez-le à l'emplacement souhaité.

2. Sélectionnez maintenant l'option appropriée ci-dessous et copiez son code.

3. Allez à nouveau panneau d'administration - ajouter un widget - HTML/JavaScript et collez-y le code.

4. Le widget avec le code doit être installé au-dessus du gadget de messages populaires créé à l'étape 1.

5. Enregistrez l'emplacement et voyez le résultat.

Voici 2 options pour les styles de gadgets de messages populaires

Option 1. Les messages sont affichés dans une seule colonne

code

//

compteur-réinitialisation : popcount ;
marge : 0 ;
remplissage : 0 ;
}
.sidebar .popular-posts ul li:premier-enfant ()
.sidebar .popular-posts ul li (

hauteur : 130px ;
poids de la police : gras ;

débordement : caché ;
remplissage : 0px !important ;
position : relative ;
marge : 2px ;
bordure : 0 ;
largeur : 100 % ;
flotteur : gauche ;
}
.sidebar .PopularPosts .item-thumbnail (marge : 0 ; largeur : 100 % ;)
.sidebar .PopularPosts ul li img (
affichage : bloc ;
flotteur : gauche ;
remplissage : 0 ;
largeur : 100 % ;
hauteur : 130px ;



transition : 1,0 s ;
}
.sidebar .PopularPosts ul li img:hover (

-moz-transform:échelle(1.06);
-o-transform:échelle(1.06);
transformer:échelle(1.06);
débordement : caché ;
}
.sidebar .PopularPosts .item-titre (
bas : 0 ;
gauche : 0 ;
à droite : 0 ;
rembourrage inférieur : 0 ;
position : absolue ;
indice z : 999 ;
}
.sidebar .PopularPosts .item-title a (
arrière-plan : rgba(32, 32, 32, 0,77) ;
couleur : #FFFFFF ;
affichage : bloc ;
taille de police : 16 px ;
poids de la police : gras ;
hauteur de ligne : normale ;
famille de polices : "Oswald", sans-serif ;
remplissage : 10px 0px 5px 10px ;
transformation de texte : capitaliser ;

}
.sidebar .popular-posts ul li:hover .item-title a (


décoration de texte : aucune ;
}
.sidebar .popular-posts ul li:avant (

couleur : #000 ;


flotteur : gauche ;
taille de police : 14 px ;
hauteur de ligne : 20 px ;
type de style de liste : aucun ;
remplissage : 0px 8px 1px 1px ;

position : absolue ;
haut : 0 ;
indice z : 4 ;
bordure : #FFF solide ;

}

Option 2. Les messages sont affichés dans une grille à deux colonnes

Code

//

.sidebar .popular-posts ul (
compteur-réinitialisation : popcount ;
marge : 0 ;
remplissage : 0 ;
}
.sidebar .popular-posts ul li:premier-enfant ()
.sidebar .popular-posts ul li (
famille de polices : "Oswald", "Open Sans", "Helvetica Neue", Arial, Tahoma, sans-serif ;
hauteur : 130px ;
style de liste : aucun !important ;
débordement : caché ;
remplissage : 0 !important;
position : relative ;
marge : 2px ;
bordure : 0 ;
largeur : 48 % ;
flotteur : gauche ;
}
.sidebar .PopularPosts .item-thumbnail (marge : 0 ; largeur : 100 % ;)
.sidebar .PopularPosts ul li img (
affichage : bloc ;
flotteur : gauche ;
remplissage : 0 ;
largeur : 100 % ;
hauteur : 130px ;
-durée de transition du kit web : 1,0 s ;
-moz-transition-durée : 1,0 s ;
-o-durée de transition : 1,0 s ;
transition : 1,0 s ;
}
.sidebar .PopularPosts ul li img:hover (
-webkit-transform:scale(1.06);
-moz-transform:échelle(1.06);
-o-transform:échelle(1.06);
transformer:échelle(1.06);
débordement : caché ;
}
.sidebar .PopularPosts .item-titre (
bas : 0 ;
gauche : 0 ;
à droite : 0 ;
rembourrage inférieur : 0 ;
position : absolue ;
indice z : 999 ;
}
.sidebar .PopularPosts .item-title a (
arrière-plan : rgba(32, 32, 32, 0,77) ;
couleur : #FFFFFF ;
affichage : bloc ;
taille de police : 12 px ;
hauteur de ligne : normale ;
remplissage : 5px 0px 2px 5px ;
transformation de texte : capitaliser ;
transition : tous les .4 sont faciles à entrer et à sortir ;
}
.sidebar .popular-posts ul li:hover .item-title a (
couleur : rgba(255, 255, 255, 1) ;
arrière-plan : rgba(231, 76, 60, 0,88) ;
décoration de texte : aucune ;
}
.sidebar .popular-posts ul li:avant (
arrière-plan : rgba(255, 252, 8, 1) ;
couleur : #000 ;
contenu : compteur (popcount, décimal) ;
contre-incrément : popcount ;
flotteur : gauche ;
taille de police : 14 px ;
hauteur de ligne : 20 px ;
type de style de liste : aucun ;
remplissage : 0px 8px 1px 1px ;
rayon de bordure : 0px 0px 10px 0px ;
position : absolue ;
haut : 0 ;
indice z : 4 ;
bordure : #FFF solide ;
largeur de bordure : 0px 2px 2px 0px ;
}

Sur le blog de test, voyez à quoi ressemblera l'option 2. J'y ai peu de messages publiés, donc seuls 2 articles sont affichés pour que cela ne vous confonde pas.

Copiez le code du widget de message populaire sous forme d'images que vous aimez et installez-le en suivant les étapes décrites.

Fond de couleur jaune : rgba(255, 252, 8, 1) ; La numérotation peut être modifiée à votre discrétion. Il est donné au format rgba (trouvez-le dans la recherche). Jouez également avec toutes les valeurs.
arrière-plan:.

Important:

Si vous avez déjà installé le widget de publications populaires dans votre barre latérale et souhaitez installer cette option, vous devrez supprimer les anciens styles CSS.

Certains placent les articles populaires au-dessus ou en dessous des articles de blog. Ce widget ne fonctionne que pour la barre latérale.

Si vous avez tout fait correctement et que le widget ne fonctionne pas, vous devez faire attention à l'utilisation de différentes classes CSS pour la barre latérale. Les modèles de chacun sont différents. Dans les exemples proposés, j'ai utilisé la classe .sidebar .PopularPosts ( vous pouvez avoir .sidebar-wrapper .PopularPosts ( ou #sidebar .PopularPosts ( . Un peu partout dans le code, vous devez le remplacer par celui de votre modèle

Il ne devrait plus y avoir de problèmes.

Découvrez plus d'options de conception pour le widget de publications populaires

Désormais, comme toujours, le code terminé est installé dans l'éditeur de messages au bon endroit en mode HTML.

Cet effet de survol inhabituel et élégant pour les images peut décorer les pages de vos publications.

Bonne chance et belles journées ensoleillées. À bientôt.

je veux m'abonner à de nouvelles aide-mémoire

Bonjour les gars !

Aujourd'hui, il y aura un article technique qui vous montrera comment exclure des publications de la page principale d'un site WordPress.

Vous apprendrez également comment exclure des catégories entières, et pas seulement des entrées spécifiques. Je vais vous montrer de nombreuses options, avec et sans plugins. En général, tout est comme toujours.

Dans quels cas faut-il l'utiliser ?

La nécessité d'exclure certains articles, c'est-à-dire leurs annonces, de la page principale existe principalement sur les blogs personnels, alors qu'en plus des articles volumineux et de haute qualité destinés à un public régulier, il vaut également la peine de remplir la ressource avec de simples articles optimisés pour le référencement. .

Il est peu probable que de tels articles soient utiles aux membres du blog, car ils savent déjà tout cela. Afin de ne pas encombrer la page principale d'annonces inutiles, il vaudrait mieux ne pas les afficher. Dans le même temps, ils devraient être ajoutés au site afin d'attirer de nouveaux publics vers la ressource à partir des moteurs de recherche. Ils doivent également être affichés, mais cela doit être fait sur les pages des rubriques et des archives, afin que les nouveaux arrivants puissent les retrouver en naviguant dans les rubriques du site.

Par exemple, vous ne trouverez cet article sur la page principale de mon blog sur aucune de leurs pages de pagination (navigation des pages). Parallèlement, l'annonce de l'article est visible dans la rubrique « Utiles » et sur la page plan du site « Tous les articles ».

Sans plugin

La méthode sans plugin est toujours préférable, mais dans ce cas ce ne sera pas une priorité, car pour exclure certains articles vous devrez apporter des modifications au fichier modèle que vous avez installé à chaque fois. Mais je vais quand même montrer plusieurs options différentes pour mettre en œuvre une telle solution, car il est fort possible que cela vous convienne.

Ci-dessous, je vais donner divers morceaux de code qui doivent être placés dans le fichier modèle function.php.

Exclure des enregistrements spécifiques par ID

Dans cette option, il n'est pas nécessaire de masquer des catégories entières de la visibilité sur la page principale, comme beaucoup le font à l'aide de divers plugins. Tout ce que vous avez à faire est d'ajouter les identifiants des enregistrements requis dans le code.

fonction include_post($query) ( if ($query->is_home) ($query->

si ($query -> is_home ) ( $query ->// identifiant de publication retourner $requête ; )

À la ligne 3, les numéros 1 et 2 sont des enregistrements d'identification qui n'apparaîtront pas sur la page d'accueil. Vous devez l'écrire séparé par des virgules.

Vous découvrirez l'ID de la publication, de la page et de la catégorie dans la barre d'adresse du navigateur lors de la visualisation via l'éditeur.

L'option suivante vous permettra d'exclure des entrées du flux RSS.

Exclusion du flux RSS

Ce code vous permettra d'exclure les annonces du fil d'actualité et de ne pas les envoyer par e-mail si vous utilisez le service d'abonnement et d'annonces via Feedburner.

function include_post($query) ( if ($query->is_feed) ($query->set("post__not_in", array(1, 2));) // l'identifiant de la publication (post) renvoie $query; ) add_filter(" pre_get_posts","exclude_post");

fonction exclure_post ($query) ( si ($query -> is_feed ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // identifiant de publication retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_post" ) ;

L'ajout d'enregistrements dans ce cas et dans tous les autres s'effectue de la même manière.

Exclusion des catégories et des archives

Pour exclure les publications des pages de catégories, vous devez utiliser le code suivant.

function include_post($query) ( if ($query->is_category) ($query->set("post__not_in", array(1, 2));) // l'identifiant de la publication (post) renvoie $query; ) add_filter(" pre_get_posts","exclude_post");

fonction exclure_post ($query) ( si ($query -> is_category ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // identifiant de publication retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_post" ) ;

Ce code peut être modifié pour appliquer une exception des archives. Il faut remplacer la fonction is_category par is_archive dans le 2ème bâtiment.

Exclusion de la page de recherche

Cette option peut également être requise si certaines publications ne doivent pas être présentées aux visiteurs lorsqu'ils utilisent la recherche sur le site. Par exemple, il peut s'agir de divers articles d'actualité qui ne contiennent pas de contenu sur le sujet du site.

function include_post($query) ( if ($query->is_search) ($query->set("post__not_in", array(1, 2));) // l'identifiant de publication renvoie $query; ) add_filter(" pre_get_posts", "exclude_post");

fonction exclure_post ($query) ( si ($query -> is_search ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // identifiant de publication retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_post" ) ;

Combiner plusieurs options

Vous pouvez combiner toutes les options ci-dessus et exclure des enregistrements de tous les types de pages à la fois ou de manière sélective sur celles nécessaires.

Si vous examinez attentivement tous les codes, alors dans la 2ème ligne, vous pouvez voir une condition dans laquelle le paramètre des types de pages est défini pour désactiver l'affichage des annonces de publication :

• is_search
• is_category
• is_feed
• est_home

Vous pouvez combiner toutes les options et exclure les publications de partout ou sur certaines pages. Par exemple, pour les exclusions des catégories et principales, vous devez placer le code suivant dans le fichier function.php.

fonction include_post($query) ( if ($query->is_category || ($query->is_home)) ($query->set("post__not_in", array(1, 2));) // post id ) return $query; ) add_filter("pre_get_posts","exclude_post");

fonction exclure_post ($query) ( if ($query -> is_category || ($query -> is_home ) ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // identifiant de publication retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_post" ) ;

La 2ème ligne avec la condition (if) contient les paramètres des catégories (is_category) ou de la maison (is_home).

Notez que chaque paramètre suivant est écrit à l'intérieur du précédent à travers 2 barres verticales et est situé entre ses propres parenthèses. Autrement dit, si vous regardez le code précédent, vous verrez que la deuxième condition de la page principale est placée entre ses propres crochets et se trouve entre les parenthèses générales qui enveloppent la première condition des catégories.

S'il vaut la peine d'ajouter une sorte de troisième condition, par exemple pour les pages d'archives, alors cela vaut la peine de l'ajouter entre parenthèses avec la condition pour la condition principale (is_home) et de l'écrire à travers 2 barres verticales. En pratique, cela ressemble à ceci.

fonction include_post($query) ( if ($query->is_category || ($query->is_home || ($query->is_archive))) ($query->set("post__not_in", array(1, 2) );) // l'identifiant de la publication (post) return $query; ) add_filter("pre_get_posts","exclude_post");

fonction exclure_post ($query) ( if ($query -> is_category || ($query -> is_home || ($query -> is_archive ) ) ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // identifiant de publication retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_post" ) ;

En utilisant le même principe, ajoutez d’autres types de pages à exclure.

L'option suivante pour exclure des enregistrements consiste à exclure des titres entiers (catégories).

Exclure des catégories entières

C'est très pratique pour les paresseux, lorsque vous pouvez simplement créer une sorte de catégorie et y ajouter tous les articles qui ne nécessitent pas d'être affichés sur certains types de pages.

La structure du code est presque la même. Cela modifie uniquement le paramètre qui spécifie l’exclusion d’une publication ou d’une catégorie. Dans les cas évoqués précédemment, la dernière ligne était définie sur exclure_post. Dans le nouveau code, il doit être remplacé parexclus_cat.

function include_cat($query) ( if ($query->is_home) ($query->set("cat","-1, -2, -3");) // l'identifiant de catégorie renvoie $query; ) add_filter( "pre_get_posts","exclude_cat");

fonction exclure_cat ($query) ( si ($query -> is_home ) ( $query -> set ("cat" , "-1, -2, -3" ) ; ) // identifiant de catégorie retourner $requête ; ) add_filter ("pre_get_posts" , "exclude_cat" ) ;

Comme vous pouvez le constater, la dernière ligne a subi des modifications et la 3ème ligne, où le paramètre qui lit l'ID de catégorie a été modifié. L'identifiant dans ce cas est écrit par un tiret, mais aussi par une virgule.

Le principe de construction des conditions pour les types de pages est similaire aux options évoquées précédemment, où j'ai montré l'exemple de l'exclusion de publications spécifiques. Cela vaut la peine de modifier la 2ème ligne, en ajoutant les paramètres nécessaires aux catégories, à la recherche, aux archives ou aux flux RSS.

Nous avons donc examiné les méthodes sans plugin. Il existe également une option pour exclure les entrées concernant les balises, mais désormais les balises ne sont plus très pertinentes pour 99 % des ressources. Si vous avez besoin de telles informations, veuillez l'écrire dans les commentaires. Je vais tout ajouter tout de suite.

Plugins

Les plugins sont une solution plus flexible en la matière, car lors de l'exclusion d'entrées spécifiques, il n'est pas nécessaire de modifier le fichier modèle à chaque fois. Cela vaut la peine de cocher la case dans l’éditeur des articles souhaités lors de leur publication ou après.

S'il vaut la peine d'exclure une catégorie spéciale créée pour les articles qui ne nécessitent pas d'affichage, alors il est préférable d'utiliser l'un des codes fournis ci-dessus.

Plugin Exclure simplement

Vous pouvez télécharger le plugin soit via la console WordPress en utilisant la recherche, soit depuis le site officiel de WordPress.

Après activation, il fonctionnera déjà et vous n’aurez pas besoin de le configurer. Mais je recommande quand même d’apporter quelques modifications pour rendre l’utilisation de ses fonctions plus agréable.

Après installation et activation, on accède immédiatement à ses paramètres.

Initialement, dans les paramètres du plugin, tout est réglé pour que lorsque la case à cocher est activée (nous l'examinerons ci-dessous), les pages requises (articles, catégories, pages) seront marquées comme « autorisées à l'affichage ». Ainsi, pour chaque type de page vous devrez cocher toutes les cases pour que tout soit affiché.

Il serait plus logique de définir cette option lorsque, en activant une case à cocher (par exemple, pour la page principale), elle marquera un article ou autre chose comme interdit à l'affichage.

Dans les paramètres, il y a 3 onglets conçus pour configurer les paramètres de différents types de pages :

• Taxonomies (taxonomies) - paramètres pour le fonctionnement du plugin dans les sections du panneau d'administration WordPress : catégories et balises ;
• Types de publication - pour les types de publication : articles et pages ;
• Utilisateurs - paramètres pour les utilisateurs.

Je vais maintenant donner une capture d'écran des paramètres du premier onglet (taxonomie) et expliquer les paramètres qui doivent être définis.

• Dans le premier bloc de paramètres « Actif », vous devez cocher la case « Actif » pour que le plugin ajoute les cases à cocher nécessaires pour désactiver l'affichage dans les catégories ou tout autre type de pages ;
• Dans le deuxième bloc, nous définissons tous les paramètres en face de l'option « Exclure ». Cela signifie que si la case est cochée dans l'éditeur de chaque type de page, elle sera masquée à l'affichage et les nouveaux articles seront ouverts à l'affichage par défaut. Si vous définissez le paramètre "Inclure uniquement", alors en cochant la case, les entrées seront ouvertes à l'affichage et les nouveaux articles seront masqués par défaut. Si la deuxième option « Inclure uniquement » est sélectionnée, après l'installation du plugin, toutes les entrées seront masquées et vous devrez définir l'option « Exclure » ;
• Dans le bloc "Afficher/Masquer", paramétrez le paramètre "Afficher" pour que les cases à cocher nécessaires soient affichées dans chaque type de page pour pouvoir désactiver ou activer l'affichage.

Les mêmes paramètres doivent être saisis dans les 2 onglets restants des paramètres du plugin Simply Exclude.

Par exemple, voici une capture d'écran de l'onglet « Types de publication ».

Bien entendu, vous pouvez désactiver le fonctionnement de certaines fonctions, par exemple, sur le premier onglet, vous pouvez désactiver le plugin pour les catégories si nous n'allons pas exclure tous les messages d'une catégorie entière.

Parlons maintenant du travail du plugin lui-même. Lorsque vous avez défini les paramètres nécessaires, vous pouvez accéder à l'éditeur pour chaque type de publication et cocher des cases à côté des pages dont vous souhaitez exclure leur affichage.

Par exemple, pour définir les paramètres des publications, vous pouvez accéder à l'éditeur de l'article souhaité ou via l'élément Tous les articles. Là et là seront les cases à cocher nécessaires. Dans l'éditeur, dans la colonne de droite, il y aura un bloc « Simplement exclure » ​​contenant 4 cases à cocher pour masquer les articles et les pages :

• Archives - catégories et archives ;
• Flux - Flux RSS ;
• Façade/Accueil - principal ;
• Recherches - recherche.

En cochant la case requise, vous pouvez masquer la publication d'un certain type de page.

Dans le panneau d'administration WordPress « Tous les articles » en face de chaque élément dans une nouvelle colonne appelée « Exclure simplement l'exposition », il y aura également ces 4 cases à cocher. Il en va de même pour les rubriques. Une nouvelle colonne avec toutes les cases à cocher sera ajoutée.

C'est tout pour ce plugin. En l'installant, vous pouvez modifier très rapidement et de manière flexible les paramètres d'affichage de publications spécifiques ou de catégories entières sans interférer avec les fichiers modèles.

Plugin Exclure les catégories

Le plugin est uniquement destiné à masquer une catégorie entière de la page principale et du flux RSS. Comme cette option ne nécessite pas beaucoup de flexibilité (j'ai créé une catégorie une fois et y ai ajouté des articles), je recommande de mettre en œuvre l'exclusion d'une catégorie entière à l'aide de code (voir point 2).

Vous pouvez télécharger le plugin en utilisant le bouton ci-dessous.

Après l'avoir installé, accédez aux paramètres (Paramètres - Exclure la catégorie) et sélectionnez la catégorie requise pour l'exclure de la page principale.

L'exclusion de toutes les entrées d'une catégorie est une option courante. Mais j'y vois un inconvénient, car le site doit publier beaucoup d'articles pour attirer le trafic de recherche, et ils porteront tous sur des numéros différents sur le même sujet.

Mais regrouper divers matériaux dans une seule catégorie n’est pas très bon.

Cette option est également souvent utilisée lors de la vente active de liens sur un site Web. Le propriétaire crée une section et publie tous les articles contenant des liens de vente. Et ce n'est pas non plus très bon, puisque désormais les webmasters exigent de placer un lien dans l'une des sections principales du site afin qu'il soit au moins légèrement cliquable et ait un effet lors de la promotion.

Ça y est les gars, sur cette note je termine ce manuel détaillé, qui devrait vous être utile si vous êtes au bon endroit pour cet article. J'espère que tout se passe bien pour toi.

Je vous souhaite une bonne humeur et une merveilleuse journée. À bientôt.

Cordialement, Konstantin Khmelev!

Cet article sera une continuation du sujet sur la préparation d'un site WordPress pour la promotion dans les moteurs de recherche. Nous avons déjà décrit comment créer du texte statique (permanent) sur les catégories promues. Aujourd'hui, je vais vous montrer comment faire une chose similaire, mais seulement cette fois pour la page principale du site, qui, comme vous le savez, a le plus de poids. Il ne vous reste plus qu'à rédiger un texte qui facilitera la promotion.

Si vous venez de Google ou de Yandex et que vous avez manqué l'article précédent, consultez...

Il existe plusieurs façons de créer du texte statique sur la page principale d’un site WordPress :

• en utilisant la fonction WordPress intégrée (lire l'article). Comme vous pouvez le constater, c'est une question de deux secondes.
• la deuxième méthode consiste à placer un certain code dans le fichier index.php ou home.php (le nom dépend du modèle de votre site)
• simplement en sélectionnant la page souhaitée dans Paramètres dans le panneau d'administration (capture d'écran ci-dessous)

• en créant un modèle séparé pour le thème principal dans les fichiers du thème (vous aurez besoin de connaissances en PHP/CSS ou de l'aide d'un spécialiste).

Si vous avez choisi la première méthode, n'oubliez pas de fermer la publication sélectionnée pour l'indexation afin qu'il n'y ait pas de contenu en double. Vous pouvez le faire en utilisant robots.txt.

Si vous choisissez la deuxième méthode, alors pour ce faire, vous devez ouvrir le fichier index.php (home.php) et insérer ce qui suit avant la fonction d'affichage de tous les messages :

texte ou code arbitraire

Ce code vous permet d'afficher des informations uniquement sur la page principale. Il vous suffit d'y placer le bloc de texte requis ou le code requis.

Le même code peut être utilisé dans les widgets si vous devez afficher quelque chose uniquement sur la page principale du site. Un plugin est parfait pour cela.

Si vous ne comprenez pas pourquoi vous devez insérer le code que j'ai suggéré ci-dessus, alors voici un petit indice : dans mon modèle, le fichier index.php se charge d'afficher les informations sur la page principale. Il contient ce code :