recherche
Maisoninterface Webtutoriel CSSLa création d'une 'série spéciale' sur un site WordPress

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
* /

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");
}

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
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
Deux images et une API: tout ce dont nous avons besoin pour recolorer les produitsDeux images et une API: tout ce dont nous avons besoin pour recolorer les produitsApr 15, 2025 am 11:27 AM

J'ai récemment trouvé une solution pour mettre à jour dynamiquement la couleur de toute image de produit. Donc, avec un seul produit, nous pouvons le colorer de différentes manières pour montrer

Actualités hebdomadaires de la plate-forme: impact du code tiers, contenu mixte passif, pays avec les connexions les plus lentesActualités hebdomadaires de la plate-forme: impact du code tiers, contenu mixte passif, pays avec les connexions les plus lentesApr 15, 2025 am 11:19 AM

En cette semaine, le Roundup, Lighthouse met en lumière les scripts tiers, les ressources en insécurité seront bloquées sur des sites sécurisés et de nombreuses vitesses de connexion de pays

Options pour héberger vos propres analyses non-javascriptOptions pour héberger vos propres analyses non-javascriptApr 15, 2025 am 11:09 AM

Il existe de nombreuses plates-formes d'analyse pour vous aider à suivre les données des visiteurs et d'utilisation sur vos sites. Peut-être plus particulièrement Google Analytics, qui est largement utilisé

C'est tout dans la tête: gérer la tête de document d'un site alimenté par réact avec un casque ReactC'est tout dans la tête: gérer la tête de document d'un site alimenté par réact avec un casque ReactApr 15, 2025 am 11:01 AM

Le chef de document n'est peut-être pas la partie la plus glamour d'un site Web, mais ce qui y va est sans doute tout aussi important pour le succès de votre site Web que son

Qu'est-ce que Super () dans JavaScript?Qu'est-ce que Super () dans JavaScript?Apr 15, 2025 am 10:59 AM

Qu'est-ce qui se passe quand vous voyez un JavaScript qui appelle super () ?. Dans une classe d'enfants, vous utilisez super () pour appeler le constructeur et le super. pour accéder à son

Comparaison des différents types de popups JavaScript natifsComparaison des différents types de popups JavaScript natifsApr 15, 2025 am 10:48 AM

JavaScript possède une variété d'API popup intégrés qui affichent l'interface utilisateur spéciale pour l'interaction utilisateur. Fameusement:

Pourquoi les sites Web accessibles sont-ils si difficiles à construire?Pourquoi les sites Web accessibles sont-ils si difficiles à construire?Apr 15, 2025 am 10:45 AM

L'autre jour, je discutais avec des gens frontaux sur les raisons pour lesquelles tant d'entreprises ont du mal à créer des sites Web accessibles. Pourquoi les sites Web accessibles sont-ils si durs

L'attribut `` caché 'est visiblement faibleL'attribut `` caché 'est visiblement faibleApr 15, 2025 am 10:43 AM

Il y a un attribut HTML qui fait exactement ce que vous pensez qu'il devrait faire:

See all articles

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel