WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 04.02.2019 20:31:35

jonny
Mitglied

Phantom Theme in WBCE

Hallo Zusammen,

Ich habe mich gerade einer neuen Website angenommen und von der Kundin wurde der Wunsch geäussert ein Menü zu haben das sauber ist ohne x Links gleich in der oberen Menüliste..

Daher wollte ich fragen, gibt es eine Möglichkeit das Menü seitlich rechts eine Ebene höher als der Content einzublenden mit dem klassisschen Burger icon? So das es herein"schwebt" und wenn man es schliessen will wieder automatisch hinaus gleitet?

Habt ihr ev schon ein solches Menü mal gemacht und wie wäre das zu bewerkstelligen?

LG jonny

Beitrag geändert von jonny (10.02.2019 09:34:57)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#2 04.02.2019 20:45:10

florian
Administrator

Re: Phantom Theme in WBCE

ohne dir zu nahe treten zu wollen, aber ich glaube, das Template bs_frag setzt doch so einiges an Fachwissen voraus, schon ohne dass daran individuelle Anpassungen, und dann auch noch an der Königsdisziplin Navigation, vorgenommen werden. Vielleicht ist scachgar ein effektiverer Ansatz, wenn man da die mobile Ansicht auch für den Desktop verwendet, hat man ja schon den "Navigation standardmäßig versteckt"-Effekt.

Beitrag geändert von florian (04.02.2019 20:46:56)


Code allein macht nicht glücklich. Jetzt spenden!

Online

#3 04.02.2019 20:50:48

jonny
Mitglied

Re: Phantom Theme in WBCE

Hast du mir denn eine Empfehlung für ein ähnliches einfacher Handelbares Template wo eine solche Möglichkeit bestünde?

LG


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#4 04.02.2019 21:09:33

bernd
Developer

Re: Phantom Theme in WBCE

florian schrieb:

Vielleicht ist scachgar ein effektiverer Ansatz, ...


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#5 05.02.2019 06:58:31

florian
Administrator

Re: Phantom Theme in WBCE

Intensify geht auch in die Richtung, fällt mir gerade ein.
https://forum.wbce.org/viewtopic.php?id=2220


Code allein macht nicht glücklich. Jetzt spenden!

Online

#6 05.02.2019 15:56:05

jonny
Mitglied

Re: Phantom Theme in WBCE

Intensify sieht gut aus, die Frage ist halt nun ob es möglich wäre das Menü umzuplatzieren?

Und wie funktioniert es mit dem Styling farblich etc?

Ausserdem halt die Frage ob ein Footer ersetzt werden kann und wie weit ich selbst die Bearbeitung dieses schönen Designs machen kann?

LG


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#7 05.02.2019 22:02:53

byteworker
Mitglied

Re: Phantom Theme in WBCE

jonny schrieb:

Intensify sieht gut aus, die Frage ist halt nun ob es möglich wäre das Menü umzuplatzieren?

Und wie funktioniert es mit dem Styling farblich etc?

Ausserdem halt die Frage ob ein Footer ersetzt werden kann und wie weit ich selbst die Bearbeitung dieses schönen Designs machen kann?

LG

Schreib mir einfach mal, was du da brauchst. Ich kenne das Template ganz gut. Alternativ kannst du auch das Phantom Template bekommen.

https://html5up.net/phantom

Grüsse Norbert

Online

#8 05.02.2019 22:17:00

jonny
Mitglied

Re: Phantom Theme in WBCE

Hallo Norbert,

Das Phantom sieht eigentlich gut aus. Wie umbaubar und personalisierbar wär das denn?

Ich hätte schon gern selbst noch dran gearbeitet wenn das geht?

Es sollte halt am schluss nicht nur Template klatsch und fertig sein. Sonst kratzt das schon etwas am ego nur so vorgefertigtes zu haben :-)

Beitrag geändert von jonny (05.02.2019 22:18:13)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#9 06.02.2019 07:06:59

florian
Administrator

Re: Phantom Theme in WBCE

Es hält dich keiner davon ab, das HTML-Template auf html5up.net herunterzuladen, Dich in die Materie selbstständig einzuarbeiten, die gewünschten Anpassungen am Code vorzunehmen und schlussendlich die WBCE-Templatefunktionen (page_content, show_menu2 usw.) einzubauen.


Code allein macht nicht glücklich. Jetzt spenden!

Online

Liked by:

jonny

#10 06.02.2019 07:13:23

jonny
Mitglied

Re: Phantom Theme in WBCE

Das stimmt schon, es ist so das ic hdies auch schon probiert habe selbst und eigentlich no kein Erfolg hatte wenn ichs selber gemacht habe..

Daher würde mir zwar die Norbert hilfe wirklich viel bringen..


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#11 06.02.2019 08:29:40

byteworker
Mitglied

