Twenty Fourteen Theme: Website zentriert; Inhaltsbereich Breite

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
“Classic und TinyMCE – ist so klasse!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit TinyMCE Advanced
“Classic und TinyMCE – ist das ausgezeichnete!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
“Classic und TinyMCE – ist so sehr gut !”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
“Classic und TinyMCE – und tut sehr gut!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

TinyMCE aktive Installationen: 2+ Millionen
“Classic und TinyMCE – ist so fabelhaft!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
“Classic und TinyMCE – ist de luxe!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets
“Classic Widgets – sind so grandiose!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
“Classic und TinyMCE – ist so fein!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets


84
/ 100


Twenty Fourteen die Website zentriert und Breite des Inhaltsbereich anpassen samt Vorlage.

Twenty Fourteen Website zentriert

Von dieser Website u. a. das auch recht ansprechend sein kann

.site {
margin: 0 auto;
}

Twenty Fourteen
Breite Inhaltsbereich

Im Grunde ist das Theme so zu handhaben, wie es ist. Die Designer haben sich das ganz gut so durch den Kopf gehen lassen. So kann es fallweises doch mal gefragt sein, von Inhaltsbereich die Breite zu erweitern. Hier ist nun so Vorlage.

Die eine Vorlage ist für die ganze Website wenn sein soll und die andere für sich bestimmten Beiträgen oder Seiten.

CSS

/* Website Vergrößerung des Inhaltsbereichs normal von 474px auf 524px */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
 margin: 0 auto;
 max-width: 524px;
}

So für ID, also einzeln Beiträge ist der Selektor .post und für Seiten .page

/* Inhaltsbereich für Beitrag Columns, normal ist 474px zu 550px */
.post-10373 .entry-content .entry-header,
.post-10373 .entry-content .entry-content,
.post-10373 .entry-content .entry-summary,
.post-10373 .entry-content .entry-meta,
.post-10373 .entry-content {
margin: 0 auto;
max-width: 550px;
}

Durch max-width: 100%; ist die gesamte Seitenbreite zu verwenden. – wenns gefällt so ganz schmalen Rand.

Hinweis

Der Idee da mit kleiner Tüftelei von wegen der Seitenleisten zu ändern, da an des Themes  margin-right: 29.04761904%;.  – so ist die Responsion des Themes kaputt.


Aktualisiert im Jahr 2021-Dezember

… Und wie ist dein Erfolg des Beitrags?