Templates: Anpassen mit dem Editor

beku · 13. November 2021

Moin

Ich habe ein Hintergrundbild im Template.css eingefügt (in einer Kopie des Template).

Über den eingebauten Editor "Template Anpassen"

Danach abgespeichert, meine Browserdaten gelöscht, und Seite neu aufgerufen.

Eine Änderung ist nicht zu sehen.

Wenn ich allerdings das Template auf den Server via FTP editiere ist die Änderung sofort sichtbar.

Was mache ich mit dem Editor falsch?

Ist das der richtige Weg, so eine Anpassung zu machen oder muss ich ein Overrides erzeugen und dort die Änderungen machen?

Danke

Stef · 13. November 2021

Hallo, ich bestätige dass das Hintergrundbild online sichtbar ist.

Ich denke es ist besser das Bild im Editor nicht zu sehen, denn es wäre sicher nicht angenehm Texte mit einem Hintergrundbild zu bearbeiten.

beku · 13. November 2021

Hallo Stef

Danke. Das war nicht meine Frage. Vielleicht habe ich mich falsch ausgedrückt.

Ich habe den Text in der Zeile 198 und 199 in der template.css über den Editor eingefügt und gespeichert.

Im Frontend ist aber kein Bild zu sehen. Änderungen werden nicht übernommen.

Erst nachdem ich die Datei extern über Notepad++ angepasst habe und mit Filezilla ins Verzeichnis geladen habe wird der Hintergrund angezeigt.

Ich möchte gerne den Editor verwenden um auch noch die Fußzeile anzupassen, aber leider scheine ich da was falsch zu machen.

JoomlaWunder · 13. November 2021

In Zeile 198 ist ein Leerzeichen vor http. Vielleicht hängt es damit zusammen.

Dies http und die Domain würde ich da auch einfach weglassen, also im Prinzip domainunabhängig machen. Müsste man sonst manuell anpassen, wenn man mal auf eine andere (Sub)Domain umzieht oder http auf https umgestellt wird (gemischter content).

Außer dem Browsercache gibt es noch den Joomla-Cache oder sogar weitere Caches, die von Optimierungstools genutzt werden und geleert werden müssten. Vielleicht war es ja doch nur eine Cache-Problematik.

Wurde die css-Änderung über das Backend auch gespeichert? D.h. , ist sie vorhanden, wenn man die Datei erneut aufruft?

Änderungen/Ergänzungen am besten immer über eine custom.css machen oder halt user.css (bei Protostar)!

Ist zudem auch übersichtlicher.

Nebenbei:

Wenn ihr wollt, dass eure Webseite auch über Suchmaschinen gut zu finden ist, empfiehlt es sich, eine SSL-Zertifikat zu verwenden.

Kontaktformular und unverschlüsseltes http geht aber auf keinen Fall!

Auch eine Absicherung des Formulars über ReCaptcha oder Ähnliches ist empfehlenswert.

Und ja, den Footer würde ich auch anpassen, damit Impressum und Datenschuzerklärung nicht so verschleiert werden.

beku · 13. November 2021

Zitat von JoomlaWunder

In Zeile 198 ist ein Leerzeichen vor http. Vielleicht hängt es damit zusammen.
Dies http und die Domain würde ich da auch einfach weglassen, also im Prinzip domainunabhängig machen. Müsste man sonst manuell anpassen, wenn man mal auf eine andere (Sub)Domain umzieht oder http auf https umgestellt wird (gemischter content).

Außer dem Browsercache gibt es noch den Joomla-Cache oder sogar weitere Caches, die von Optimierungstools genutzt werden und geleert werden müssten. Vielleicht war es ja doch nur eine Cache-Problematik.

Wurde die css-Änderung über das Backend auch gespeichert? D.h. , ist sie vorhanden, wenn man die Datei erneut aufruft?

Änderungen/Ergänzungen am besten immer über eine custom.css machen oder halt user.css (bei Protostar)!
Ist zudem auch übersichtlicher.

Nebenbei:
Wenn ihr wollt, dass eure Webseite auch über Suchmaschinen gut zu finden ist, empfiehlt es sich, eine SSL-Zertifikat zu verwenden.
Kontaktformular und unverschlüsseltes http geht aber auf keinen Fall!
Auch eine Absicherung des Formulars über ReCaptcha oder Ähnliches ist empfehlenswert.
Und ja, den Footer würde ich auch anpassen, damit Impressum und Datenschuzerklärung nicht so verschleiert werden.

Alles anzeigen

Vielen Dank für die Mühe

Mein Fehler war, dass ich einen Fehler im Pfad hatte. Habe den Wald vor lauter Bäumen aus den Augen verloren.
Jetzt funktioniert auch der Editor. Copyfehler. Dafür suche ich schon Stunden.

Wie kann ich den Pfad intern angeben?

background-image: images/Bilder_System/background.jpg;

http://www.smc-dillingen.de/

custom.css ? Zur Zeit verliere ich gerade der Überblick.

Heißt das, ich soll die Zusätze z.B. footer in eine user.css schreiben? (Habe einiges zum Testen auskommentiert.)

Code

