Case Templates, Website - Revision history

Jörn Beyer at 14:26, 25 April 2019

2019-04-25T14:26:55Z

← Older revision		Revision as of 14:26, 25 April 2019
Line 23:		Line 23:
	== Case Template Modules ==		== Case Template Modules ==
	[[File:PSL Case Template Modules.jpg\|thumb]]		[[File:PSL Case Template Modules.jpg\|thumb]]
	Für die Gestaltung der Website Cases gibt es eine Vielzahl an vordefinierten PSL Modulen die frei und nach ästhetischem Empfinden kombiniert werden können. Durch Klick in den Page Builder Header öffnet sich die Library; durch Klick auf das »+« lassen sich die einzelnen Module zum Case hinzufügen.<br>		Für die Gestaltung der Website Cases gibt es eine Vielzahl an vordefinierten PSL Modulen die frei und nach ästhetischem Empfinden kombiniert werden können. Durch Klick in den Page Builder Header öffnet sich die Library; durch Klick auf das »+« lassen sich die einzelnen Module zum Case hinzufügen.<br><br>
	Die Farbgebung kann dabei, passend zum Thema, angepasst werden, sollte aber den gewünscht hochwertigen Gesamteindruck unterstützen.<br>		Die Farbgebung kann dabei, passend zum Thema, angepasst werden, sollte aber den gewünscht hochwertigen Gesamteindruck unterstützen.<br><br>
	Unabhängig von Full HD/4K Formaten können Visuals in jeder beliebigen Größe hochgeladen werden. Bei zweispaltigen Aufbauten ist es wichtig das nebeneinanderstehende Visuals die gleiche Größe haben. <br>		Unabhängig von Full HD/4K Formaten können Visuals in jeder beliebigen Größe hochgeladen werden. Bei zweispaltigen Aufbauten ist es wichtig das nebeneinanderstehende Visuals die gleiche Größe haben. <br><br>
	Alle Visuals lassen sich auch durch Videos (Page Builder Component: Parasol Island JW Video Player) oder Slideshows (Page Builder Component: Image Gallery) tauschen.		Alle Visuals lassen sich auch durch Videos (Page Builder Component: Parasol Island JW Video Player) oder Slideshows (Page Builder Component: Image Gallery) tauschen.

Jörn Beyer at 14:26, 25 April 2019

2019-04-25T14:26:25Z

← Older revision		Revision as of 14:26, 25 April 2019
Line 23:		Line 23:
	== Case Template Modules ==		== Case Template Modules ==
	[[File:PSL Case Template Modules.jpg\|thumb]]		[[File:PSL Case Template Modules.jpg\|thumb]]
	Für die Gestaltung der Website Cases gibt es eine Vielzahl an vordefinierten PSL Modulen die frei und nach ästhetischem Empfinden kombiniert werden können. Durch Klick in den Page Builder Header öffnet sich die Library; durch Klick auf das »+« lassen sich die einzelnen Module zum Case hinzufügen. Die Farbgebung kann dabei, passend zum Thema, angepasst werden, sollte aber den gewünscht hochwertigen Gesamteindruck unterstützen.		Für die Gestaltung der Website Cases gibt es eine Vielzahl an vordefinierten PSL Modulen die frei und nach ästhetischem Empfinden kombiniert werden können. Durch Klick in den Page Builder Header öffnet sich die Library; durch Klick auf das »+« lassen sich die einzelnen Module zum Case hinzufügen.<br>
			Die Farbgebung kann dabei, passend zum Thema, angepasst werden, sollte aber den gewünscht hochwertigen Gesamteindruck unterstützen.<br>
			Unabhängig von Full HD/4K Formaten können Visuals in jeder beliebigen Größe hochgeladen werden. Bei zweispaltigen Aufbauten ist es wichtig das nebeneinanderstehende Visuals die gleiche Größe haben. <br>
			Alle Visuals lassen sich auch durch Videos (Page Builder Component: Parasol Island JW Video Player) oder Slideshows (Page Builder Component: Image Gallery) tauschen.

	==== Image / full width ====		==== Image / full width ====

