Wenn Sie eine Website auf der Wordpress-Plattform haben, wissen Sie wahrscheinlich, dass die Vorlage in Ihrem Blog auf unbestimmte Zeit geändert werden kann, denn der Perfektion sind keine Grenzen gesetzt. Diese Plattform ist für den Webmaster zu einem schnell erlernten Werkzeug geworden, zumal der Skin mit herkömmlichen Programmen bearbeitet werden kann.
Notwendig
- Software:
- - Internetbrowser Firefox;
- - Add-On-Firebug.
Anweisungen
Schritt 1
Viele Webmaster sagen, dass der ideale Browser zum Surfen und Site-Building ein Produkt von Mozilla ist. Firefox ist vielleicht das einzige Programm, das so viele Anwendungen und Add-Ons unterstützt. Um Vorlagen auf einer beliebigen Plattform zu bearbeiten, benötigen Sie das Firebug-Add-on, mit dem Sie beliebige Vorlagenparameter vor Ort anzeigen und bearbeiten können.
Schritt 2
Um es zu installieren, müssen Sie auf das obere Menü "Extras" des Browsers klicken und den Punkt "Add-ons" auswählen oder die Tastenkombination Strg + Umschalt + A drücken. Warten Sie im sich öffnenden Fenster nicht auf den Download von empfohlenen Anwendungen für Firefox, sollten Sie den Cursor in das Feld mit dem Text "Suche unter verfügbaren Add-ons" setzen und Firebug vorstellen.
Schritt 3
Klicken Sie in der Liste der Suchergebnisse auf die Schaltfläche neben dem Firebug-Element. Nach dem Herunterladen dieses Add-ons wird die Schaltfläche Jetzt neu starten aktiv. Klicken Sie darauf, um die Änderungen zu übernehmen. Wenn diese Anwendung aus irgendeinem Grund nicht in den Suchergebnissen erscheint, besuchen Sie die offizielle Mozilla-Website und installieren Sie Firebug über den folgenden Link
Schritt 4
Nach der Installation dieses Add-Ons erscheint unten im Browserfenster ein kleines Symbol mit einem Käferbild, klicken Sie darauf - das Add-On wird aktiv. Wenn Sie beispielsweise die Anzeige von Links auf der Startseite Ihrer Site ändern möchten, um den Code für dieses Element im "Bug"-Fenster zu finden, das in 2 Teile unterteilt ist, müssen Sie abwechselnd Html und Style auswählen. Nun wird in einem Teil des Fensters der HTML-Code angezeigt, in einem anderen Teil wird der Code aus den style.css-Dateien sichtbar.
Schritt 5
Navigieren Sie im HTML-Block durch die Datei und klicken Sie regelmäßig auf die Blöcke. Nachdem Sie auf einen der Blöcke im "Bug" geklickt haben, wird eine Auswahl desselben Blocks auf der Seite angezeigt. Auf diese Weise ist es ziemlich einfach, ein bearbeitbares Element zu finden, für das Sie den Code nicht kennen.
Schritt 6
Nachdem Sie den gewünschten Codeblock gefunden haben, bewegen Sie den Cursor in das nebenstehende Fenster (Style). Hier sehen Sie alle Anzeigeoptionen für einen bestimmten Block, zum Beispiel ist font size nichts anderes als das font-size-Element. Wenn Sie ihn erhöhen möchten, fügen Sie dem bereits vorhandenen Wert einige Einheiten hinzu. Bitte beachten Sie, dass Sie nur die Zahl ändern müssen, das Kürzel px sollte nicht angerührt werden (Pixelbezeichnung).
Schritt 7
Achten Sie im selben Block auf alle Elemente, darunter können Padding, Margion usw. Um die Namen von Elementen zu verstehen, die Ihnen nicht vertraut sind, wird empfohlen, eine spezielle Online-Befehlsreferenz zu verwenden - https://htmlbook.ru. Folgen Sie diesem Link, in der oberen rechten Ecke befindet sich ein Feld "Site Search". Geben Sie den gesuchten Befehl ein und drücken Sie die Eingabetaste.
Schritt 8
In den Suchergebnissen werden Variationen dieses Elements angezeigt. Sie fragen sich beispielsweise, was das Element margin bedeutet. Geben Sie dieses Wort in das Suchfeld ein und drücken Sie die Eingabetaste. Wählen Sie aus den Suchergebnissen den ersten CSS-Link aus - Marge. Nachdem Sie diesem Link gefolgt sind, können Sie sich mit diesem Befehl vertraut machen und alles über seine Anwendung erfahren.
