La création d'une 'série spéciale' sur un site WordPress
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!

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

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 !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

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.

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

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.

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

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.

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

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

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
