Terwijl de uitgaven voor mijn tijd stalking wordpress support forum, ik struikelde over dit 6 dagen oud onopgeloste thema's "met behulp van pagina / post-id te specificeren per pagina in css 2.5".
Ik ben over om te upgraden van een site van Wordpress 2.3 naar de nieuwste versie. Ik heb eerder in dienst van de pagina id om te kunnen beschikken over specifieke CSS-pagina, bijvoorbeeld pagina's met 0, 1 of 2 sidebars. Bijvoorbeeld, als de url is http://site.com/page1, de pagina wordt vormgegeven met een combinatie van een sjabloon en CSS om de breedte van het primair:
# # Pagina1 primaire (margin-left: 0; width: 890px;)
Ik heb gelezen in een aantal andere posten die hier Wordpress 2.5 niet meer wordt gebruikt, en nu het post-ID wordt gebruikt in plaats [...] ~ hauntedtapedeck
Methode
Kortom, wat wij nodig hebben is een unieke CSS Selector voor specifieke plaatsen & aangepaste pagina in de sjabloon.
Eerst maken we een functie voor onze CSS-selector en sla het op in WP thema functions.php
functions.php: get_post_selector_classname ()
functie get_post_selector_classname () (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; return "wp-'. $ post_type'. '. $ post_type .'-'.$ pid; ) )
Vervolgens bellen we de get_post_selector_classname functie binnen de sjabloon. U kunt bellen naar deze functie overal in uw sjabloon, maar de beste plaats voor de klasse-keuzeschakelaar is binnen lichaam tag (meer gewicht aan de erfenis).
header.php
<body class = "<? php echo get_post_selector_classname ();?>">
Beschikbaar CSS selector
De volgende CSS-selector is beschikbaar binnen WP post enkel en alleen pagina.
- body.wp-pagina
- body.page-ID
- body.wp-post
- body.post-ID
Voorbeeld CSS
styling "single page" post.
body.wp-single (background-color: # f6f6f6;)styling een enkele pagina met bericht-id 69.
body.single-69 (background-color: # f6f6f6;)styling aangepaste pagina met bericht-id 42.
body.page-42 (background-color: # f6f6f6;)styling alle aangepaste pagina.
body.wp-page (background-color: # f6f6f6;)WordPress 2.6.2
Ik weet niet zeker waarom het niet werkt dacht. Voor WP 2.6.2, probeer dan de onderstaande code
/ / Add binnen functions.php functie post_selector_classname () (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 .= 'home'; ) echo $ output; )
oproep binnen sjabloon (header.php)
<body class = "<? php post_selector_classname ();?>">Raadpleeg query.php binnen wp-map bevat voor meer hiërarchische WP secties.
Kaizeku Ban
Zo veel kwade plannen, zo weinig tijd ...
Hoe maak je specifieke CSS-selector baseren op WP Post Post ID Type en Wordpress Theme tips
Over deze artikelen
"write alsof je praat met een goede vriend (in het begin van uw moeder)."
. Laat je stem horen
Disclaimer: Voor alle inhoud die u post, u verleent Kaizeku Ban de royalty-vrije, onherroepelijke, exclusieve en volledig overdraagbare licentie te gebruiken, te reproduceren, aanpassen, wijzigen, publiceren, vertalen, afgeleide werken maken, distribueren, uitvoeren en weergeven van deze content in zijn geheel of gedeeltelijk, de hele wereld en op te nemen in andere werken, in enige vorm, media of technologie nu bekend is of later ontwikkeld. Sommige rechten voorbehouden.
6 Reacties op "How to create specifieke CSS-selector baseren op WP Post Type en Post ID"
Comment pagina 2 van 2
Antwoorden
Als u een opmerking wilt maken, leest u de volgende richtlijnen. Deze zijn ontworpen om je te beschermen en andere gebruikers van de site.
Om te zorgen dat deze ervaringen leuk en interessant voor al onze gebruikers, vragen wij dat u de bovenstaande guidlines. Voel je vrij om deel te nemen, stel vragen en vertel ons wat je denkt! inzichtelijke commentaar is altijd welkom.
RSS feed voor reacties op dit bericht
«Vorige 1 2