So ändern Sie Die Breite Der Joomla-Vorlage

Inhaltsverzeichnis:

So ändern Sie Die Breite Der Joomla-Vorlage
So ändern Sie Die Breite Der Joomla-Vorlage

Video: So ändern Sie Die Breite Der Joomla-Vorlage

Video: So ändern Sie Die Breite Der Joomla-Vorlage
Video: Five Free Joomla Page Templates 2024, Kann
Anonim

Joomla ist eines der anpassbarsten und benutzerfreundlichsten CMS auf dem Markt. Mit den Fähigkeiten dieses Site-Management-Systems können Sie die Site nicht nur mit verschiedenen Funktionen füllen, sondern auch ihr Aussehen basierend auf den installierten Vorlagen ändern.

So ändern Sie die Breite der Joomla-Vorlage
So ändern Sie die Breite der Joomla-Vorlage

Anleitung

Schritt 1

Öffnen Sie die Startseite Ihrer Site. Wählen Sie im Menü des von Ihnen verwendeten Browsers die Funktion zum Anzeigen des Quellcodes der Seite. In Google Chrome befindet sich dieses Tool unter "Extras" - "Quelle anzeigen", in Firefox - "Webentwicklung" - "Quelle". Wenn Sie Opera verwenden, wählen Sie Ansicht - Entwicklungstools - Quellcode, um den HTML-Code anzuzeigen.

Schritt 2

Finden Sie das Handle und sehen Sie alle Divs und ihre Namen. Öffnen Sie die Datei template.css Ihrer Vorlage mit einem beliebigen Texteditor und suchen Sie einen Block, der die Breite explizit festlegt. Wenn es beispielsweise danach ist, suchen Sie in der Vorlagendatei nach dem Namensblock. Um die Suche zu vereinfachen, können Sie die Funktion "Bearbeiten" - "Suchen" des Editorfensters verwenden. Durchsuchen Sie alle Divs, die im Quellcode der Seite aufgeführt sind.

Schritt 3

Geben Sie im Parameter width den gewünschten Wert in Prozent oder Pixel ein. Überprüfen Sie den Rest der Blöcke, die die gleiche Breite haben, und ändern Sie sie auf die gleiche Weise. Wenn Sie beispielsweise 200 Pixel zur Breite in der Hauptebene hinzugefügt haben, müssen Sie die gleichen 200 Pixel zu anderen Blöcken hinzufügen.

Schritt 4

Nachdem Sie die Änderungen abgeschlossen haben, speichern Sie die Datei und sehen Sie sich das Ergebnis an, bearbeiten Sie die template.css gegebenenfalls erneut. Wenn Sie Bilder als Hintergrund für Blöcke in der Vorlage verwenden, müssen Sie höchstwahrscheinlich deren Größe ändern. Außerdem können Sie für jedes Div eine eigene Hintergrundfarbe festlegen, die das monochrome Bild ersetzen kann. Wenn das Site-Design ein Logo enthält, können Sie es mit einem beliebigen Grafikeditor dehnen. Sie können auch Ihre eigenen Bilder in Vorlagen verwenden.

Empfohlen: