Table des matières
Tout message peut avoir un modèle
Scripts et styles spéciaux pour ce modèle
Un modèle spécial pour l'ensemble du groupe
Futurs Fallbacks
Maison interface Web tutoriel CSS La création d'une 'série spéciale' sur un site WordPress

La création d'une 'série spéciale' sur un site WordPress

Apr 13, 2025 am 10:04 AM

La fabrication d'un \

Nous venons de diriger une série d'articles de fantaisie ici sur CSS-Tricks avec un tas d'articles différents répondant tous à la même question. Par fantaisie, je veux dire deux choses:

  • Les articles avaient un modèle spécialement conçu juste pour eux. (Exemple)
  • La série a une page de destination spécialement conçue.

L'une des raisons pour lesquelles j'aime travailler avec WordPress est à cause de la facilité avec laquelle il est de retirer. Je suis sûr que n'importe quel CMS a leurs propres façons de le faire, et je ne veux pas dire que c'est un truc de la bataille des CMS ici. Je veux juste illustrer à quel point je l'ai trouvé facile à réussir dans WordPress.

Tout message peut avoir un modèle

J'ai fait un fichier PHP dans le répertoire de thème appelé EOY-2019.php (EOY signifiant «fin d'année», l'esprit de cette série). En haut de ce fichier se trouve quelques commentaires de code spécial pour le faire lire comme un modèle:

 / *
Nom du modèle: EOY 2019
Template Type de message: Post
* /
Copier après la connexion

Maintenant, tout article que nous publions peut sélectionner ce modèle dans une liste déroulante:

Et ils utiliseront notre modèle sympa maintenant!

Scripts et styles spéciaux pour ce modèle

En fait, je n'avais pas besoin de script pour cela, mais c'est le même concept que les styles.

Je mets une vérification conditionnelle dans mon fichier en tête.php qui chargerait un fichier CSS que j'ai créé uniquement pour ces messages.

 if (is_page_template ('art-direction / eoy-2019.php') || is_category ('2019-end-year-thingts')) {
  wp_enqueue_style ('eoy-2019', get_template_directory_uri (). "/css/eoy-2019.css?version=7");
}
Copier après la connexion

Un modèle spécial pour l'ensemble du groupe

J'aurais pu regrouper les messages de plusieurs façons:

  • J'aurais pu créer un modèle de page spécial pour ces messages et avoir conçu cela pour lier ces messages spéciaux manuellement ou avec une requête / boucle personnalisée.
  • J'aurais pu leur faire partager une balise, puis avoir créé une page d'archive spéciale pour eux.
  • J'aurais pu utiliser le même système que nous avons utilisé pour nos guides, qui est une combinaison de CMB2 et du plugin Posts attaché.

Au lieu de cela, j'ai donné à tous les messages la même catégorie . Cela semblait le plus juste pour une raison quelconque. Nous n'utilisons pas de catégories une tonne, mais nous les utilisons pour certains grands groupes de messages, comme Chronicle Posts.

En utilisant une catégorie, je peux utiliser une astuce spéciale de modèles. Nommer le fichier Catégorie-2019-End-of-Year-frousts.php, je peux utiliser la fin de ce nom de fichier pour correspondre à la limace du nom de la catégorie que j'ai utilisé et qu'il «fonctionne simplement», grâce à la hiérarchie du modèle WordPress. Je n'ai pas besoin d'écrire de code pour que ce fichier soit utilisé pour afficher cette catégorie et j'obtiens l'URL gratuitement. Maintenant, j'ai un fichier que je peux utiliser pour créer une conception spéciale uniquement pour ces messages.

Futurs Fallbacks

Encore une fois, grâce à la hiérarchie du modèle, les modèles de publication spéciaux retomberont simplement sur le modèle Single.php ordinaire. La page d'accueil de la catégorie ne fera que le modèle Archive.php régulier. Les styles spéciaux ne seront pas appliqués, mais le contenu sera très bien et les URL seront inchangées. Bon.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Il est sorti! Félicitations à l'équipe Vue pour l'avoir fait, je sais que ce fut un effort massif et une longue période à venir. Tous les nouveaux documents aussi.

Un peu sur CI / CD Un peu sur CI / CD Apr 02, 2025 pm 06:21 PM

Je dirais que "Site Web" correspond mieux que "Application mobile" mais j'aime ce cadrage de Max Lynch:

Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur? Apr 02, 2025 pm 06:17 PM

J'ai eu quelqu'un qui écrivait avec cette question très légitime. Lea vient de bloguer sur la façon dont vous pouvez obtenir les propriétés CSS valides elles-mêmes du navigateur. C'est comme ça.

Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress Apr 02, 2025 am 04:27 AM

Si nous devons afficher la documentation à l'utilisateur directement dans l'éditeur WordPress, quelle est la meilleure façon de le faire?

Cartes empilées avec un positionnement collant et une pincée de sass Cartes empilées avec un positionnement collant et une pincée de sass Apr 03, 2025 am 10:30 AM

L'autre jour, j'ai repéré ce morceau particulièrement charmant sur le site Web de Corey Ginnivan où une collection de cartes se cassent les uns sur les autres pendant que vous faites défiler.

Comparaison des navigateurs pour une conception réactive Comparaison des navigateurs pour une conception réactive Apr 02, 2025 pm 06:25 PM

Il existe un certain nombre de ces applications de bureau où l'objectif montre votre site à différentes dimensions en même temps. Vous pouvez donc, par exemple, écrire

Comment utiliser la grille CSS pour les en-têtes et pieds de page collants Comment utiliser la grille CSS pour les en-têtes et pieds de page collants Apr 02, 2025 pm 06:29 PM

CSS Grid est une collection de propriétés conçues pour faciliter la mise en page qu'elle ne l'a jamais été. Comme tout, il y a un peu une courbe d'apprentissage, mais Grid est

Comment créer un compte à rebours animé avec HTML, CSS et JavaScript Comment créer un compte à rebours animé avec HTML, CSS et JavaScript Apr 11, 2025 am 11:29 AM

Avez-vous déjà eu besoin d'un compte à rebours sur un projet? Pour quelque chose comme ça, il pourrait être naturel d'atteindre un plugin, mais c'est en fait beaucoup plus

See all articles