Jörn Beyer at 14:18, 25 April 2019

2019-04-25T14:18:53Z

← Older revision		Revision as of 14:18, 25 April 2019
Line 70:		Line 70:
	[[File:PSL-Case-Template-Shadow.jpg\|thumb]]		[[File:PSL-Case-Template-Shadow.jpg\|thumb]]
	Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:		Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:
			<br>

	1) Klick in den Page Builder Header auf das CSS Zahnrad		1) Klick in den Page Builder Header auf das CSS Zahnrad
	<br>		<br>

Jörn Beyer at 14:18, 25 April 2019

2019-04-25T14:18:30Z

← Older revision		Revision as of 14:18, 25 April 2019
Line 71:		Line 71:
	Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:		Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:
	1) Klick in den Page Builder Header auf das CSS Zahnrad		1) Klick in den Page Builder Header auf das CSS Zahnrad
			<br>

	2) Hinzufügen der CSS Attribute:		2) Hinzufügen der CSS Attribute:
			<br>
	<code>		<code>
	.img_shadow{		.img_shadow{
Line 80:		Line 83:
	}		}
	</code>		</code>
			<br>

	3) Öffnen der Bild-Settings		3) Öffnen der Bild-Settings
			<br>

	4) Hinzufügen der CSS-Klasse zu den Bildern die einen Schatten haben sollen		4) Hinzufügen der CSS-Klasse zu den Bildern die einen Schatten haben sollen
			<br>
	<code>		<code>
	img_shadow		img_shadow
	</code>		</code>

Jörn Beyer at 14:17, 25 April 2019

2019-04-25T14:17:13Z

← Older revision		Revision as of 14:17, 25 April 2019
Line 70:		Line 70:
	[[File:PSL-Case-Template-Shadow.jpg\|thumb]]		[[File:PSL-Case-Template-Shadow.jpg\|thumb]]
	Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:		Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:
	# Klick in den Page Builder Header auf das CSS Zahnrad		1) Klick in den Page Builder Header auf das CSS Zahnrad
	# Hinzufügen der CSS Attribute:		2) Hinzufügen der CSS Attribute:
	<code>		<code>
	.img_shadow{		.img_shadow{
Line 80:		Line 80:
	}		}
	</code>		</code>
	# Öffnen der Bild-Settings		3) Öffnen der Bild-Settings
	# Hinzufügen der CSS-Klasse zu den Bildern die einen Schatten haben sollen		4) Hinzufügen der CSS-Klasse zu den Bildern die einen Schatten haben sollen
	<code>		<code>
	img_shadow		img_shadow
	</code>		</code>

Jörn Beyer at 14:16, 25 April 2019

2019-04-25T14:16:41Z

← Older revision		Revision as of 14:16, 25 April 2019
Line 79:		Line 79:
	box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.2);		box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.2);
	}		}
			</code>
			# Öffnen der Bild-Settings
			# Hinzufügen der CSS-Klasse zu den Bildern die einen Schatten haben sollen
			<code>
			img_shadow
	</code>		</code>

Jörn Beyer at 14:15, 25 April 2019

2019-04-25T14:15:09Z

@@ Line 69: / Line 69: @@
 ==== Shadows ====
 [[File:PSL-Case-Template-Shadow.jpg|thumb]]
-Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden.
+Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:

Jörn Beyer at 14:12, 25 April 2019

2019-04-25T14:12:00Z

← Older revision		Revision as of 14:12, 25 April 2019
Line 69:		Line 69:
	==== Shadows ====		==== Shadows ====
	[[File:PSL-Case-Template-Shadow.jpg\|thumb]]		[[File:PSL-Case-Template-Shadow.jpg\|thumb]]
	Auf Wunsch können unter ~~Bilder~~ dynamische Schatten via CSS erzeugt werden.		Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden.

Jörn Beyer at 14:11, 25 April 2019

2019-04-25T14:11:26Z

← Older revision		Revision as of 14:11, 25 April 2019
Line 1:		Line 1:
	__FORCETOC__		__FORCETOC__

	== Case Basic Templates ==		== Case Basic Templates ==
	[[File:PSL Case Templates.png\|thumb]]		[[File:PSL Case Templates.png\|thumb]]
	Für einfache INT und FLM/ANM Cases wurden zwei Basic Templates im Backend unter dem Punkt [https://parasol-island.com/wp-admin/edit.php?s=PSL+%E2%80%93%C2%A0Case&post_status=all&post_type=portfolio-item&action=-1&m=0&seo_filter&readability_filter&paged=1&action2=-1 Portfolio] angelegt. Um einen neuen Case anzulegen muss das jeweilige Template dupliziert werden (Mouseover -> duplicate this).		Für einfache INT und FLM/ANM Cases wurden zwei Basic Templates im Backend unter dem Punkt [https://parasol-island.com/wp-admin/edit.php?s=PSL+%E2%80%93%C2%A0Case&post_status=all&post_type=portfolio-item&action=-1&m=0&seo_filter&readability_filter&paged=1&action2=-1 Portfolio] angelegt. Um einen neuen Case anzulegen muss das jeweilige Template dupliziert werden (Mouseover -> duplicate this).
Line 8:		Line 8:
	Sollen ausgewählte Cases zu einer kuratierten Landingpage zusammengeführt werden passiert dies mit einer [https://parasol-island.com/wp-admin/post.php?post=31604&action=edit&classic-editor Page]. Um eine neue Page anzulegen muss das Template dupliziert werden (Mouseover -> duplicate this). Pages können mit einem Passwort versehen werden.		Sollen ausgewählte Cases zu einer kuratierten Landingpage zusammengeführt werden passiert dies mit einer [https://parasol-island.com/wp-admin/post.php?post=31604&action=edit&classic-editor Page]. Um eine neue Page anzulegen muss das Template dupliziert werden (Mouseover -> duplicate this). Pages können mit einem Passwort versehen werden.

	== Featured Image/Video==		== Featured Image/Video ==
	[[File:Featured-Image-and-Video.png\|thumb]]		[[File:Featured-Image-and-Video.png\|thumb]]
	Für jeden Case muss eine Featured Image und ein Featured Video hinterlegt werden, welches als Thumbnail auf den Übersichtsseiten angezeigt wird. Um beim Mouseover einen nahtlosen Übergang vom Image zum Video zu erzeugen, muss das Still dem ersten Frame des Videos entsprechen. Folgende Voraussetzungen müssen erfüllt werden:		Für jeden Case muss eine Featured Image und ein Featured Video hinterlegt werden, welches als Thumbnail auf den Übersichtsseiten angezeigt wird. Um beim Mouseover einen nahtlosen Übergang vom Image zum Video zu erzeugen, muss das Still dem ersten Frame des Videos entsprechen. Folgende Voraussetzungen müssen erfüllt werden:
Line 63:		Line 63:
	==== Text / huge statement with highlights in grid ====		==== Text / huge statement with highlights in grid ====
	[[File:PSL_Website_Templates_13_Text - huge statement with highlights in grid.jpg\|frameless]]		[[File:PSL_Website_Templates_13_Text - huge statement with highlights in grid.jpg\|frameless]]


			== Specials ==

			==== Shadows ====
			[[File:PSL-Case-Template-Shadow.jpg\|thumb]]
			Auf Wunsch können unter Bilder dynamische Schatten via CSS erzeugt werden.

Jörn Beyer at 13:51, 25 April 2019

2019-04-25T13:51:46Z

@@ Line 49: / Line 49: @@
 [[File:PSL_Website_Templates_08_Text + Image - 50-50 in grid.jpg|frameless]]
-==== Image + Text / 50/50 in grid  ====
+==== Image + Text / 50/50 in grid ====
 [[File:PSL_Website_Templates_09_Image + Text - 50-50 in grid.jpg|frameless]]