Ein Anfänger s Guide to Customizing eine WordPress-Website

Wenn Sie neu in WordPress, der Gedanke, basteln mit dem code kann eine gewaltige eins. Aber in Wirklichkeit, es gibt viele einfache Dinge, die Sie tun können, um das Aussehen und das Gefühl von Ihrer Website, ohne zu riskieren Katastrophe. Ich empfohlen, dass Sie vermeiden Sie änderungen an Themen direkt an. Erstellen von untergeordneten Themen und
wie zum Bearbeiten von wordpress-Website

Die meisten anpassbare E-Commerce-Plattform für den Aufbau Ihres online-business. Beginnen Sie noch heute kostenlos.

A Beginner ‚ s Guide to Customizing eine WordPress-Website

Geschrieben von Mark Forrester am 1. Oktober 2013 WordPress Tipps & tricks.

Wenn Sie neu in WordPress, der Gedanke, basteln mit dem code kann eine gewaltige eins. Aber in Wirklichkeit, es gibt viele einfache Dinge, die Sie tun können, um das Aussehen und das Gefühl von Ihrer Website, ohne zu riskieren Katastrophe.

Ich empfohlen, dass Sie vermeiden Sie änderungen an Themen direkt an. Erstellen von untergeordneten Themen und arbeiten mit offline-Dateien sind die sichersten Möglichkeiten, um änderungen an den code. Auf diese Weise arbeiten bedeutet, dass, wenn Sie tun, passieren, dass versehentlich erstellen, die alle Probleme, die auf Ihrer Website, während tweaking, haben Sie die original-Dateien und kann schnell wieder-hochladen Sie Ihre änderungen überschrieben werden.

Mit dieser sagte, lassen Sie uns nehmen einen Blick an, was Sie tun können, um get started customizing Ihre WordPress-design.

Erstellen eines Child-Theme Für das Design Anpassungen

Die empfohlene option für Sie jede form von Thema Anpassung in WordPress ist die Verwendung eines child-theme. Ein Kind Thema ist ein Thema, das übernimmt den Stil und die Funktionalität eines anderen themes, des so genannten übergeordneten Thema.

Kind-Themen ermöglichen Ihnen das hinzufügen neuer Funktionalität und style-änderungen, ohne jemals die Veränderung der übergeordneten theme-Dateien. Dies ist besonders nützlich, wenn Sie jemals aktualisieren der übergeordneten Thema. Wenn Sie änderungen vorgenommen haben, direkt auf das übergeordnete Thema, jede Aktualisierung wird wischen Sie Sie heraus und Sie müssen, um Zeit zu verbringen Neuerstellung Sie alle.

Child-themes sind nie berührt werden, wenn ein übergeordnetes Thema wird aktualisiert, so dass Sie der perfekte Weg, um zu ändern Ihr design.

Erstellen eines child-theme ist ein einfacher Prozess. Alles, was Sie tun müssen, ist erstellen Sie einen Ordner und eine Datei. Auf Ihrem lokalen computer, einen Ordner erstellen mit dem Namen Ihres Kindes Thema. Die vernünftigste Art und Weise, es zu benennen ist einfach parentthemename-Kind. Also, wenn Sie waren ein Kind Thema für unsere Canvas-theme-framework, Sie es nennen würde, canvas-Kind. Man könnte auch hinzufügen, eine eindeutige Kennung, die auf diesem Namen, wie canvas-Kind-ihrname.

