WBCE CMS Forum

gunar

Mitglied

Template AdventureStrap Responsive

Hallo,

ich bin dabei eine Webseite auf das neue Template AdventureStrap umzustellen, so dass sie besser für Tablet und Handy nutzbar ist. Ich habe auf einer ausgeblendeten Seite das Template jetzt soweit, dass es auf kleineren Geräten richtig skaliert. Leider bekomme ich es nicht hin, dass der Inhalt, den ich über das WBCE CMS erfasse, sich ebenfalls responsiv verhält.

Hier die Seite, es sind bislang Testwerte drin. http://www.bbg-fwg.de/pages/aktuelles/flucht.php/

Ich würde das Ganze gern in einem 2 Spalten-Format erfassen, habe auch mit den Vorlgen schon mal probiert. Was fehlt mir da oder was müsste ich beachten? Irgendwie stehe ich auf dem Schlauch.

Vielen dank im Voraus
Gunar

Beitrag geändert von gunar (06.05.2021 22:06:57)

florian

Administrator

Re: Template AdventureStrap Responsive

Für responsive Darstellung

In der /templates/adventurestrap-wbce/css/style.css nach Zeile 584ff

/*****************************************************************************
 * PICS
 *****************************************************************************/

einfügen:

img {max-width:100%; height:auto;}

Für Zweispaltendarstellung:
Von Haus aus bietet das Template die Möglichkeit, eine optionale rechte Spalte anzuzeigen, dafür bei "Abschnitte verwalten" entsprechende Abschnitte im Block "Right" anlegen.

Um gleich breite Spalten oder auch mehrere Spalten anzuzeigen:
1. Modul "One By One" oder "Blockrocker" installieren
2. Im Block "Main" einen oder mehrere Abschnitte mit dem eben genannten Modulen anlegen
3. Bei "Seite ändern" auf der betr. Seite auf dem Reiter "Aufteilung/Modus" bzw. "Einstellungen" die Darstellung einrichten (siehe Screenshot)
4. anzuzeigende Inhalte in den Reitern hinterlegen und speichern
5. Ergebnis im Frontend dann ungefähr so:  siehe Screenshot

Beitrag geändert von florian (07.05.2021 07:35:53)

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo,

super, das hat geholfen. So ein kleines Schnipsel    Danke!

Ich habe in dem Zusammenhang aber noch eine Frage. Ich nutze für WYSIWYG "WYSIWYG" von Ryan Djurovich.
Jetzt habe ich CKEditor Developer Edition installiert, kann das Modul aber als Abschnit in der Seite nicht nutzen. Oder verstehe ich da etwas falsch. Das ist doch letztlich ein Editor? Wie kann ich den nutzen?
Wenn ich den ursprünglichen deinstalliere sind ja auch die Inhalte weg, die damit erstellt wurden - oder?

Gruß
Gunar

florian

Administrator

Re: Template AdventureStrap Responsive

Das Modul für"normale" Textabschnitte ist in der Tat WYSIWYG, aber das ist ein Coremodul, das lässt sich gar nicht deinstallieren und schon gar nicht, wenn es noch in Verwendung ist. Es gibt aber auch keinen Grund für die Deinstallation.
Du kannst keine "CKEditor-Abschnitte" anlegen. Der CKE dient nur zur Bearbeitung von Wysiwig-Inhalten (auch den von anderen Modulen erzeugten, nicht nur vom Wysiwig-Modul). Bei den Grundeinstellungen > erweiterte Optionen wählst Du aus, welcher Editor verwendet werden soll. das hat natürlich keinen Einfluss auf die Inhalte selbst, die bleiben erhalten, auch wenn du den CKE deinstallieren würdest.

Beitrag geändert von florian (07.05.2021 20:06:41)

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo,

funktioniert. Danke!

Gruß
Gunar

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo,

ich habe ein weiteres Problem mit dem Template. Hier nochmal der "versteckte" Teil, der mit dem neuen Template erstellt wurde: http://bbg-fwg.de/pages/bbgfwg/home_new.php/

Das Problem ist, dass ich die Reiter, unter denen weitere Unterseiten hängen, nicht direkt auswählen kann. Bei einem Klick öffnet sich nur das Menue der darunterhängenden Seiten. Das bedeutet, dass ich die obere Ebene im Grunde nie auswählen kann. Wenn ich das jetzt ändern wollte, könnte ich die darunter liegenden Seiten nicht auswählen, weil durch den Klick nur die eine Seite geöffnet wird. Es müsste demnach so sein, dass sich das menue öffnet, wenn man mit dem Mauszeiger darüber geht.  In der Handy-Ansicht müssten alle Ebenen geöffnet sein.

Ich befürchte allerdings etwas zu übersehen, ich werde ja nicht der erste sein, der bei dem Template eine Seite unter eine andere legt.

Vielen Dank im Voraus!

Gruß
Gunar

florian

Administrator

Re: Template AdventureStrap Responsive

Das ist bei dem Template prinzipbedingt so. Elternseiten sind über die Navigation nicht erreichbar.
Du musst die Seite in dem Falle umstrukturieren, d.h. Elternseiten sind dann Menü-Links auf die jeweiligen Unterseiten.

Statt
Anträge (<- nicht erreichbar)
- Presse
- ...

Anträge (<- Brückenseite)
- Aktuelle Anträge (<- die "bisherige" Seite "Anträge")
- Presse
-...

gunar

Mitglied

Re: Template AdventureStrap Responsive

Ok, so hatte ich das für die erste Ebene auch vorbereitet. Für die zweite Ebene scheint es auch so zu sein, ab der dritten Ebene kann ich die Seiten direkt auswählen, es werden die dortigen Unterseiten aber nicht angezeigt. Ich kann sie demnach gar nicht direkt auswählen, sondern nur über die darüber liegende Seite.

Die anliegenden Bilder zeigen die Auswahl in dem alten Template und in dem neuen. Im neuen ist es nicht möglich die 4. Ebene aufzublättern. Oder müsste dann dort wieder eine Ebene dazwischen? Das würde es ja dann sehr unübersichtlich machen.

Ich hoffe nicht, dass die Lösung ein anderes Template sein muss.

florian

Administrator

Re: Template AdventureStrap Responsive

Ein anderes Template nicht unbedingt, aber auf jeden Fall eine andere Navigation.

gunar

Mitglied

Re: Template AdventureStrap Responsive

Bedeutet was? :-)

florian

Administrator

Re: Template AdventureStrap Responsive

Bedeutet, dass beispielsweise die Navigation aus dem Template fg-blue oder capacity oder lesefaken eingebaut werden muss. D.h. der show_menu2-Aufruf muss entsprechend angepasst werden und auch das HTML drumherum und die Styles/Scripte der jeweiligen Navigation müssen ergänzt werden. Die Navigationen in den genannten Templates funktionieren wie gewünscht und können auch bis zur 4. Ebene Einträge abbilden. Allerdings ist es damit nicht so ohne weiteres möglich, den Farbwechsel abzubilden.

gunar

Mitglied

Re: Template AdventureStrap Responsive

Das klingt kompliziert und aufwändig und mir läuft die zeit etwas davon?! Was genau meinst Du mit Farbwechsel? Die unterschiedlichen Farben der Reiter sind nicht das Problem, das wollte ich sowieso ausbauen. Den Farbwechsel, wenn man mit dem Mauszeiger darüber geht braucht es im Moment auch nicht wirklich, das wäre dann mal was für lange Winterabende.

So ein Pech aber auch. Auf dieses Detail mit den Ebenen habe ich überhaupt nicht geachtet. Was meinst Du - ist es einfacher ein anderes Template so hin zu dengeln, dass es ganauso oder ähnlich aussieht oder besser der Umbau des Vorhandenen mit Teilen aus anderen Templates. Ich bin leider kein Programmierer, sondern nur stets bemüht ;-) Will heißen ich bräuchte für den Umbau womöglich etwas Hilfe.

florian

Administrator

Re: Template AdventureStrap Responsive

Nö, so schlimm ist es gar nicht.
1. Lad Dir das Template capacity herunter.
2. Entpacke es lokal.
3. Kopiere die doubletaptogo.min.js ,die stellarnav.js und die LICENSE auf Deine Website nach /templates/adventurestrap-wbce/js.
4. Kopiere die /css/stellarnav.css auf Deine Website nach /templates/adventurestrap-wbce/css.
5. Lösche aus der /templates/adventurestrap-wbce/index.php die Zeilen

 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

und

<nav class="navbar navbar-default">
                <div class="container">
                    <div id="navbar" class="navbar-collapse collapse">
                        <?php show_menu2(1, SM2_ROOT, SM2_ALL, SM2_ALL | SM2_ALLINFO, '<li class="[if(class=menu-current||class=menu-parent){active}] [if(class==menu-expand&&level==0){dropmenu}] [if(level==0){color-random}] [if(class==menu-expand&&level==1){dropdown-submenu}]">[if(class==menu-expand){<a href="[url]">[menu_title] <i class="fa fa-caret-down"></i></a>}else {<a href="[url]">[menu_title]</a>}]', '</li>', '<ul class="[if(level==0){nav} else {dropdown-menu}]">', '</ul>', false, '<ul class="nav navbar-nav navbar-left">') ?>
                    </div><!-- /#navbar -->
                </div><!-- /.container -->
            </nav>

6a. Füge nach

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

ein:

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

6b. Füge nach

 <!-- **********************************************************
            NAVIGATION
            ************************************************************ -->

ein:

<?php
$mainnav = show_menu2(
$aMenu          = 1,
$aStart         = SM2_ROOT,
$aMaxLevel      = SM2_ALL,
$aOptions       = SM2_ALL|SM2_PRETTY|SM2_BUFFER,
$aItemOpen      = '<li><a href="[url]" class="[class]" target="[target]">[menu_title]</a>',
$aItemClose     = '</li>',
$aMenuOpen      = '<ul>',
$aMenuClose     = '</ul>',
$aTopItemOpen   = false,
$aTopMenuOpen   = '<ul>'
);	
?>
<nav class="stellarnav">
<?php echo $mainnav; ?>				
</nav>

7. Füge am Ende nach

<script src="<?php echo TEMPLATE_DIR; ?>/js/script.js"></script>

ein:

<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/stellarnav.js"></script>
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/doubletaptogo.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
	jQuery('.stellarnav').stellarNav({
		theme: 'dark',
		breakpoint: 960,
		position: 'left',
		sticky: 'true',
		closeLabel:'',
		//phoneBtn: '18009997788',
		//locationBtn: 'https://www.google.com/maps'
	});
});

	$( '.stellarnav ul li:has(ul)' ).doubleTapToGo();		
</script>

8. Passe nun ggf. noch die Farbe der Navigation in der /templates/adventurestrap-wbce/css/stellarnav.css an.

Beitrag geändert von florian (27.05.2021 09:07:36)

florian

Administrator

Re: Template AdventureStrap Responsive

Beschreibung angepasst, hatte noch den Stylesheetaufruf vergessen

gunar

Mitglied

Re: Template AdventureStrap Responsive

Super, danke! Versuche ich heute Abend - sieht machbar aus. Im Moment ist das ganze ja noch im verborgenen. Wenn etwas schief geht ist halb so wild.

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo Florian, das hat super funktioniert. Ich habe die Farbe schon wieder angepasst, irgendwann wird die Frage nochmal aufkommen, die Felder, über denen sich die Maus gerade befindet ggf. etwas abzudunkeln. Das ist wahrscheinlich das, was Du mit "Farbspiel" gemeint hast.

Einziges Problem ist jetzt noch, dass ich im oberen Bereich zu viel space habe und nicht so recht finde, wo er herkommt. Es muss mit dem backround Bildern zusammen hängen. wenn ich diese auskommentiere ist der Freiraum weg.

florian

Administrator

Re: Template AdventureStrap Responsive

Da scheint mir ein </div> an die falsche Stelle geraten zu sein bzw. von der Auskommentierung nicht erfasst zu werden. Das

</div><!-- /.container -->

nahe

</nav>

muss raus.

gunar

Mitglied

Re: Template AdventureStrap Responsive

Läuft, vielen Dank!

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo zusammen,

da es sich - für mich zumindest - immer noch um dasselbe Projekt handelt, bleibe ich mal in diesem Thema. Ich hoffe das ist ok, so bleibt der Zusammenhang vielleicht erhhalten.

Seit 2 Tagen zeigt die Besucherstatistik 0 an und ich finde, wenn ich bspw. Bilder vom Server einfügen möchte die Meldung, dass der Server nicht gefunden wurde. Ich muss die Bilder oder besser die Links also manuell einfügen. Außerdem ist die Ansicht der Auswahl der Überschriften verändert.
Das einzige, was ich wissentlich  verändert habe, ist der CKEditor (Developer), den ich von 4.16.0 auf 4.16.1 hochgezogen habe.

Ist da irgendein Zusammenhang bekannt? Wo genau wirkt die Statistik oder wo greift sie die Daten ab?

Vielen Dank

Gruß
Gunar

florian

Administrator

Re: Template AdventureStrap Responsive

Damit die Zugriffe erfasst werden, im <head> des Templates

<?php include (WB_PATH.'/modules/wbstats/count.php'); ?>

einfügen. Vielleicht war das nur im alten und noch nicht im neuen Template.

Weiterhin in der .htaccess eine Weiterleitung auf https ergänzen, derzeit sind die Seiten sowohl unter http als auch https erreichbar.

RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www. [NC]
RewriteCond %{HTTP_HOST} ^(?:www.)?(.+)$ [NC]
RewriteRule ^ https://www.%1%{REQUEST_URI} [L,NE,R=301]

Bitte vorher unbedingt prüfen, was als WB_URL in der config.php steht, und diese ggfs. entsprechend anpassen.
Wegen der Same-Site-Policy werden die Schriften nicht geladen, wenn sie über die falsche URL aufgerufen werden.

Zur Bilderproblematik:
Hast Du ein Update auf WBCE 1.5.0 gemacht?
Wenn nicht: Hast Du das elFinder-Modul installiert?

Beitrag geändert von florian (03.06.2021 13:15:22)

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo Florian,

beides behoben!

Ich hatte bisher nur einzelne Seiten auf das neue Template umgestellt. Am Dienstag hatte ich es dann als Standard eingestellt, dadurch fehlte natürlich der Eintrag. Hätte man auch selbst drauf kommen können.

Die Suche auf dem Server funktionierte auch wieder, nachdem ich elFinder installiert hatte. Dieser zusammenhang erschließt sich mir allerdings noch nicht richtig. Wieso wird das jetzt gebraucht? Durch die höhere Editor-Version? Das CMS ist ja noch nicht hochgezogen.

Und letzte Frage zu htaccess. Ich habe 2 solcher Dateien, eine unter cgi-data und eine unter cgi-data/global.

<Files ~ ".(tpl|sqlite)$"> 
 order deny,allow 
 deny from all 
</Files>

deny from all

Das steht jeweils drin. Oder bin ich hier auf dem Holzweg?

Gruß
Gunar

gunar

Mitglied

Re: Template AdventureStrap Responsive

Ach, noch eine Frage, wo schreibt wbstats eigentlich hin? Ich hatte das Modul einmal deinstalliert und dann neu installiert. Könnte ich aus eine Sicherung Daten wiederholen?

Gruß
Gunar

colinax

Developer

Re: Template AdventureStrap Responsive

Die Suche auf dem Server funktionierte auch wieder, nachdem ich elFinder installiert hatte. Dieser Zusammenhang erschließt sich mir allerdings noch nicht richtig. Wieso wird das jetzt gebraucht? Durch die höhere Editor-Version? Das CMS ist ja noch nicht hochgezogen.

Hallo Gunar bitte immer die Changelogs lesen bevor man ein Modul updatet, speziell wenn man eine veraltete WBCE Version verwendet.

Ich zitiere mal meinen Changelog des CKE:

CKEditor auf 4.16.1 aktualisiert
CKEditor 4.16.1 ist in WBCE 1.5.0 enthalten
Der Bug aus der 4.16.0 dass das Frontend nicht mehr funktioniert, falls beide CKEditor Editionen vorhanden sind, wurde behoben
PHP 8 Warnungen wurden gefixed
Der elFinder wird als File Manager vorausgesetzt

florian

Administrator

Re: Template AdventureStrap Responsive

Wieso wird das jetzt gebraucht? Durch die höhere Editor-Version?

ja. Das wird im AOR nur so indirekt deutlich. In WBCE 1.5.0 ist elFinder fester Bestandteil deshalb setzt CKE 4.16.1 WBCE 1.5.0 voraus.

Und letzte Frage zu htaccess.

Da verstehe ich die Frage nicht. Weder der zitierte Inhalt der .htaccess-Dateien, noch die Verzeichnisse, in der die Dateien liegen, haben etwas mit WBCE zu tun.

Ach, noch eine Frage, wo schreibt wbstats eigentlich hin? Ich hatte das Modul einmal deinstalliert und dann neu installiert. Könnte ich aus eine Sicherung Daten wiederholen?

wbstats legt die Daten in der Datenbank ab, in einer recht komplexern Struktur, und berechnet dann on the fly daraus die Ergebnisse für die Auswertungen nach Zeitraum usw. Wenn Du das Modul deinstallerst, werden auch die entsprechenden Datenbanktabellen gelöscht. Wenn Du eine Sicherung einspielst, wobei Du darauf achten müsstest, wirklich nur die wbstats-Tabellen zurückzuspielen, hättest Du den Stand zum Zeitpunkt der Sicherung, aber dafür dann nicht die zwischenzeitlich aufgelaufenen Zugriffe (sprich da wäre dann eine Lücke).

gunar

Mitglied

Re: Template AdventureStrap Responsive

Hallo colinax, vielen Dank für den Hinweis.

Irgendwie stehe ich mit dem Thema .htaccess auf dem Schlauch. Wo finde ich die entsprechende Datei?