Einiges kann ich nicht lösen

[Tata]

Meine Schwiegertochter hat eine FIrma in Dubai und ich habe ihre Webseite angeschaut. Da habe ich dazu gekommen, dass:
1. die Seite hat eine (für mich) unverständliche und unlogische Struktur.
2. ich bin z.B. nicht sicher, ob es richtig ist wenn verschieden Links (verlinkte Texte) den gleichen Ziel haben (z.B. WORK in der Navigation und "Learn more about how we work" und "View all projects" auf der Seite leiten auf die Seite "Works". Das finde ich verwirrend.
3. Die Bilder sind unheimlich groß (ainige sogar über (800kB).
4. Ich fürchte, meine Schwiegertochter wird kaum mit der Seite etwas tun können, falls der Webmaster kündigen wird.
Nun habe ich versucht die Webseite mit CMSimple_XH auszustatten. Einiges habe ich irgendwie geschafft.
Aber ich kann den "morepagedata" Plugin nicht zum Laufen bringen. Ich meine, es wird nötig, um für einige der Unterseiten eigene Hintegründe definieren zu können. Obwohl, ich meine, dass besser wäre etwas, wie "onepage" für die Unterseiten (da skrollt der Inhalt der Seite über das Hintergrundbild).
5. Ich kann nicht finden, wieso etwas ständig breiter ist, als mein Bildschirm (etwa 100px).
Mein Versuch
Es ist nicht erwartet, dass die Webseite einmal mit CMSimple_XH laufen wird und ich war auch nicht gebetet, die Webseite umzubauen. Es nervt mich nur, wenn ich etwas nicht finden kann oder wenigsten verstehen.
Falls jemand anschauen möchte, oder sogar kennt die ANtworte au meine lücken, schicke ich gern PSWD.

[olape]

5. Ich kann nicht finden, wieso etwas ständig breiter ist, als mein Bildschirm (etwa 100px).

Code: Select all

footer {
	/* width: 100vw; */
	padding-left: 5vw;
	margin-top: 5em;
	padding-bottom: 3em;
}

Das wird nicht die Lösung sein, aber da kommt es erst mal her.

[frase]

Es ist nicht erwartet, dass die Webseite einmal mit CMSimple_XH laufen wird und ich war auch nicht gebetet, die Webseite umzubauen. Es nervt mich nur, wenn ich etwas nicht finden kann oder wenigsten verstehen.

Es handelt sich um eine typische WordPress-Seite, die mit allen möglichen und unmöglichen Scripts und CSS völlig überfrachtet ist.
Die Autoren des Templates haben für fast alle Anwendungsfälle und fast alle Anwender-Wünsche vorsorgen müssen. Das ergibt unendlich viel Code und lange Ladezeiten.

5. Ich kann nicht finden, wieso etwas ständig breiter ist, als mein Bildschirm (etwa 100px).

Da hat Olaf recht, es liegt am Footer.
Du könntest das lösen, indem du folgendes änderst:

Code: Select all

footer {
    /*width: 100vw;*/ weg damit
    /*padding-left: 5vw;*/ weg damit
    margin-top: 5em;
    padding-bottom: 3em;
}
div.impressum, div.copyright {
    margin: 0 5%;
}

Das Original-Template verwendet Bootstrap, womit solche Probleme von vornherein vermieden werden könnten.

3. Die Bilder sind unheimlich groß (ainige sogar über (800kB).

Die Bilder könntest du ja z.B. in *webp umwandeln.

[Tata]

Alles klar, vielen Dank.
Jetzt nur noch "morepagedata" zum Laufen bringen.

[frase]

Jetzt nur noch "morepagedata" zum Laufen bringen.

Was funktioniert denn nicht - wie äußert sich das?

Vielleicht brauchst du "morepagedata aber auch gar nicht.
Möglicherweise wäre ein zweites Template für die entsprechenden Seiten die bessere Lösung?

[Tata]

Was funktioniert denn nicht - wie äußert sich das?

Ich habe alles nach der "Hilfe" gemacht. Der "More" Reiter is da und auch die Variable ist korrekt da. Wenn ich aber wähle ein Hintergrundbild aus, nichts passiert, kein Hintergrund für die Seite erscheint.
Egal.
[quote=frase+
Möglicherweise wäre ein zweites Template für die entsprechenden Seiten die bessere Lösung?
[/quote]
Das wird wohl der Weg. Da könnte ich sogar wohl "onepege" nutzen, um den "scroller Effekt" zu erreichen (ich meine "ContentScrollUp" über dem Hintergrund. Wie hier. Wenigstens sehe ich keine Möglichkeit, es nur mit CSS zu schaffen, und besonders einfach bedienbar.

Ich habe https://www.freeconvert.com/webp-converter getestet, aber die konvertierte Bilder sind sogar größer als die Hochgeladene (mit 80% Qualität).

[cmb]

3. Die Bilder sind unheimlich groß (ainige sogar über (800kB).

Die Bilder könntest du ja z.B. in *webp umwandeln.

Ja. Oder zumindest die Bilder optimieren. Z.B. https://ninthspace.com/wp-content/uploa ... mage-1.jpg ist 2400x1360 Pixel groß (obwohl es nur klein angezeigt wird; kann trotzdem sinnvoll sein), aber eine JPEG-Qualität von 91 erscheint doch sehr großzügig; und die Exif-Daten, vor allem das Thumbnail, wird man wohl auch nicht brauchen.

https://developers.google.com/speed/pag ... ace.com%2F ist vielleicht ein Ansporn, die Website zumindest etwas zu überarbeiten (muss ja nicht unbedingt mit einem Wechsel zu einem anderen CMS einhergehen).

[Tata]

https://developers.google.com/speed/pag ... ace.com%2F ist vielleicht ein Ansporn, die Website zumindest etwas zu überarbeiten (muss ja nicht unbedingt mit einem Wechsel zu einem anderen CMS einhergehen).

Da stimme ich absolut zu. Ich werde es aber nicht machen. Ich habe auch gar nichts mit der Webseite zusammen. Es war nur ein Versuch, ob eine ähnliche mit unserem CMS machbar wäre. Ich werde noch weiter versuchen etwas neues zu lernen. Uch da sehe ich, dass ich vieles im stylesheet umsonst reigebaut habe. Oder beginne ich noch einla (wohl 3x,4x schon) vom Anfang an .

Vortschritt

[frase]

Ich habe alles nach der "Hilfe" gemacht. Der "More" Reiter is da und auch die Variable ist korrekt da. Wenn ich aber wähle ein Hintergrundbild aus, nichts passiert, kein Hintergrund für die Seite erscheint.

Die Variable muss natürlich im Template ausgewertet werden.
if {Variable} dann Hintergrundbild anzeigen ...

Da könnte ich sogar wohl "onepege" nutzen, um den "scroller Effekt" zu erreichen (ich meine "ContentScrollUp" über dem Hintergrund. Wie hier. Wenigstens sehe ich keine Möglichkeit, es nur mit CSS zu schaffen, und besonders einfach bedienbar.

Dazu ist "onepege" nicht nötig.
Das Hintergrundbild auf "position: fixed;" setzen.

Ich habe https://www.freeconvert.com/webp-converter getestet, aber die konvertierte Bilder sind sogar größer als die Hochgeladene (mit 80% Qualität).

dort getestet mit 50% = 76K
Die Qualität ist ausreichend.

https://developers.google.com/speed/pag ... ace.com%2F ist vielleicht ein Ansporn, die Website zumindest etwas zu überarbeiten (muss ja nicht unbedingt mit einem Wechsel zu einem anderen CMS einhergehen).

Da stimme ich absolut zu. Ich werde es aber nicht machen. Ich habe auch gar nichts mit der Webseite zusammen. Es war nur ein Versuch, ob eine ähnliche mit unserem CMS machbar wäre. Ich werde noch weiter versuchen etwas neues zu lernen. Uch da sehe ich, dass ich vieles im stylesheet umsonst reigebaut habe. Oder beginne ich noch einla (wohl 3x,4x schon) vom Anfang an .

Ja, die WordPress-Templates sind immer ein bisschen Overkill.
Und solche Dinge nachzubauen ist oft sehr aufwendig und brauchen viel Zeit.

Was mich noch interessiert:
In deinem Quelltext finde ich:

Code: Select all

<h1 class="red ani_slideInUp"><span style="font-family: tahoma, arial, helvetica, sans-serif;">Brand with Purpose</span></h1>

Warum formatierst du die Texte teilweise (hier <h1>) nochmal extra? (und falsch!)
Oder war das nur ein "zufälliger" Klick im TinyMCE?
Was mich wieder darauf bringt, dass es im TinyMCE gar keine Fontauswahl geben sollte - das sollte alles über Stylesheets geregelt werden.

[Tata]

dort getestet mit 50% = 76K
Die Qualität ist ausreichend.

Die Bilder sind wohl schon irgendwie optimisiert, weill der Konverter macht nichts, oder vergrößert sie noch.
Ich versuche sie etwa zu 1200px reduzieren.

@EDIT
Ich habe alle große Bilder mit IrfanView zu 1200px Breite reduziert und schon sind alle höchstens 200kB. Das reicht völlig auch ohne zu "webp" zu konvertieren.