Während die Ausgaben meiner Zeit Stalking WordPress Support-Forum, bin ich auf dieser 6 Tage alt ungelösten Themen "mit page / post-ID, um pro-Seite in CSS 2.5".
Ich bin über die Aktualisierung einer Website von WordPress 2.3 auf die neueste Version. Ich habe zuvor beschäftigt die Seite id, um spezifische CSS-Seite, z. B. Seiten mit entweder 0, 1 oder 2 Seitenleisten. Zum Beispiel, wenn die URL ist http://site.com/page1, die Seite ist Stil mit einer Kombination aus einer Vorlage und CSS, um die Breite der Primär:
# # page1 primary (margin-left: 0; width: 890px;)
Ich habe gelesen, in einigen anderen Stellen hier, dass Wordpress 2/5 nicht mehr benutzt, und jetzt die Post-ID wird verwendet, anstatt [...] ~ hauntedtapedeck
Abhilfe
Im Grunde, was wir brauchen, ist eine einzigartige CSS-Selector für bestimmte Post-und Zollhaus Seite in der Vorlage.
Erstens schaffen wir eine Funktion für unsere CSS-Selector, und speichern Sie sie innerhalb WP Thema functions.php
functions.php: get_post_selector_classname ()
Funktion 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; Rückkehr "wp-'. $ post_type." '. $ post_type .'-'.$ pid; ) )
Weiter fordern wir die get_post_selector_classname Funktion innerhalb der Vorlage. Sie können diese Funktion irgendwo in Ihrer Vorlage, sondern die beste Platzierung für die Klasse-Selektor ist innerhalb body-Tag (mehr Gewicht für die Vererbung).
header.php
<body class = "<? php echo get_post_selector_classname ();?>">
Verfügbare CSS-Selector
Die folgenden CSS-Selector zur Verfügung steht innerhalb WP Einzel-und post-Seite nur.
- body.wp-Seite
- body.page-ID
- body.wp-post -
- body.post-ID
CSS Beispiel
Styling "Einzelne Seite" nach.
body.wp-Single (background-color: # f6f6f6;)Styling einer einzigen Seite mit Post-ID 69.
body.single-69 (background-color: # f6f6f6;)Styling benutzerdefinierte Seite mit Post-ID 42.
body.page-42 (background-color: # f6f6f6;)Styling alle benutzerdefinierten Seite.
body.wp-Seite (background-color: # f6f6f6;)Wordpress 2.6.2
Ich bin mir nicht sicher, warum ihr nicht gedacht. Für WP 2.6.2, versuchen Sie die unten Code
/ / Add innerhalb functions.php Funktion 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; )
Anruf innerhalb Vorlage (header.php)
<body class = "<? php post_selector_classname ();?>">Siehe query.php innerhalb wp-Ordner enthält, um weitere WP hierarchische Abschnitte.
Kaizeku Ban
So viele böse Pläne, so wenig Zeit ...
So erstellen Sie spezielle CSS-Selektor auf Basis WP Post Art und Post-ID Wordpress Thema Tipps
Zu diesem Artikel
"schreiben, als ob Sie sich unterhielten, ein guter Freund (vor Ihrer Mutter)."
. Was meinen Sie dazu?
Disclaimer: Für alle Inhalte, die Sie nach, Sie hiermit zu gewähren Kaizeku Ban die gebührenfreie, unwiderrufliche, unbefristete, exklusive und vollständig sublizenzierbare Lizenz zu nutzen, zu reproduzieren, zu modifizieren, zu adaptieren, zu veröffentlichen, zu übersetzen, abgeleitete Arbeiten erstellen, verteilen, führen und Anzeige solcher Inhalte im Ganzen oder in Teilen, weltweit und, um es in andere Werke, in jeglicher Form, Medien oder Technologie jetzt bekannt ist oder später entwickelt. Einige Rechte vorbehalten.
6 Responses to "So erstellen Sie spezielle CSS-Selektor auf Basis WP Post Art und Post-ID"
Kommentar Seite 2 von 2
Antworten
Wenn Sie möchten, dass zu kommentieren, lesen Sie bitte die folgenden Richtlinien. Diese sind so konzipiert, schützt Sie und andere Nutzer der Website.
Um diese Erfahrungen angenehm und interessant für alle unsere Nutzer, bitten wir Sie, folgen Sie den oben genannten Richtlinien. Fühlen Sie sich frei, sich, stellen Sie Fragen und sagen Sie uns, was Sie denken! aufschlussreiche Kommentare sind die meisten begrüßen.
RSS-Feed für Kommentare in diesem Post
«Zurück 1 2