CSS-Style Body über 'Individuelle Felder'

Hier ist ein Auszeichnungsstil für Body anmerkt. Vornweg der Möglichkeit im Stylesheet Editor über die Seiten-ID (ID-Selektor) nun zu 'Eigene Felder', wobei das Letztere für mehrere 'Seiten' oder 'Beiträge' ein Nonplusultra. Aber für Bereiche, also nur Sektoren, wie .single .site-header usw., s. zum Inbegriff, die Auszeichnung im CSS Stylesheet Editor geeignet ist.

Entschul… der Beitrag ist so der Anfangszeit. Darum leite ich schon vorab zu texto.deEinzelnen Artikeln oder Seiten ein spezielles Style zuweisen
Danksagung, +1 Monika

Zur individuellen Auszeichnung von Seite/Beitrag geeignet – aber für gesamten Bereich (Kategorie) scheint mir hierzu Auszeichnung der Kategorien als das geeignetere. – Hinzu gleich die Anmerkung: CSS-Style betreffs der Kategorie gehen vor den der 'Individuelle Felder'.

Die 'Individuelle Felder' sind im Editor über 'Ansicht anpassen' und dem Häkchen hierzu dann im Bereich unter dem Editor benutzbar. Anfangs waren die 'Individuelle Felder' im Namen 'Benutzerdefinierte Felder'.

Es ist nur so als Merkzettel/Vorlage:

Die 'Individuelle Felder' sind hier veraltet als 'Benutzerdefinierte Felder' bezeichnet.
  1. Dem 'Individuelle Felder' eindeutigen 'Namen' eintragen. Diesem Beispiel eignet sich stylesheet, sodann den 'Wert', das ist der spezifische Dateiname (welcher zur CSS Datei führt), z. B. kochrezepte.css
  2. Einen Ordner im Theme anlegen: FTP-Programm, Web-Host-Server (wordpress/wp-content/themes/Dein Theme) bspw. den Namen tuts. Dieser Ordner ist für die CSS-Dateien, welche hier hochzuladen sind.
    • Mit Child Theme, Beispiels twentyfourteen-child, ist der Ordner tuts und deren Inhalt in twentyfourteen-child zu erstellen.
  3. In der header.php des Themes die 'Individuelle Felder' holen:

Einzufügen in die header.php vor </head>

Codebeispiel – Beispiel,  da ja Pfade und Ordnernamen individuell anzupassen sind:

<?php 
global $wp_query;
$postid = $wp_query->post->ID;
$styles = get_post_meta($post->ID, 'stylesheet', false);
if ($styles) {
    foreach($styles as $stylesheet) {
    echo(
        '<link rel="stylesheet" href="'.get_stylesheet_directory_uri()  .'/tuts/'.
        $stylesheet .'" type="text/css" media="all" />' .
        "n"
    );
    }
}?>
  • Ohne Child Theme muss nach Theme-Update evt. dieser Code erneuert werden.

4.) Im Texteditor die CSS Datei erstellen, diese könnte in  etwa so aussehen:

Dateiname, der im 'Individuelle Felder' als 'Wert' eingetragen ist,

kochrezepte.css

.search-toggle {
background-color: #0EB26D;
}

.single .site-header, .single #secondary, .single .site:before {
background-color: TOMATO;
}

.single .site-footer {
background: -webkit-gradient(linear,0 0,0 100%,from(TOMATO),to(#FFA493));
background: -moz-linear-gradient(top,TOMATO,#FFA493);
}

Die Datei in das FTP-Programm laden und diese durch FTP Zugriff Web-Host-Server, einsetzend vom geöffneten Ordner tuts in denselben hochladen.

Ohne Child Theme muss nach Theme-Update evtl.  der Ordner "tuts" mitsammen Datei CSS-Code erneuert werden. Also diesen Ordner als Kopie auch in das FTP-Programm herunterladen und behalten. – so braucht man diesen nach Theme-Update nur wieder auf den Web-Host-Servor hochladen.

S. aber hier die Beispielsseite! – und Danksagung, +1 Monika die "Salzstangerl"

Bemerkungen Notiz-Styles
Arbeitsvorgang

 

… Und wie ist dein Erfolg des Beitrags?

Das Voting! – warum auch nicht … 

Clker-Free-Vector-Images
+ Tierstimmenarchiv
Ton ⊕ ↙ onmouseover

image… nur so ob 'aber
ja'
oder so
'Na ja


… nichts für ungut!

Grüß die Leserin,
Servus den Leser!

So sehr mir des voten durch das Feedback-Plug-in Helpful auch gefragt ist! – so ist im „Erkenne dich selbst“ die Zeit eilt … Da solls nun mit so Schuss von Humor und Witz? – und geht gar in die Komik. Ja, weil das wünsch ich all den von besuche!

jazzbanausen-bandlogo
Klick on ↑
Das Audio da ist im loop="on".
WordPress 'Hello Dolly'

So Linksbündig und rechtsbündig in_einer_Zeile

HTML:

<div style="text-align:left; float:left;">Linksbündig</div>
<div style="text-align:right;">Rechtsbündig</div>