• Articles
• admin

Für ein WordPress-Theme-Entwickler, ist das erste, was seine Struktur zu verstehen; und danach kommt es zu lernen, über das Hinzufügen von Skripten und Stylesheets.

Die meisten Webdesigner machen einen Fehler, indem sie ein WordPress-Theme wie eine einfache HTML-Vorlage erstellen.

Sie sollten verstehen, dass WordPress eine auf PHP basierende Plattform ist und seine Themen dynamisch sind. Das Hinzufügen einer CSS-Datei ist nicht so, wie Sie es beim Erstellen einer statischen Website tun.

WordPress hat seinen Codierungsstandard, dem Sie folgen müssen. Das richtige Einreihen einer CSS-Datei kann für viele Webentwickler / -designer etwas schwierig sein.

In diesem Tutorial werde ich Sie Schritt für Schritt durch einen Prozess führen, der den WordPress-Codex zum Hinzufügen einer CSS-Datei zu einem WordPress-Theme erklärt.

Angenommen, Sie haben ein gutes WordPress-Hosting mit WordPress eingerichtet, fangen wir an!

Verstehen Sie die Funktion wp_enqueue_style()

Während Sie eine statische HTML-Website entwickeln, können Sie die CSS-Datei mit dem Head verknüpfen.

Mit einem klaren Verständnis von PHP und WordPress-Codex sollten Sie lernen, Themenfunktionen zu verwenden.

Beginnen wir mit der Funktion wp_enqueue_style(), mit der eine CSS-Datei mit Ihrem WordPress-Theme verknüpft wird. Die standard parameter sind wie folgt.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

Lassen Sie mich all diese Parameter erklären.

• $ griff:- Es ist ein Pflichtfeld, das den Namen des Stylesheets enthält
• $src:- Es muss auch ausgefüllt werden. Es ist der Pfad des Stylesheets relativ zum Stammverzeichnis
• $deps: – Es ist optional, ein Array zu erstellen, um das Stylesheet zu steuern
• $ver: – Wenn Sie die Version des Stylesheets steuern möchten, können Sie dies tun.
• $media: – Wenn Sie das Stylesheet für einen beliebigen Medientyp verwenden möchten, können Sie dies tun. Ansonsten keine Notwendigkeit.

Vielleicht haben Sie jetzt eine Idee bekommen. Nur die ersten beiden Optionen müssen ausgefüllt werden, den Rest können Sie leer lassen, um die Standardwerte abzurufen.

Hinweis: Wenn der Stylesheet-Name nun „style“ lautet und sich im Ordner „main theme name“ befindet, lautet der Code wie folgt.

wp_enqueue_style( 'style', get_stylesheet_uri() );

Aber wie Sie sehen, machen Sie es zum Laufen; Sie müssen eine WordPress-Funktion erstellen, die die Datei ordnungsgemäß mit dem Kopf verknüpfen kann.

Lassen Sie mich Ihnen den Code zeigen.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

Sie fragen sich vielleicht, wo Sie die Funktion am besten hinzufügen können. Nun, wenn Sie ein wenig über WordPress-Theme-Entwicklung wissen, wissen Sie vielleicht, dass die Funktionen.PHP-Datei steuert alle Funktionen.

Sie müssen also die Datei öffnen und diese Funktion hinzufügen.

Wenn Sie bemerkt haben, gibt es einen Hook „add_action“ mit einem Parameter „wp_enqueue_scripts“, mit dem Stile und Skripte in die Warteschlange gestellt werden.

Alles, was Sie verstehen müssen, ist die Hauptfunktion wp_enqueue_style() .

Für WordPress-Neulinge kann es schwierig sein, solche technischen Dinge zu erlernen, aber sobald sie den WordPress-Codex gelernt haben, läuft alles reibungslos.

Ich hoffe, es ist nicht so schwierig, einem WordPress-Theme eine CSS-Datei hinzuzufügen

Ich erinnere mich, als ich vor einigen Jahren mit der Entwicklung von WordPress-Themes begann, war es eine Katastrophe. Wenn Sie statische Websites üben und plötzlich die dynamische Natur des Web 2.0 kennenlernen, können Sie sich ein wenig ärgern.

Sobald Sie sich mit WordPress-Codes beschäftigen, können Sie es interessant finden. Das Hinzufügen einer CSS-Datei ist eine der Grundlagen für die Entwicklung eines WordPress-Themes von Grund auf.

Fazit

Webentwicklung kann schwierig sein und WordPress-Neulinge erschrecken. Der Leitfaden richtet sich an Personen, die mit der Entwicklung ihres benutzerdefinierten WordPress-Themas beginnen möchten.

Vielen Dank, dass Sie diesem Tutorial folgen.

Schauen Sie sich diese Top-3-WordPress-Hosting-Services an: