Contrôler l'affichage des pages dans WordPress à l'aide d'un plugin. Pages WordPress : Tout sur le plugin de liste de pages de pages WordPress pour Wordpress

#1 Supprimer ou modifier le titre de la liste

# 1.1 Supprimer le titre de la liste en annulant le paramètre title_li.

Gardez à l'esprit que les balises ul seront également supprimées et doivent être spécifiées séparément :

# 1.2. Changer le titre

Remplacez le titre par "Poets", enveloppez-le dans une balise HTML

et afficher uniquement les pages permanentes avec les ID 9, 5 et 23 dans la liste :

". __ (" Poésie ")."

#2 Tri de la liste des pages

# 2.1 Trions la liste en fonction des nombres ordinaux indiqués sur la page d'édition "pages permanentes":

# 2.2 A l'aide de ce code, nous supprimerons le titre "Pages" de la liste :

# 2.3 Maintenant, nous allons afficher une liste triée par date de création de la "page permanente" et afficher la date à côté de chaque lien :

# 3 Exclure et inclure des pages

# 3.1 Utilisation du paramètre exclure exclure les pages avec l'ID 17.38 :

# 3.2 Utilisation du paramètre inclure, créons une liste de pages uniquement en ID 35, 7, 26 et 13 :

". __ (" Pages ").""); ?>

# 4 Afficher les pages enfants

# 4.1 Afficher la liste des pages enfants

En utilisant l'exemple suivant, vous pouvez afficher dans la barre latérale (ou ailleurs) une liste de pages enfants (sous-pages) de la page permanente que vous visitez actuellement. Pour ce faire, nous utiliserons le paramètre enfant de et vérifier s'il y a des pages enfants pour la page actuelle (essayons d'obtenir des pages enfants dans la variable $ children, si possible, affichez la liste):

ID. "& Écho = 0"); si ($ enfants) (?>

# 4.2. Liste statique des pages enfants

post_parent) $ children = wp_list_pages ("title_li = & child_of =". $ post-> post_parent. "& echo = 0"); else $ children = wp_list_pages ("title_li = & child_of =". $ post-> ID. "& echo = 0"); si ($ enfants) (?>

Cet exemple peut être utilisé dans la barre latérale (sidebar), mais vous devez comprendre qu'il vérifie d'abord la présence d'une page parent pour la page actuelle, si elle existe, puis une liste de pages à un seul niveau est affichée, s'il y a pas de page parent, une liste de pages enfants s'affiche. Ainsi, nous aurons une liste fermée pour les pages de niveau supérieur sur toutes les pages.

# 4.3. Une alternative au code précédent. Cet exemple peut également être utilisé dans la barre latérale, il affichera :

lorsque vous êtes sur la page principale, toutes les "pages persistantes" de niveau supérieur seront affichées ;

lorsque vous êtes sur une "page permanente" de niveau supérieur qui n'a pas de pages enfants, les mêmes "pages permanentes" de niveau supérieur seront affichées ;

lorsque vous êtes sur une "page permanente" de niveau supérieur qui a des pages enfants, ces pages enfants et leurs pages enfants seront affichées ;

• lorsque vous êtes sur une page enfant d'une « page permanente » de niveau supérieur (sur une page de deuxième niveau), les pages enfants de la « page permanente » de niveau supérieur (c'est-à-dire les pages enfants du parent) seront affichées.

Pages enfants

# 4.4 Liste des pages uniquement si disponible

Une liste de pages enfants qui ne seront affichées que si la "page permanente" a des pages enfants. Les pages enfants seront affichées à la fois sur la "page permanente" parente et sur les pages enfants elles-mêmes. La différence avec l'exemple précédent est la présence du nom du parent "page permanente" dans l'en-tête de la liste :

post_parent) ($ children = wp_list_pages ("title_li = & child_of =". $ post-> post_parent. "& echo = 0"); $ titlenamer = get_the_title ($ post-> post_parent);) else ($ children = wp_list_pages ( "title_li = & child_of = ". $ post-> ID." & echo = 0 "); $ titlenamer = get_the_title ($ post-> ID);) if ($ children) (?>

# 4.5 Comment obtenir toutes les pages enfants, sur des "pages permanentes" de n'importe quel niveau d'imbrication :

# 4.6 Arborescence des pages enfants de la "page permanente" spécifiée

Puisqu'il n'y a aucun moyen de spécifier wp_list_pages afficher un arbre (tous les niveaux d'imbrication) des pages d'une certaine page (par exemple, les pages avec l'ID 93), puis pour une telle astuce, nous pouvons utiliser la fonction get_pages () :

IDENTIFIANT; $ args = array ("title_li" => "Arborescence de la page parent :". $ parent, "include" => $ parent. ",". implode (",", $ pageids)); wp_list_pages ($ args); ) ?>

# 5 listes d'étiquetage et de style des pages persistantes

Défaut, wp_list_pages () crée une liste comme celle-ci :

Si nous supprimons le titre en définissant un paramètre vide title_li =, alors la vue deviendra comme ceci :

...

D'une autre manière, vous pouvez écrire comme ceci :

Toutes les balises li créées par la fonction wp_list_pages ()étiqueté avec la classe CSS page_item. Lorsque la page sur laquelle vous vous trouvez apparaît dans la liste, la classe current_page_parent est ajoutée à l'élément li de la liste.

Ainsi, la liste peut être "colorée" avec les sélecteurs CSS suivants :

Pagenav (…) / * la classe principale de la balise ul qui enveloppe toute la liste * / .page-item-2 (…) / * l'élément lié à la page avec l'ID 2 * / .page_item (…) / * tout élément de la liste * /.current_page_item (...) / * page actuelle * / .current_page_parent (...) / * page parent du courant * / .current_page_ancestor (...) / * toute page liée au l'actuel (parent ou fille.) * /

Pour obtenir un impact global sur les éléments de liste, utilisez les sélecteurs suivants :

Pagenav ul ul, .pagenav .current_page_item ul ul, .pagenav .current_page_ancestor ul ul, .pagenav .current_page_ancestor .current_page_item ul, .pagenav .current_page_ancestor .current_page. ul, .pagenav .current_page_ancestor .current_page_item ul, .pagenav .current_page_ancestor .current_page_ancestor ul, .pagenav .current_page_ page

# 6. Liste des pages sœurs ou enfants de la page actuelle

echo $ balises sidelinks ; ?>

# 7 Utilisation d'un type de publication personnalisé (autre que la page)

Si un type de publication arbitraire avec une arborescence est créé sur le site, alors wp_list_pages () peut également être utilisé pour afficher de tels enregistrements.

En général, tous les exemples ci-dessus conviennent également à ce cas, la seule chose à faire est de changer le type d'enregistrement avec lequel la fonction fonctionnera.

Le type de publication est spécifié dans le paramètre post_type :

Wp_list_pages (array ("post_type" => "portfolio", "title_li" => __ ("Portfolio")));

Remarques

• Depuis la version 2.7, les paramètres suivants ont été ajoutés : link_before, link_after et exclude_tree.
• Depuis la version 2.8 les paramètres sont ajoutés : nombre et décalage.

Voulez-vous vraiment avoir des abonnés en direct sur votre chaîne Telegram, mais vous ne savez pas où le faire ? Suivez le lien et achetez la ressource nécessaire à des prix incroyablement bas. De plus, vous aurez accès à des remises en gros pour une promotion de canal plus rapide et plus efficace.

Le code pages de liste wp : wp-includes / post-template.php WP 5.2.1

La plupart des sites d'entreprise et classiques créés sur WordPress utilisent des pages plutôt que des publications pour le contenu. Les pages statiques contiennent des informations sur l'entreprise, les employés, les services de l'entreprise, etc. Dans le même temps, les possibilités d'affichage de la liste des pages ne sont limitées que par la fonctionnalité standard du menu. Oui, vous pouvez utiliser la fonction wp_nav_menu avec différents paramètres, mais pour les débutants ce n'est pas très simple et pas très intuitif. Dans de tels cas, le plugin Page-list vient à votre aide.

Le module vous permet d'afficher des listes de pages à l'aide de shortcodes. Dans ce cas, vous pouvez spécifier certains paramètres d'affichage, par exemple afficher les vignettes des pages.

L'installation du module Page-list est assez simple. Après l'activation, vous n'avez plus besoin de configurer quoi que ce soit. Afin d'afficher une liste de pages, écrivez dans une sorte de bloc de texte WordPress. Il peut s'agir d'un article de blog, d'une page ou d'un widget de barre latérale. Si le shortcode dans le widget ne fonctionne pas, vous devez ajouter la ligne à functions.php :

Add_filter ("widget_text", "do_shortcode");

Petit code répertorie toutes les pages.

Dans l'image ci-dessus, vous pouvez voir que le shortcode a des paramètres spéciaux. Avec leur aide, tout utilisateur peut afficher l'ensemble de pages dont il a besoin. L'exemple utilisé : child_of (l'ID de la page parent pour afficher ses sous-pages), exclure (à l'exclusion de certaines pages) et depth (le nombre de niveaux de la hiérarchie des pages à afficher).

Quant aux shortcodes, il n'y en a que 4 :

• - une liste de toutes les pages du site ;
• - une liste des sous-pages de la page courante ;
• - une liste de sous-pages qui ont la même page parent avec la page actuelle ;
• - une liste de pages avec des illustrateurs et des descriptions ;

Shortcodes et très intéressant pour les sites d'entreprise. En théorie, ils peuvent être utilisés pour faire un menu contextuel. C'est à ce moment-là que vous accédez à l'un des éléments de menu avec des sous-pages et que vous voyez leur liste dans la barre latérale.

Une option très populaire sur les sites classiques. Quant au shortcode alors ce n'est généralement qu'une trouvaille. Avec lui, vous pouvez organiser un catalogue de produits simple sur vos pages. La fonction affiche une image de la page et une brève description de celle-ci. Vous pouvez même définir le nombre de caractères dans le texte et la taille de l'image.

Pour afficher une telle liste, utilisez le shortcode suivant :

Comme je l'ai dit plus haut, vous pouvez limiter la longueur du texte de description :

Ou supprimez complètement l'annonce courte :

Bonjour chers amis! Max Metelev vous parle en mode ouvert et raconte et montre en pratique.

Et aujourd'hui, pour une collation le matin, une partie du matériel utile du contenu suivant - nous allons apprendre à afficher une liste de pages wordpress avec des images. La leçon est très simple et intéressante. Va.

La plupart des sites Web utilisent principalement des pages pour le contenu textuel. Étant donné que les pages sont différentes des articles, vous aurez peut-être besoin de méthodes pour les afficher.

En plus de la manière basique d'afficher les pages wordpress avec des aperçus, nous vous montrerons comment afficher les pages enfants et les pages parents.

Cela ressemblera à quelque chose comme ceci :

La première chose que vous devez faire est d'installer et d'activer le plugin Page-list. Cela fonctionne dès la sortie de la boîte, nous n'entrerons donc pas dans les paramètres, car ils ne sont pas là.

Ce plugin est livré avec une liste de shortcodes avec une longue liste de paramètres. Commençons par faire un affichage simple de toutes les pages du site, c'est-à-dire que nous ferons une carte régulière

Créez une nouvelle page dans WordPress et ajoutez-y le shortcode suivant [liste de pages]

Ce shortcode affichera un simple imbrication de toutes vos pages.

Vous pouvez utiliser ce widget ou plusieurs autres widgets de texte. S'ils ne fonctionnent pas pour vous sur le site, alors vous devez les connecter en ajoutant une ligne dans le fichier les fonctions. php votre thème ou à une section spécifique du plugin.

add_filter ("widget_text", "do_shortcode");

Afficher les pages enfants d'un parent dans WordPress

Tout ce que vous avez à faire est d'ajouter le shortcode souhaité. [sous-pages]à la page des parents.

Vous pouvez également utiliser des codes courts à insérer dans des widgets de texte.

Ajout de pages liées à WordPress

Les pages sœurs sont essentiellement des pages enfants qui ont un parent commun. La sortie de ces pages wordpress est réalisée en utilisant la construction suivante [frères et sœurs]

Affichage des pages avec des aperçus et un extrait de texte

Le plugin Page-list est livré avec le code suivant [page_ext]... Ce code d'intégration offre des options avancées pour l'affichage des listes de pages dans WordPress.

Vous pouvez l'utiliser pour afficher une structure de page avec une image caractéristique d'un article et un petit extrait de texte. Comme ici:

Vous pouvez définir vous-même la taille de l'image à l'aide du paramètre Largeur de l'image

En outre, vous pouvez contrôler la longueur d'un morceau de texte à l'aide du paramètre limite_contenu

Par exemple, vous pouvez définir 100 caractères, par exemple [pagelist_ext limit_content = "100"]

Si vous ne souhaitez pas afficher de texte près de la vignette de l'article, utilisez le shortcode suivant pour la page [pagelist_ext show_content = "0"]

Merci pour votre attention et bonnes études !

Les pages WordPress, ou pages, sont des informations fixes publiées sur le site, qui ne sont pas associées aux dates de publication des publications, ni à la page principale du site, ni aux catégories du site.

Structure des pages WordPress

Les pages WordPress ne sont pas liées et aucune balise n'est attribuée aux pages. Cependant, les pages, comme les en-têtes, peuvent être hiérarchisées, telles que Page parent -> Page.

L'URL de la page enfant ressemblera à ceci :

http://example.ru/Page parent / Page.

Modifier une page

L'édition de la page s'effectue sur l'onglet Pages → Ajouter un nouveau ou alors Pages -> Toutes les pages -> Modifier... La modification d'une page est similaire à la modification des articles. La page a un titre, du texte et des métadonnées.

La hiérarchie des pages est définie dans le champ "Attributs". Dans la liste des pages, vous pouvez également les éditer : modifier (1), supprimer (2), modifier les propriétés (3).

Pages et menus

La page peut être incluse dans le menu, mais ce n'est pas un élément de menu et ne participe pas à l'organisation de la navigation sur le site.

Un exemple de page sur un menu est un plan du site. Tous les plugins à créer pour un visiteur impliquent la création d'une page séparée avec un shortcode de plan de site.

Pour inclure une page dans le menu, ouvrez l'onglet Apparence → Menu... Sélectionnez ou créez un nouveau menu et sur le côté gauche, sélectionnez les pages que vous souhaitez ajouter au menu et ajoutez-les. Après enregistrement, les liens vers les pages seront affichés sur le site dans ce menu.

Comment afficher les pages sur le site

Pour afficher des pages sur le site, vous pouvez utiliser le widget ( Apparence → Widgets) : Widget de pages. Ce widget vous montrera une liste de toutes les pages de votre site.

Pages WordPress dans les fichiers de code et de modèle

Le modèle de page de modèle de travail est le fichier page.php. Pour le modifier vous devez ouvrir l'éditeur de site, onglet Apparence -> Éditeur et trouvez-y le fichier page.php.

Si vous l'avez installé, vous pouvez séparément, l'onglet Apparence -> Éditeur CSS... Ces modifications ne disparaîtront pas lors de la mise à jour du modèle.

De nombreux modèles WordPress modernes prennent en charge la modification du modèle de page séparément, et ces paramètres sont disponibles dans les onglets de création de page.

Production

Une page est un type d'information unique sur un site WordPress qui n'est pas « soumis » au temps et à la structure sous-jacente du site.

Igor Serov spécialement pour le site ""

La plupart des sites Web commerciaux utilisent le plus souvent des pages pour héberger leur contenu. Étant donné que les pages sont différentes des publications, vous aurez peut-être besoin de différentes manières de les afficher. Dans cet article, nous allons vous montrer à quel point il est facile d'ajouter une liste de pages de vignettes dans WordPress. Nous vous montrerons également comment afficher les pages enfants et frères et sœurs.

La première chose que vous devez faire est d'installer et d'activer le plugin Page-list. Il fonctionne "out of the box" "ne nécessite aucune configuration supplémentaire.

Page-list a des shortcodes avec un grand nombre de paramètres disponibles. Commençons par ajouter une simple liste de toutes les pages sous la forme d'un plan du site.

Créez simplement une nouvelle page dans WordPress et ajoutez-y un shortcode .

Ce shortcode affichera une simple liste imbriquée de toutes vos pages.

Vous pouvez utiliser ceci ou tout autre shortcode dans les widgets de texte WordPress. Si les codes courts ne fonctionnent pas dans les widgets de votre site, vous devez activer leur prise en charge. Ajoutez la ligne suivante au fichier functions.php de votre thème ou à :

Add_filter ("widget_text", "do_shortcode");

Afficher les pages enfants d'un parent dans WordPress

Plus tôt dans notre article, nous vous avons montré différentes manières d'afficher des pages enfants sur une page parent dans WordPress. La liste de pages rend l'affichage des pages enfants beaucoup plus facile.

Tout ce que vous avez à faire est d'ajouter un shortcode à la page mère.

Vous pouvez également utiliser un shortcode dans un widget de texte.

Afficher les frères et sœurs sur les pages WordPress

Les frères et sœurs sont des pages enfants qui partagent la même page parent. Vous pouvez afficher des pages sœurs à l'aide d'un shortcode sur une page ou dans un widget.

Affichage d'une liste de pages avec une vignette et une citation

Il y a un autre shortcode dans le plugin Page-list - ... Ce shortcode fournit des options avancées pour répertorier vos pages dans WordPress.

Vous pouvez l'utiliser pour répertorier les pages avec vignette et citation. Par exemple, comme ceci :

Vous pouvez également ajuster la taille de l'image en utilisant le paramètre Largeur de l'image.

Il est possible de contrôler la longueur du devis à l'aide du paramètre limite_contenuà l'intérieur du shortcode.

Si vous ne souhaitez pas afficher de citation courte, vous pouvez la désactiver en utilisant le paramètre montrer le contenuà l'intérieur du shortcode.

Pour une liste plus complète des options, consultez la liste complète des paramètres que vous pouvez utiliser dans ce shortcode.

Nous espérons que cet article vous a aidé à répertorier facilement les pages de vignettes dans WordPress.

Pour toutes questions et commentaires, veuillez écrire dans les commentaires ci-dessous.