Wie beginne ich mit dem Lernen von CSS und der Themenentwicklung?

wordpress.stackexchange https://wordpress.stackexchange.com/questions/288

  •  16-10-2019
  •  | 
  •  

Frage

Was würden Ihre Vorschläge zum Erlernen von CSS und WordPress -Themenentwicklung sein?

Ich benutze WordPress seit über 4 Jahren, aber ich habe mich mit CSS oder Themendesign noch nie wirklich vertraut gemacht (ich könnte es hier und da optimieren, aber das macht nicht wirklich viel). Ich würde gerne in der Lage sein, diese zu tun, aber nicht wissen, wo ich anfangen soll. Die meisten Guides, auf die ich gestoßen bin, sind nicht wpspezifisch, und ich befürchte, ich würde redundantes Material durchgehen.

Vielen Dank

War es hilfreich?

Lösung

Zunächst unterscheiden sich zwischen dem Zeug. WP ist kein CSS und CSS ist kein WP. Aber WP -Themen verwenden CSS. Wenn Sie also etwas über CSS lernen, das Sie im Grunde genommen nicht falsch machen alle Websites). Der andere Teil ist HTML. Und dann haben Sie PHP.

Dies sind also drei Computersprachen, die miteinander verwendet werden:

  • Eine Programmiersprache: PHP
  • Eine strukturelle Sprache: HTML
  • Eine domänenspezifische Sprache: CSS

Anschließend haben Sie eine mehrschichtige Netzwerkarchitektur: PHP wird auf dem Server ausgeführt und HTML und CSS werden vom Server bereitgestellt, aber vom Browser auf dem Client-Computer gelesen / verarbeitet.

Selbst wenn Themen einfach aussehen, wird dies mit WP austauschbar gemischt und Sie müssen das Zeug wieder auseinander legen.

PHP befindet sich in "Theme" (PHP) -Dateien, HTML wird in diesen Themendateien generiert (und ist). CSS befindet sich in der CSS -Datei.

Im Grunde müssen Sie sich also selbst entscheiden, was Sie lernen möchten. Die meisten Ressourcen unterscheiden sich zwischen PHP und HTML/CSS.

Basierend auf Ihrer Frage kann ich Ihnen nur vorschlagen, CSS zu lernen. Es ist sehr mächtig, nachdem Sie die Kaskade vollständig verstanden haben. Sie müssen die HTML -Vorhand kennen (nicht PHP, nur HTML). Am Ende ist CSS für die visuelle Darstellung einer Website absolut wichtig. Es ist ein Elektrowerkzeug, um jede Website zu dekorieren. So können Sie das mit allem verwenden, sogar mit WordPress -Themen;)

Tue es. Wenn Sie bis jetzt nach 4 Jahren noch nicht verstanden haben, verbringen Sie sich etwas Bildung. Ich schlage ein Buch wie vor http://oreilly.com/catalog/9780596101978 Welches ist perfekt für die Selbstbildung (neben dem Üben).

CSS selbst ist sowohl vom W3C als auch von HTML sehr gut beschnitten. Die Definition dort ist nicht sehr benutzerfreundlich, aber sie ist richtig, sodass Sie dort auch viel lernen können. W3schools ist auch schön gemacht (und diese Seite schafft es im Laufe der Jahre, zumindest ist ein Gehirn dahinter). HTML/CSS, das ist der www, schnapp dir deine Quelle: D.

Für PHP gibt es php.net. Für WordPress verändert es sich ständig und verbraucht Ressourcen Ihrer persönlichen Karriere. Konzentrieren Sie sich also nicht zu sehr darauf. Es ist sowieso gut aufgebaut. Suchen Sie also nur, was für Sie gut für Sie ist. Konzentrieren Sie sich nicht zu sehr auf WordPress.

Andere Tipps

Was CSS betrifft, gibt es in diesem Bereich nicht viele WordPress -Sachen. Gehe zu W3schools und gehen Sie durch ihre Tutorials. Was das Erlernen eines Themas angeht, sind die beiden besten Ressourcen, die ich empfehlen kann, die Codex Themenentwicklerabschnitt und das Standardthema (ab sofort, zehn). Lesen Sie durch die Themenentwicklung Seite und die Vorlagen Seite, um ein gutes grundlegendes Verständnis zu erhalten. Lesen Sie dann einfach den Quellcode des Standardthemas unter Verwendung der Entwicklerdokumente (insbesondere das Vorlagen -Tags und Funktionsreferenz Seiten) als Referenz.

Ich hoffe das hat geholfen!

Schritt 1: Erstellen Sie ein Kinderthema eines guten soliden Elternthema. A. Installieren Sie das thematische Thema. B. Befolgen Sie ihre Anweisungen für ein Kind. (Bewegen Sie den Ordner "thematischer Stichprobe-Kind-Themen-Themen" außerhalb des thematischen Ordners unter WP-Content/Themen. Jetzt werden/wp-content/themen/thematische, und/wp-content/Themen/thematische Sample- Kinderthema. C. Benennen Sie das letztere Verzeichnis in Ihren neuen bevorzugten Themenamen. D. Gehen Sie mit dem Bildschirm des Aussehens und aktivieren Sie Ihr neues Thema.

Schritt 2: Styles.css bearbeiten und mit CSS experimentieren. A. Zum Beispiel hinzufügen: 

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}

Es ist am einfachsten zu beginnen, indem Sie nur Farben und Schriftarten ändern. Dann können Sie in schickere Dinge wie abgerundete Ecken, schwimmende Divs usw. einsteigen.

Schritt 3: Verwenden Sie den Originalstyle.css im Verzeichnis/WP-Content/Themes/Thematic als Leitfaden. Studiere wirklich diesen Stil.css. Verwenden Sie eine Referenz wie z. http://reference.sitepoint.com/css Um jede Regel zu verstehen.

Mit einem Kinderthema können Sie so wenig oder so viel ändern, wie Sie möchten. Zum Beispiel ändern einige das #Brand -Logo nur, wie oben gezeigt. Je mehr Sie versuchen, desto mehr werden Sie lernen.

Das Wichtigste, was Sie tun können, ist eine lokale WordPress -Installation, mit der Sie herumspielen können. (Anweisungen für: Mac | Fenster | Linux) Dies ermöglicht es Ihnen, zu experimentieren und Fehler zu machen, ohne dass der Rest der Welt beobachtet wird.

Der schnellste Weg zu lernen ist die Änderung bestehender Themen und das Erstellen von Kinderthemen für die verschiedenen Frameworks. Von diesen ist mein persönlicher Favorit Thematisch. Es ist sehr schwierig, von vorne zu beginnen, sodass diese Ressourcen Ihnen helfen können, den Boden zu erreichen.

CSS lernen, w3schools.com ist das Ressource. Für viele Designer, Firebug ist ein unverzichtbares Werkzeug. Verlasse das Haus nicht ohne es!

Kylan erwähnte Firebug für Firefox.

Es ist ein wirklich großartiges Werkzeug, um zu sehen, wie andere ihre Themen aufgebaut haben.

Laden Sie ein paar cool aussehende Themen herunter und verwenden Sie dann Firebug, um sie zu erkunden. Das hat mir sehr geholfen, als ich anfing.

Diese Jungs haben mir sehr geholfen (und tun es immer noch) http://digwp.com/Ihre Bookis wirklich Handson und leicht zu verstehen & so ist ihr Blog!

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit wordpress.stackexchange
scroll top