it-swarm.dev

Wie fange ich an, CSS und Themenentwicklung zu lernen?

Was wären Ihre Vorschläge zum Erlernen der CSS- und WordPress-Themenentwicklung?

Ich benutze WordPress seit über 4 Jahren, aber ich habe mich nie wirklich mit CSS oder Themendesign angefreundet (ich könnte es hier und da optimieren, aber das macht nicht wirklich viel). Ich würde gerne in der Lage sein, dies zu tun, aber ich weiß nicht, wo ich anfangen soll. Die meisten Anleitungen, auf die ich gestoßen bin, sind nicht WP spezifisch, und ich fürchte, ich würde überflüssiges Material durchgehen.

Vielen Dank

1
Tal Galili

Zunächst einmal unterscheiden sich die Sachen. WP ist kein CSS und CSS ist kein WP. Aber WP Themes verwenden CSS. Wenn Sie also etwas über CSS lernen, tun Sie im Grunde genommen nichts Falsches (das Gute an CSS ist, dass es für alle Websites gilt). Der andere Teil ist HTML. Und dann hast du PHP.

Das sind also drei Computersprachen, die miteinander verwendet werden:

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

Dann 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 die Themen einfach aussehen sollten, wird dies mit WP austauschbar und Sie müssen das Zeug selbst wieder auseinander legen.

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

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

Aufgrund Ihrer Frage kann ich Ihnen nur empfehlen, CSS zu lernen. Es ist sehr mächtig, nachdem Sie die Kaskade vollständig verstanden haben. Sie müssen HTML-Vorhand kennen (nicht PHP, nur HTML). Letztendlich ist CSS für die visuelle Darstellung einer Website absolut wichtig. Es ist ein Elektrowerkzeug, um jede Website zu dekorieren. Du kannst das also mit allem benutzen, sogar mit WordPress-Themes;)

Tue es. Wenn Sie nach 4 Jahren noch nichts verstanden haben, sollten Sie sich eine Ausbildung gönnen. Ich schlage ein Buch wie http://oreilly.com/catalog/9780596101978 vor, das sich perfekt zur Selbstbildung eignet (neben dem Üben).

CSS selbst ist sowohl vom W3C als auch von HTML sehr gut deiniert. Die Definition dort ist nicht sehr benutzerfreundlich, aber sie ist korrekt, so dass Sie mit einigem Willen auch dort viel lernen können. w3schools ist auch in Nice gemacht (und diese Seite schafft es irgendwie über die Jahre, sieht zumindest so aus, als stünde einiges an Hirn dahinter). HTML/CSS, das ist das WWW, holen Sie sich Ihre Quelle: D

Für PHP gibt es php.net. Nun, für WordPress ändert sich dies ständig und verbraucht Ressourcen Ihrer persönlichen Karriere. Konzentrieren Sie sich also nicht zu sehr darauf. Es ist ohnehin gut entwickelt. Achten Sie also darauf, was für Sie gut ist, und konzentrieren Sie sich nicht zu sehr auf WordPress.

5
hakre

Was CSS angeht, gibt es in diesem Bereich nicht viele WordPress-spezifische Dinge. Gehen Sie zu w3schools und durchlaufen Sie deren Tutorials. Die zwei besten Ressourcen, die ich zum Erstellen eines Themas empfehlen kann, sind der Themenentwicklungsabschnitt des Codex und das Standardthema (ab sofort). Zwanzig Zehn). Lesen Sie die Seiten Theme Development und Templates durch, um eine gute Version zu erhalten Grundverständnis. Lesen Sie dann einfach den Quellcode des Standardthemas mithilfe der Entwicklerdokumente (insbesondere der Template-Tags und durch. Funktionsreferenzseiten als Referenz.

Ich hoffe das hat geholfen!

3
John P Bloch

Das Wichtigste, was Sie tun können, ist eine lokale WordPress-Installation zu erstellen, mit der Sie herumspielen können. (Anleitung für: Mac | Windows | Linux ) Hiermit können Sie experimentieren und Fehler machen, ohne dass der Rest der Welt zuschaut.

Am schnellsten lernen Sie, indem Sie vorhandene Themen ändern und untergeordnete Themen für die verschiedenen Frameworks erstellen . Mein persönlicher Favorit ist Thematisch . Es ist sehr schwierig, bei Null anzufangen, daher können Ihnen diese Ressourcen dabei helfen, den richtigen Weg zu finden.

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

2
kylan

Schritt 1: Erstellen Sie ein untergeordnetes Thema für ein solides übergeordnetes Thema. A. Installieren Sie das thematische Thema. B. Befolgen Sie die Anweisungen zum Erstellen eines untergeordneten Themas. (Verschieben Sie den Ordner thematic-sample-child-theme aus dem Ordner thematic unter wp-content/themes. Jetzt haben Sie/wp-content/themes/thematic und/wp-content/themes/thematic-sample- untergeordnetes Thema C. Benennen Sie das letztere Verzeichnis in den Namen Ihres neuen bevorzugten Themas um D. Gehen Sie zum Erscheinungsbildschirm und aktivieren Sie Ihr neues Thema.

Schritt 2: Bearbeiten Sie styles.css und experimentieren Sie mit CSS. A. Fügen Sie zum Beispiel Folgendes hinzu:

#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, nur die Farben und Schriftarten zu ändern. Dann können Sie sich mit ausgefalleneren Dingen wie abgerundeten Ecken, schwebenden Divs usw. befassen.

Schritt 3: Verwenden Sie die ursprüngliche Datei style.css im Verzeichnis/wp-content/themes/thematic als Leitfaden. Studieren Sie wirklich diesen style.css. Verwenden Sie eine Referenz wie http://reference.sitepoint.com/css , um die einzelnen Regeln besser zu verstehen.

Mit einem untergeordneten Thema können Sie so wenig oder so viel ändern, wie Sie möchten. Einige ändern beispielsweise nur das # Markenlogo, wie oben gezeigt. Je mehr Sie versuchen, desto mehr werden Sie lernen.

2

diese Jungs haben mir sehr geholfen (und tun es immer noch) http://digwp.com/ Ihr Buch ist wirklich gut und leicht zu verstehen und so ist es auch ihr Blog!

0
user3401

Kylan erwähnte Firebug für Firefox.

Es ist ein großartiges Tool, um zu sehen, wie andere ihre Themen erstellt haben.

Laden Sie ein paar cool aussehende Themen herunter und erkunden Sie sie mit Firebug. Das hat mir sehr geholfen, als ich angefangen habe.

0
Nohl