Wie der Code einer Joomla Template zu bearbeiten

Sie können über ihre Customize Template-Seite in eine Joomla-Template tatsächlichen HTML und CSS-Code erhalten, die HTML bearbeiten und CSS bearbeiten Schaltflächen enthält. Klicken Sie auf die CSS-Datei, die Sie daran interessiert sind, mit Arbeit, die Vorlage der HTML oder CSS-Code zu sehen.

bild0.jpg

Wenn Sie eine Vorlage in Joomla anpassen, stellen Sie in der Regel Änderungen an seinen CSS-Code.

Um eine Vorlage der CSS-Datei zum Bearbeiten öffnen, gehen Sie folgendermaßen vor:

  1. In der Detailseite der Vorlage, klicken Sie auf die Edit-CSS-Taste.

    Die Customize Template wird geöffnet. Auf dieser Seite werden die CSS-Dateien, die mit der Vorlage verknüpft - in der Regel eine Menge von ihnen.

    image1.jpg
  2. Klicken Sie auf den Namen der Stil, den Sie bearbeiten möchten.

    Die CSS-Datei Stil (template.css) Öffnet sich im Template Manager für die Bearbeitung.

    image2.jpg

Das template.css Datei ist lang - etwa 16 Seiten - und das ist nur eine der Dateien, die in ein Joomla Template geht. Es ist eine bona fide CSS-Datei, und hier ist, wie es beginnt:

/ ***************************** // *** Core-HTML-Einrichtung Sachen *** // ****** *********************** / html {height: 100% -margin-bottom: 1px;} Form {margin: 0-padding: 0-} Körper {font-family: Helvetica, Arial, sans-serif-line-height: 1.3em-margin: 0px 0px 0px 0px; font-size: 12px; color: # 333-} a: link, a: visited {text-decoration : none; font-weight: normal-} a: Hover {text-decoration: underline-font-weight: normal-} input.button {cursor: Zeiger-} p {margin-top: 0- margin-bottom: 5px; } Img {border: 0 none; } / ***************************************** // *** Vorlage spezifische Layout-Elemente *** // ***************************************** / # page_bg {padding: 10px 0-margin-bottom: 1px;} div.center {text-align: Zentrum} div # Wrapper {margin-left: auto-margin-right: auto-} body.width_medium div # Wrapper {width : 950px;} ...

Leider hat diese Datei zu bearbeiten, haben Sie wirklich wissen, was Sie in CSS tun Sie Ihre eigenen Änderungen vorzunehmen. (Ein guter WYSIWYG-Editor in Joomla gebaut wäre großartig für diese Situation.)

Es gibt eine große Debatte darüber, ob es besser ist HTML-Tabellen oder CSS zu verwenden, Komponenten und Module in Joomla zu arrangieren Vorlagen- beide Seiten des Arguments Stärken haben.

HTML-Tabellen, zum Beispiel, sind ziemlich starre Strukturen, die es schwer für Suchmaschinen zu verstehen, den Inhalt Ihrer Seite machen. CSS-Implementierungen, auf der anderen Seite, sind sehr unterschiedlich von Browser zu Browser und einige ältere Browser ermöglicht es Ihnen, nur minimal CSS zu verwenden. Die Beez Vorlage in Joomla ist ein Beispiel für eine tableless CSS-Vorlage.

Wie Sie sehen können, wirklich ein Joomla Template angepasst ist nicht etwas, leicht durchgeführt werden. Wie bekommen Sie die gewünschte Vorlage? Sie können es herunterladen. Es gibt Joomla Templates online. Einige sind kostenlos, während andere eine kleine Gebühr verlangen zum Download bereit.

Menü