Re: Phantom Theme in WBCE

Zwar hat Florian recht, Du kannst viel mehr erreichen, wenn Du es selbst erlernst.  smile

Online

Liked by:

florian, thanks

#12 06.02.2019 08:50:51

jonny
Mitglied

Re: Phantom Theme in WBCE

Klar das sehe ich ein..

Versuche habe ich teils schon gestartet.. Aber war bisher meist erfolglos..

Ist es denn wirklich leicht umzusetzen oder eher schwer?

Klar mag ich die Challenge an sich.. Aber dürfte ih dann auf deine hilfe zurückkommen falls ich nicht qeiter kome?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#13 06.02.2019 08:58:57

byteworker
Mitglied

Re: Phantom Theme in WBCE

Lieber Jonny, es gibt hier unzählige Beispiele von Templates, die auf Basis schon vorhandener HTML Vorlagen umgesetzt wurden. In der Hilfe gibt es Anleitungen Schritt-für-Schritt.

  1. Nimm Dir ein einfaches Template zum Anfang.

  2. Lade Dir ein schon für WBCE umgesetztes Design herunter, kein Bootstrap oder sonst ein responsives, nimm ein leichtes.

  3. Quellcode wird dein Freund werden... Du vergleichst in den beiden Templates was wo geändert wurde.

  4. In den Hilfen steht, was Du im Code ersetzen musst, gegen die Variablen aus dem CMS.

  5. Info.php anpassen...

  6. Lade das Dings auf einen Testserver, oder in deine Localhost Umgebung in eine WBCE Installation und baue daran herum bis Du damit zufrieden bist.

Du wirst sehen wie stolz Dich das macht, wenns läuft  smile  wir sind alle gespannt und geben gern Hilfe, wenn Du wirklich nicht mehr weiter kommst.

Beitrag geändert von byteworker (06.02.2019 09:01:41)

Online

Liked by:

florian, thanks

#14 06.02.2019 14:24:54

jonny
Mitglied

Re: Phantom Theme in WBCE

Welches Theme wurde zB schon umgewandelt? Dsmit ich ev ein Vergleich habe ohne wbce und mit wbce?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#15 06.02.2019 15:26:34

byteworker
Mitglied

Re: Phantom Theme in WBCE

https://forum.wbce.org/viewtopic.php?id=2220

roll

oder das:

https://forum.wbce.org/viewtopic.php?id=116

Beitrag geändert von byteworker (06.02.2019 15:28:20)

Online

#16 08.02.2019 22:56:24

jonny
Mitglied

Re: Phantom Theme in WBCE

Soo.. ein unbrauchbares etwas ist nun entstanden..

Wie fatal sieht es aus?

Ich habe mich nun durch den Testlauf gewagt und es schritt für schritt mit dem einfachen Template versucht und verstanden..

Das nun auch versucht umzusetzen im neuen Phantom aber nichs tut sich...

Was meint ihr? Liess sich nicht anhängen deshalb als antwort unten..

Beitrag geändert von jonny (08.02.2019 23:05:03)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#17 08.02.2019 23:04:32

jonny
Mitglied

Re: Phantom Theme in WBCE

[== PHP ==]
<!DOCTYPE HTML>
<!--
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>


		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

		<link rel="stylesheet" type="text/css"
    href="<?php echo TEMPLATE_DIR; ?>/assets/css/main.css" media="main" />


		<noscript><link rel="stylesheet" href="<?php echo TEMPLATE_DIR; ?>/assets/css/noscript.css" /></noscript>

		<?php
    if (function_exists('register_frontend_modfiles')) {
    register_frontend_modfiles('css');
    register_frontend_modfiles('jQuery');
    register_frontend_modfiles('js');
    }
    ?>

	</head>
	<body class="is-preload">
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="inner">

							<!-- Logo -->
								<a href="<?php echo TEMPLATE_DIR; ?>index.html" class="logo">
									<span class="symbol"><a href="<?php echo WB_URL; ?>"><img src="<?php echo TEMPLATE_DIR; ?>/images/logo.svg" alt="" /></span><span class="title">Phantom</span>
								</a>

							<!-- Nav -->
								<nav>
									<div id="navigation1">  <?php show_menu2(2); ?>
							    </div>
								</nav>

						</div>
					</header>

				<!-- Menu -->
					<nav id="menu">


				<!-- Main -->
					<div id="main">
						<div class="inner">
						    <?php echo page_content(1); ?>
						</div>

				<!-- Footer -->
					<footer id="footer">
						<div class="inner">
							<section>
								<h2>Get in touch</h2>
								<form method="post" action="#">
									<div class="fields">
										<div class="field half">
											<input type="text" name="name" id="name" placeholder="Name" />
										</div>
										<div class="field half">
											<input type="email" name="email" id="email" placeholder="Email" />
										</div>
										<div class="field">
											<textarea name="message" id="message" placeholder="Message"></textarea>
										</div>
									</div>
									<ul class="actions">
										<li><input type="submit" value="Send" class="primary" /></li>
									</ul>
								</form>
							</section>
							<section>
								<h2>Follow</h2>
								<ul class="icons">
									<li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
									<li><a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
									<li><a href="#" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
									<li><a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
									<li><a href="#" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
									<li><a href="#" class="icon style2 fa-500px"><span class="label">500px</span></a></li>
									<li><a href="#" class="icon style2 fa-phone"><span class="label">Phone</span></a></li>
									<li><a href="#" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
								</ul>
							</section>
							<ul class="copyright">
								<li>&copy; Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
							</ul>
						</div>
					</footer>

			</div>

		<!-- Scripts -->


	</body>