Erstellen Sie eine Datei namens style.css in den neuen Ordner aus (Sie können dies tun, mit einem text-editor — nur vergessen Sie nicht, die .css – suffix. Diese Datei muss bestimmte Daten in Sie eingefügt, so dass Sie es weiß, ist ein Kind Thema. Fügen Sie den folgenden code in Ihrem Stil.css – Datei:

Dieser code enthält vor allem Allgemeine Informationen, aber es ist eine Linie, die Sie müssen sich ändern, um für das Kind Thema zu arbeiten. Die Vorlage Zeile muss geändert werden, um den Namen des parent theme Sie sind über Ihre Kind-Thema (z.B. „Leinwand“).

Mit diesen Informationen Hinzugefügt, es ist ein weiterer wichtiger Schritt erforderlich. Wie steht es Ihrem Kind Thema hat keine styling-Informationen zu löschen. Damit es den gleichen ursprünglichen Entwurf als Eltern Thema, das Sie brauchen, fügen Sie die folgende Zeile des Codes:

In diesem code müssen Sie ändern, um die übergeordnete Zeile entsprechend der Ordnername von Ihrem übergeordneten Thema.

Sobald Sie diese änderungen vorgenommen haben gespeichert und dein Stil.css – Datei ist es Zeit, um das child theme für Ihre WordPress installation. Sie können dies tun, indem Sie eine Verbindung zu Ihrem web-host mit einem FTP-Programm (z.B. Filezilla) und navigieren Sie zum Ordner /wp-content/themes/ Ordner. Sobald Sie dort sind, sollten Sie laden Sie die child-theme-Ordner mit Ihrem neuen Stil.css – Datei.

Mit dem Ordner hochgeladen, Sie sollten dann in der Lage sein zu sehen, und aktivieren Sie das child theme im Themes-Bereich Ihrer WordPress-dashboard. Sie können nun Bearbeiten Sie den Stil.css – Design des child theme zu erstellen, das design-tweaks, unter Beibehaltung der grundlegenden theme-design von der übergeordneten Thema.

Für kompliziertere Anpassungen in Ihrem Kind Thema, können Sie auch eine functions.php Datei. Diese Datei ermöglicht die änderung der Funktionalität von Ihrem Thema und sollte erstellt und Hinzugefügt, um die child-theme-Ordner, wenn Sie wollen, um änderungen an theme-Funktionalität.

WordPress erstellt haben, ein ausführliches Kapitel in Ihrem codex zu diskutieren untergeordnete Themen, wenn Sie möchten, um mehr zu erfahren über Sie.

Bearbeiten Sie den Stil.css – Datei für Anpassungen

Es gibt eine große Anzahl von Optionen, die Sie hinzufügen können, um Ihre stylesheet ändern Sie Ihr design. Diese änderungen sind für alle Themen, aber die meisten Themen sind custom-section-Namen, unterscheiden sich etwas je nach dem übergeordneten Thema, das Sie verwenden.

Hinzufügen von code zu Ihrem Stil.css – Datei, können Sie:

  • Ändern Sie das Farbschema Ihrer website
  • Ändern Sie die Typografie und text Größe
  • Verschieben von Abschnitten der Website, um (wie die navigation)
  • Ändern Sie die Art und Weise Bilder angezeigt
  • Hinzufügen oder entfernen von design-Informationen je nach Bereich der Webseite
  • Machen Tausende von anderen design-tweaks

Werfen wir einen kurzen Blick auf das einfache styling-Optionen zur Verfügung.

Ändern der Formatvorlage

Wenn Sie fügen einen link auf Ihre Website Sie sind alle in der Regel gesteuert durch einen einfachen Stil-option. Es gibt vier link-Staaten, die berücksichtigt werden müssen. Sie sind:

  • a:link (oder einfach nur „a“) – dies ist eine normale, unbesuchte link
  • a:hover – dies ist, was passiert, wenn Sie den Mauszeiger über einen link
  • a:visited – dies ist ein link der Benutzer bereits besucht
  • a:active – dies ist ein link, wie es im moment ist geklickt

Sie können alle diese Optionen, wenn Sie möchten, aber die wichtigsten sind die noch nicht besuchten link und der hover-link. Für unser Beispiel lassen wir alle unsere links-rot mit dem kein anderer Stil Dekoration und die links, die Sie bewegen Sie den Mauszeiger über ein unterstreichen Stil Dekoration:

Wenn Sie mit dem Canvas-theme legten wir eine kleine Auswahl von Verbesserungen, die Sie vornehmen können, um die Stile.css und functions.php – Dateien.

Benutzerdefinierter Code Verwendet, Anstatt Plugins

Plugins sind ein wunderbarer Aspekt der WordPress-community. Es gibt plugins die es gibt, die Ihnen erlauben, Ihre website zu verwandeln, und aktivieren Sie tun praktisch alles, was man sich denken kann. Jedoch ständig das hinzufügen von plugins ist ein guter Weg, um Ihre website zu aufgebläht und langsam seine Last mal runter zum kriechen.

Plugins erfordern oft mehr code als notwendig für die jobs, die Sie durchführen, einfach weil die Art und Weise, in der Sie die Interaktion mit der core software WordPress. Jedes plugin kommt auch mit management-Themen, wie Sie brauchen, um Zeit zu verbringen, Sie zu aktualisieren, als auch potenzielle Sicherheits-Probleme, wenn das plugin wurde nicht aktualisiert, indem die Entwickler in eine lange Zeit.

Es gibt plugins die es gibt, lösen ein einfaches design Aspekt Ihrer Website, aber oft erfordern zusätzlichen code und Dateien. Viele von Ihnen können repliziert werden, mit ein paar Zeilen code Hinzugefügt, um die richtigen Dateien, die Verringerung der Belastung auf Ihre website und halten die Dinge aufgeräumter.

Nehmen wir ein einfaches Beispiel. Es gibt plugins die es gibt, die es ermöglichen, Sie zu entfernen Sie die Titel aus Ihrer WordPress-Seiten auf eine Seite-an-Seite-basis. Das kann eine nützliche Funktion, wenn Sie wollen, um zu verbergen die Titel von bestimmten Seiten, um die Leser zu geben, einen reibungslosen übergang in den Inhalt.

Doch mit ein paar einfachen Zeilen code können Sie den gleichen Effekt erzielen. Ihnen zeigen, wie einfach das sein kann, hier ist der code zum hinzufügen zu Ihrem Stil.css – Datei dazu mit der Leinwand Thema:

In diesem Beispiel ersetzen die xxxx mit der page-ID-Nummer entfernen Sie die Titel aus dieser bestimmten Seite. Fügen Sie einfach den code für jede Seite, die Sie möchten, entfernen Sie den Titel aus.

Plugins für komplexere Aufgaben unverzichtbar sind und einen Teil von dem, was macht WordPress toll, aber bevor Sie hinzufügen, eine für alle einfachen Aufgaben auf Ihrer Website, die Zeit nehmen, zu stoppen und tun ein wenig Forschung. Sie werden oft finden Sie eine einfache Stück code, der den job tun können, statt.

Ich habe gesprochen, über die Gefahr der plugin Unwissenheit vor, aber es sollte wirklich wiederholt werden. Hinzufügen von plugins auf Ihre Website, ohne zu untersuchen, ob es einen einfachen Weg, um zu replizieren, seine Funktion ist unwissend am besten und faul, im schlimmsten Fall. Jedes mal, wenn Sie installieren ein plugin, das Sie setzen die Gesundheit und die Geschwindigkeit Ihrer website in fremde Hände.

Starten Sie Die Anpassung Ihrer Eigenen Website-Design

Es gibt eine große Anzahl von änderungen, die Sie vornehmen können, um zu passen WordPress an Ihre Bedürfnisse. Sie reichen von einfachen Anpassungen, customizing Farbschemata, um die extrem komplizierten änderungen, ändern Sie die Struktur Ihrer website.

WordPress Anpassung kann scheinen, wie ein unheimlich Prozess zu beginnen, vor allem, wenn Sie neu auf dem CMS. Es gibt Themen (wie Segeltuch), die Ihnen erlauben, um einige Anpassungen, die mit einer point-and-click-Stil-design-Menü, die Ihnen helfen, nehmen einige der, die anfängliche Angst. Diese sind erstaunlich für Sie zu Beginn Ihrer Reise Anpassung.

Jedoch, wenn Sie verbringen einige Zeit mit einem Kind Thema und den Stil.css – Datei, werden Sie lernen, zu spielen mit den Bausteinen von WordPress zu erstellen Sie atemberaubende website-designs.

Haben Sie begonnen, Ihre eigene Reise in WordPress Anpassung und haben Sie irgendwelche Ratschläge zu teilen? Bitte lassen Sie uns wissen in den Kommentaren unten.

Like this post? Please share to your friends:
Schreibe einen Kommentar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: