WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 11.06.2018 12:03:39

rasmus
Member

Jede Seite eigenes Bannerbild

Hallo...
ich bastle gerade am Html5-up-txt-chio-Template und die Startseite hat dieses schöne große Bild beim Start (VW Käfer).
Wie gelingt es, auch die anderen Seiten mit einem solchen Bild zu versehen?
Danke für Ideen
Rasmus

Offline

#2 11.06.2018 13:08:52

grindbatzn
Member

Re: Jede Seite eigenes Bannerbild

Dazu brauchst du das Admin-Tool  globalupload, Da kannst du die Bilder hochladen.

Offline

#3 11.06.2018 13:21:49

florian
Projektmanagement und Support WBCE CMS

Re: Jede Seite eigenes Bannerbild

Das Template prüft anhand der folgenden Zeilen, ob es sich um die Startseite handelt:

if ($isstartpage != true) { ?>
				<header id="header">
					<div class="logo container">
						<div>							
							<p><?php echo PAGE_TITLE; ?></p>
						</div>
					</div>
				</header>
				<?php } else { ?>
				<!-- Banner -->
					<div id="banner-wrapper">
						<section id="banner">
							<h2><?php echo PAGE_TITLE; ?></h2>
							<p><?php echo PAGE_DESCRIPTION; ?></p>
							<a href="#" onclick="gotocontent(); return false;" class="button"><?php echo $gobuttontext; ?></a>
						</section>
					</div>
				<?php } 

Es soll auf allen Seiten ein großes Bild erscheinen, also brauchen wir die Prüfung nicht, und ändern den Code zu:

 ?>
				<!-- Banner -->
					<div id="banner-wrapper">
						<section id="banner">
							<h2><?php echo PAGE_TITLE; ?></h2>
							<p><?php echo PAGE_DESCRIPTION; ?></p>
							<a href="#" onclick="gotocontent(); return false;" class="button"><?php echo $gobuttontext; ?></a>
						</section>
					</div>
				<?php 

Nun würde allerdings auf allen Seiten immer das selbe Bild erscheinen, deshalb wird die Zeile

<div id="banner-wrapper">

geändert zu

<div id="banner-wrapper" class="b<?php echo PAGE_ID; ?>">

Dadurch bekommt jeder Banner zusätzlich eine Klassendefinition mit der eindeutigen Seiten-ID, die im Seitenbaum abgelesen werden kann.

In der /templates/html5up-txt-chio/main.css änderst Du nun die Zeilen

	#banner-wrapper {
		position: relative;
		background: url("img/banner.jpg") no-repeat center center fixed;	
		background-size: auto, auto, cover;
		z-index: 1;
	}
	

zu

#banner-wrapper {
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment:		fixed;	
		background-size: auto, auto, cover;
		z-index: 1;
	}

sodass der ID des Banners kein Hintergrundbild mehr zugewiesen ist, und fügst danach für jede Seite Deines Auftritts ein:

	.b2 {
		background-image:url(img/deinbildfuer2.jpg)
	}

	.b3 {
		background-image:url(img/deinbildfuer3.jpg)
	}

wobei 2, 3 usw. die IDs der Seiten sind und deinbildfuer2, deinbildfuer3 usw. natürlich durch die Dateinamen der zu verwendenen Bilder zu ersetzen ist.

Das ist jetzt keine besonders flexible Implementierung, man kann das natürlich auch dynamischer lösen, siehe dazu die Implementierung im Template "Lesefaken".

Offline

#4 12.06.2018 11:36:34

rasmus
Member

Re: Jede Seite eigenes Bannerbild

Vielen Dank!
LG
Rasmus

Offline

#5 12.06.2018 12:14:32

rasmus
Member

Re: Jede Seite eigenes Bannerbild

Beim installieren des backstretch plugin erhalte ich eine nur zur Hälfte lesbare Fehlermeldung:

essage will be suppressed on further calls in /var/www/webxxxxxxx/html/wbce/include/phplib/template.inc on line 407

Die runtergeladene zip heisst: jquery-backstretch-master

Muss ich in Zeile 407 was ändern?

Danke
Rasmus

Offline

#6 12.06.2018 12:21:25

florian
Projektmanagement und Support WBCE CMS

Re: Jede Seite eigenes Bannerbild

Äh - was hat Backstretch mit der Anleitung oben zu tun?
Das genannte Github-Zip ist auch kein Modul zur Installation übers Backend, es hat nichts mit WBCE zu tun.

Last edited by florian (12.06.2018 12:30:03)

Offline

Board footer

Powered by FluxBB

up