</html>

Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#18 08.02.2019 23:27:23

bernd
Developer

Re: Phantom Theme in WBCE

jonny schrieb:

... aber nichs tut sich

Sorry, aber geht's vielleicht etwas genauer?
Du hast uns gegenüber den riesen Vorteil das du siehst wie sich das "nichts tut sich" äußert  roll


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#19 08.02.2019 23:39:51

jonny
Mitglied

Re: Phantom Theme in WBCE

Wenn man die Seite besucht ist das einzige was erscheint das Phantom als Link sonst sehe ich nur weiss..

https://whunderbar.ch/pages/test.php


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#20 09.02.2019 00:24:13

bernd
Developer

Re: Phantom Theme in WBCE

Auf alle Fälle mal bitte im Backend die PHP-Fehleranzeige einschalten.
Dein generierter Quelltext sind irgendwie gar nicht gesund aus und bricht an der Stelle wo der show_menu2 Aufruf erfolgt komplett ab.

<!DOCTYPE HTML>
<!--
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>


		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

		<link rel="stylesheet" type="text/css"
    href="TEMPLATE_DIR/assets/css/main.css" media="main" />


		<noscript><link rel="stylesheet" href="TEMPLATE_DIR/assets/css/noscript.css" /></noscript>

		
	</head>
	<body class="is-preload">
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="inner">

							<!-- Logo -->
								<a href="TEMPLATE_DIRindex.html" class="logo">
									<span class="symbol"><a href="WB_URL"><img src="TEMPLATE_DIR/images/logo.svg" alt="" /></span><span class="title">Phantom</span>
								</a>

							<!-- Nav -->
								<nav>
									<div id="navigation1">  

Das im Logo-Bereich ein schließendes </a> fehlt ist erstmal Nebensächlich.


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#21 09.02.2019 07:03:44

florian
Administrator

Re: Phantom Theme in WBCE

Sieht für mich so aus, als gäbe es zum einen ein PHP-Problem auf dem Server, zum zweiten als seien die Templatedateien nicht vollständig übertragen worden - es müsste z.B. /templates/phantom/assets/css/main.css auf dem Server geben, gibt es aber nicht.

Schau Dir auch noch mal in der Nur-HTML-Version den Aufbau der Navigation an.

Noch ein Hinweis:
<link rel="stylesheet" type="text/css"     href="<?php echo TEMPLATE_DIR; ?>/assets/css/main.css" media="main" />
ist falsch und steht so auch nicht im HTML-Template.
Vgl. https://www.w3schools.com/tags/att_link_media.asp


Code allein macht nicht glücklich. Jetzt spenden!

Online

#22 09.02.2019 07:17:14

jonny
Mitglied

Re: Phantom Theme in WBCE

florian schrieb:

es müsste z.B. /templates/phantom/assets/css/main.css auf dem Server geben, gibt es aber nicht.

Ich kann die Dateien vollständig und unverändert auf meinem Server sehen.. Die sind da..?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#23 09.02.2019 07:19:09

florian
Administrator

Re: Phantom Theme in WBCE

Dann dürfte https://whunderbar.ch/templates/phantom … s/main.css aber keinen 404 werfen.


Code allein macht nicht glücklich. Jetzt spenden!

Online

#24 09.02.2019 07:27:22

jonny
Mitglied

Re: Phantom Theme in WBCE

Fehler behoben, habe den Order nicht Phantom genannt, deshalb der auswurf des fehlers..

Mein denkfehler gewesen leider ^^


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#25 09.02.2019 07:39:51

florian
Administrator

Re: Phantom Theme in WBCE

Du kannst den Ordner (fast) beliebig benennen (keine Leerzeichen, keine Umlaute), wichtig ist, dass das mit dem übereinstimmt, was in der info.php des Templates  bei $template_directory angegeben ist, also z.B.

$template_directory = 'whunderbar'; 

o.ä.

Beitrag geändert von florian (09.02.2019 07:40:37)


Code allein macht nicht glücklich. Jetzt spenden!

Online

Fußzeile des Forums

up