.footer {
background-color: #f5f5f5;
max-width: 960px;  
  /*
border-bottom-color: #00000026;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #00000026;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #00000026;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #00000026;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #0000000d 0px 0px 6px 0px;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;*/
margin-left: 304.5px;
margin-right: 304.5px;
/*max-width: 960px;*/
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
/*padding-top: 20px;*/
width: 940px;

 /* .footer .container {
    padding: 0 20px;
    
    
}*/
}

Alles anzeigen

SSL-Zertifikat zu verwenden? Muss ich das beim Hoster einstellen oder in Joomla? Provider gibt das als Standard an.

Kontaktformular und unverschlüsseltes http geht aber auf keinen Fall!

Ist das bei mir so?

Sorry, aber habe gerade den Eindruck ich weiß nichts.......

Den Footer habe ich angepasst. Zur Zeit suche ich noch die Einstellung das er mit dem Content gleich bleibt bei Größen Änderungen der Seite.

Fragen über Fragen.

JoomlaWunder · 13. November 2021

Was den Bilderpfad angeht:

Man möge mich steinigen. Ich vergesse das immer wieder und probiere es immer wieder neu aus. Aus dem Bauch heraus würde ich mit /images..... anfangen, also einen Slash davor setzen.

Eine user.css bzw. custom.css wird immer als letztes geladen. D.h. man kann hier praktischerweise css-Anweisungen reinschreiben, die man ergänzen oder ändern möchte. Dann läuft man nicht Gefahr, dass wenn z.B. die template.css bei einem Template-Update überschrieben wird, die Änderungen wieder weg sind.

Ein SSL-Zertifikat bietet in der Regel der Hoster oft kostenfrei in seinem Tarif an. Das muss dort nur für die Domain aktiviert werden. Dann kann man es für Joomla nutzen, wenn man es im Backend aktiviert oder alternativ in der .htaccess (sofern verwendet) eine Dreizeiler einfügt. Dazu mehr, falls du es so machen möchtest.

Und Kontaktformulare müssen über https laufen. Andernfalls einfach nur eine Email-Adresse angeben ohne Formular. Aber wie gesagt, die Suchmaschinen sehen eine Verschlüsselung schon ganz gerne und einige Browser zeigen die Webseite oft schon gar nicht mehr an, wenn sie nur über http läuft.

Zitat von beku

Den Footer habe ich angepasst. Zur Zeit suche ich noch die Einstellung das er mit dem Content gleich bleibt bei Größen Änderungen der Seite.

Die Frage verstehe ich noch nicht ganz.

Am besten machst du deine letzten Footer-Änderungen rückgängig (footer ist jetzt auch verschoben) und fragst dann gezielt nach Änderungen wie Farbe, Abstand oder was auch immer!

beku · 13. November 2021

Danke
Taste mich jetzt mal langsam an.

Das mit dem Pfad als erstes.

Code

background-image: url("/images/Bilder_System/background.jpg");

Das funktioniert.

ReCaptcha hab ich unter den Plugins gefunden und bei google die Daten besorgt. Funktioniert aber noch nicht
Weiß noch nicht wie ich es dem Kontaktformular zuweise.

JoomlaWunder · 13. November 2021

Zitat von beku

ReCaptcha hab ich unter den Plugins gefunden und bei google die Daten besorgt. Funktioniert aber noch nicht
Weiß noch nicht wie ich es dem Kontaktformular zuweise.

Richtiges Captcha verwenden (und natürlich das richtige Plugin aktivieren) und in der globalen Joomla-Konfiguration einstellen (angeben)!

beku · 13. November 2021

Was heißt richtiges?
Nicht das Plugin von Joomla?

User.css hab ich jetzt angelegt, ins richtige Verzeichnis verschoben und den footer grün gemacht.

Jetzt erkennt man vielleicht die Frage.

Der Abstand zur linken Seite bleibt beim Größen ändern der Seite gleich.

Indigo66 · 13. November 2021

Zitat von beku

Weiß noch nicht wie ich es dem Kontaktformular zuweise.

Global Joomla-Konfiguration > Site/Webseite - Standard-Captcha

JoomlaWunder · 13. November 2021

Zitat von beku

Was heißt richtiges?
Nicht das Plugin von Joomla?

Doch, aber es gibt ja noch das unsichtbare.

Weiß jetzt nicht, ob man das im Joomla-Kontaktformular auch nochmal extra einstellen muss. Ich verwende meist ein anderes Formular. Sonst schau einfach mal nach!

beku · 13. November 2021

OK. Danke

Funktioniert jetzt

http://www.smc-dillingen.de/index.php/kontakt

User.css hab ich jetzt angelegt, ins richtige Verzeichnis verschoben und den footer grün gemacht.

Jetzt erkennt man vielleicht die Frage.

Der Abstand des footers zur linken Seite bleibt beim verschieben des Browserfensters gleich.

Der Content verschiebt sich gleichmäßig mit dem Fenster. sieht eigenartig aus.

Und Kontaktformulare müssen über https laufen.

Woran erkenne ich das?

JoomlaWunder · 13. November 2021

Zitat von beku

Und Kontaktformulare müssen über https laufen.
Woran erkenne ich das?

Die gesamte Webseite sollte über https laufen. Wenn das funktioniert, erkennst du das daran, dass in der URL oben im Browser https statt http steht. Das "s" steht für "secure". Für Kontaktformulare ist das aus rechtlichen Gründen notwendig, für den Rest der Seiten unbedingt empfehlenswert. Einmal aktivieren und gut ist!