Tandis que les dépenses du temps harcèlement mon wordpress forum de soutien, je suis tombé sur ce 6 jours thèmes non résolus "à l'aide de la page / id poste de préciser par page en CSS 2.5".
Je suis sur le point de mise à niveau d'un site de Wordpress 2.3 à la version la plus récente. J'ai déjà été employant la page id afin d'avoir la page CSS, par exemple, des pages avec soit 0, 1 ou 2 barres latérales. Par exemple, si l'url est http://site.com/page1, la page est appelée avec une combinaison d'un modèle et le CSS pour préciser la largeur de l'enseignement primaire:
# # page1 primaire (margin-left: 0; width: 890px;)
J'ai lu dans certains autres postes ici que Wordpress 2.5 Non utilisations plus, et maintenant le poste ID est utilisé à la place [...] ~ hauntedtapedeck
Contournement
Au fond, ce dont nous avons besoin est un sélecteur CSS pour poste spécifique et personnalisé à l'intérieur du modèle.
Tout d'abord, nous allons créer une fonction pour notre sélecteur de CSS et de mettre à l'intérieur de WP thème functions.php
functions.php: get_post_selector_classname ()
get_post_selector_classname fonction () (Global $ wp_query; if (! is_object ($ wp_query)) return; if ($ wp_query-> is_single | | $ wp_query-> is_page) ( $ pid = $ wp_query-> post-> ID; post_type $ = $ wp_query-> post-> post_type; retour "wp-". post_type $ ". ». post_type .'-'.$ $ pid; ) )
Ensuite nous appelons la fonction get_post_selector_classname à l'intérieur du modèle. Vous pouvez appeler cette fonction n'importe où à l'intérieur de votre modèle, mais le meilleur placement pour le sélecteur de classe est à l'intérieur du corps tag (plus de poids pour l'héritage).
header.php
<body class = "<? php echo get_post_selector_classname ();?>">
Disponible sélecteur CSS
Le sélecteur CSS suivant est disponible à l'intérieur de WP poste unique et seule page.
- body.wp-page
- body.page-ID
- body.wp-poste
- body.post-ID
Exemple CSS
style "single page" post.
body.wp-unique (background-color: # f6f6f6;)le style d'une page de l'après ID 69.
body.single-69 (background-color: # f6f6f6;)style de page personnalisé pour l'après ID 42.
body.page-42 (background-color: # f6f6f6;)tous les styles de page personnalisé.
body.wp-page (background-color: # f6f6f6;)Wordpress 2.6.2
Je ne suis pas sûr pourquoi sa pensée ne fonctionne pas. Pour WP 2.6.2, essayez le code ci-dessous
/ / Ajouter dans functions.php post_selector_classname fonction () (Global $ wp_query; $ output = 'wp-'; if ($ wp_query-> is_single | | $ wp_query-> is_page) ( $ pid = $ wp_query-> post-> ID; post_type $ = $ wp_query-> post-> post_type; $ output .= $ post_type ". ». post_type .'-'.$ $ pid; ) Elseif ($ wp_query-> is_home) ( $ output .= 'maison'; ) echo $ output; )
appel intérieur modèle (header.php)
<body class = "<? php post_selector_classname ();?>">Reportez-Query.php dans wp-includes dossier pour plus d'WP hiérarchique sections.
Ban Kaizeku
Ainsi, de nombreux plans diaboliques, si peu de temps ...
Comment faire pour créer sélecteur CSS de base sur WP Post Type et Post ID Thème Wordpress conseils
A propos de ce articles
"écrire comme si vous parliez à un ami (en face de votre mère)."
. Donnez votre avis
Avertissement: Pour tout contenu que vous publiez, vous accordez à l'interdiction des mines Kaizeku l'exemption de redevances, irrévocable, perpétuelle, exclusive et entièrement sublicensable d'utiliser, de reproduire, modifier, adapter, publier, traduire, créer des oeuvres dérivées, distribuer, représenter et afficher un tel contenu, en tout ou en partie, à l'échelle mondiale et de l'incorporer dans d'autres œuvres, sous toute forme, média ou technologie connue ou développée ultérieurement. Certains droits réservés.
6 réponses à "Comment créer sélecteur CSS de base sur WP Post Type et Post ID"
Commentaire page 2 de 2
Répondre
Si vous voulez faire des commentaires, s'il vous plaît lire les lignes directrices suivantes. Elles sont destinées à vous protéger, vous et les autres utilisateurs du site.
Afin de tenir ces expériences agréables et intéressantes pour tous nos utilisateurs, nous vous demandons de suivre les orientations ci-dessus. N'hésitez pas à participer, poser des questions, et dites-nous ce que vous pensez! observations sont plus les bienvenus.
Flux RSS pour les commentaires sur ce post
«Précédent 1 2