Derzeit arbeite ich an einem Redesign meiner Website und möchte die Beiträge in div-Boxen erscheinen lassen, die mir eine Umrandung mit Schattierung geben. Den div-container definiere ich zu Beginn des Beitrags ganz zu Anfang und schließe mit </div> ganz am Ende des Beitrag. Das funzt auch schon prima und das Gesamtbild gefällt mir.
Probleme macht mir dabei die Positionierung des Readmore-Button wie man hier sehen kann:
Im Blog-Layout werden ja nur die Einleitungstexte der Beiträge gezeigt. Und auch diese erhalten die Umrandung mit Schattierung. Leider liegt dann der standardmäßige Readmore-Button sehr störend weit unterhalb des unteren schattierten Rand und wirkt so, als ob er nicht mehr zu dem Beitrag gehören würde.
Im o.g. verlinkten Beispiel habe ich im unteren der beiden Beiträge versucht, einen eigenen Readmore-Button zu erstellen und dachte, ich könnte ja über die Menü-Einstellung den standardmäßigen Readmore-Button ausblenden. Das würde zwar im BlogLayout funktionieren. Aber sobald der Beitrag dann ganz geöffnet wird, bleibt natürlich der von mir generierte Readmore-Button unterhalb des Einleitungstext stehen, während der standardmäßige Readmore-Button dann nicht angezeigt wird.
Oder müsste ich den schattierten Rahmen an anderer Stelle, z.B. in der index.php des Template definieren? Zu Beginn jedes Beitrags im BlogLayout sehe ich im HTML
Natürlich wird das durch die index.php des Template eingefügt. Aber dies könnte eine Eingriffsmöglichkeit sein, oder?
Klicke ich auf ReadMore, und der Beitrag wird voll angezeigt, sehe ich statt dessen im HTML
Also ist die Idee, in die index.php des Template einzugreifen, doch falsch?
Oder ich versuche, den von mir selbst gebauten ReadmoreButton immer dann verschwinden zu lassen, wenn die Klasse für den Beitragscontainer auf "item-page" wechselt? – Aber wie müsste dann das CSS dazu defineirt werden? Vielleicht so:
.item-page.rm-button {display: none;}
/* wobei dann rm-button für meinen Readmore-Button stehen würde */
Was tun?