Heim  >  Artikel  >  Backend-Entwicklung  >  Tutorial zur Erstellung eines WordPress-Themes [1] – WP&Struktur&Index verstehen

Tutorial zur Erstellung eines WordPress-Themes [1] – WP&Struktur&Index verstehen

WBOY
WBOYOriginal
2016-07-30 13:31:04995Durchsuche

Kürzlich mit der Vorbereitung für die Entwicklung eines WordPress-Themes begonnen. Zunächst werden wir in diesem Kapitel verstehen, was WP ist und wie es aufgebaut ist. Verwenden Sie diesen Artikel, um einen Index zu den Tutorials der WP-Serie zu erstellen, die in Zukunft geschrieben werden.

(Keine Sorge, wir aktualisieren ständig...)

1. Lassen Sie uns zunächst wissen, was WordPress ist und wofür es verwendet werden kann.

WordPress ist eine mit PHP-Sprache entwickelte Blogging-Plattform. Benutzer können ihre eigene Website auf einem Server einrichten, der PHP- und MySQL-Datenbanken unterstützt. Sie können WordPress auch als Content Management System (CMS) nutzen.
WordPress ist ein persönliches Blog-System und hat sich nach und nach zu einer Content-Management-System-Software entwickelt. Es wird unter Verwendung der PHP-Sprache und einer MySQL-Datenbank entwickelt. Benutzer können ihre Blogs auf Servern verwenden, die PHP- und MySQL-Datenbanken unterstützen.
WordPress verfügt über viele kostenlose Vorlagen, die von Drittanbietern entwickelt wurden, und die Installationsmethode ist einfach und benutzerfreundlich. Um eine eigene Vorlage zu erstellen, sind jedoch gewisse Fachkenntnisse erforderlich. Beispielsweise müssen Sie mindestens den HTML-Code, CSS, PHP und andere verwandte Kenntnisse einer Anwendung in der Standard-Universal-Markup-Sprache verstehen.
WordPress unterstützt offiziell die chinesische Version, und es gibt auch chinesische Sprachpakete von Drittanbietern, die von Enthusiasten entwickelt wurden. WordPress verfügt über Tausende verschiedener Plugins und unzählige Theme-Vorlagenstile.

2. Aktueller Stand und Perspektiven von WordPress

Die WordPress-Plattform ist mittlerweile die Basisplattform für 18,9 % der Websites weltweit, mit mehr als 100 Millionen Websites.

Das ist eine sehr große Zahl und die Konkurrenz ist sehr groß.

Ich muss nicht mehr über die Aussichten sagen. Es ist bereits großartig und mehr Leute werden es nutzen.

2. Vor- und Nachteile von WordPress

Wordpress muss sehr gut sein, wenn es die Gunst so vieler Benutzer gewinnen kann? Lassen Sie uns also die Vorteile von

auflisten:

Es gibt eine große Anzahl an Themes und Plug-Ins, die Sie problemlos erweitern können.

Sie können die gewünschten Funktionen ganz einfach erweitern. Sie können WP in CMS, SHOP, Unternehmenswebsite, Kleinanzeigen usw. umwandeln.

Das System ist voller Haken, was die Entwicklungsarbeit sehr komfortabel macht.

Das Systeminstallationspaket ist relativ klein und nur 6,9 MB groß.

Die Systemversion ist weniger fragmentiert. Sie können sich nur um die neueste Version kümmern und sich auf die Entwicklung konzentrieren, ohne sich Gedanken darüber machen zu müssen, ob sie mit der alten Version kompatibel ist.

Sie können ganz einfach nach vielen Tipps zum Erstellen von Websites und zur Verwendung von WP suchen.

Nachteile:

Das System verfügt nur über 12 Tische. Diese 12 Tische können viele Funktionen erweitern, aber auch die Effizienz wird reduziert.

Nicht geeignet für den Aufbau einer Website mit Big Data und hohem Traffic (kann gut optimiert werden)

Das System verfügt über weniger Funktionen (dies sollte der Schlüsselfaktor für den Erfolg sein)

AD: Disha La Movie Network

////////////////////////////// ////// //////////////////////////////
Vorlagendateien und Definitionen

header.php Header-Vorlage*
footer.php Footer-Vorlage*
index.php Homepage-Vorlage*
single.php Artikelseiten-Vorlage*
page.php Seitenvorlage*
404.php 404-Fehlerseitenvorlage*
search.php Suchergebnisvorlage*
archive.php Artikelarchiv*
archives.php
author.php Autorenvorlage
category.php Kategorieverzeichnisvorlage
comments.php Kommentarvorlage*
comments-popup.php
image.php Vorlage für Bildanhänge
links.php
sidebar.php Seitenleistenvorlage
functions.php Vorlagenfunktion*
Stil .css-Stylesheet*
rtl.css-Stylesheet (RTL) *
screenshot.png-Miniaturansicht*
-Bilder-Bildordner
-js-Skriptordner
-Fonts-Fontordner
- Widgets kleiner Tool-Ordner
-page-templates Seitenvorlagen-Ordner

////////////////////////////// / ///////////////////////////////////
Erstellung von Seiten- und Artikelvorlagen

/*
Vorlagenname: Zweispaltige Vorlage
*/
?>
//Kopieren Sie den obigen Code an den Anfang der Vorlage und Platzieren Sie die Vorlage auf der Seite -Vorlagen einheitliche Verwaltung


////////////////////////////// //////// /////////////////////////////////////
Widget-Registrierung und Erstellung von Widgets

1. Zuerst müssen Sie Widgets in den Funktionen hinzufügen.php erstellt einen Verweis auf den Widget-Ordner
require_once get_stylesheet_directory() '/widgets/widget-index.php';

-widgets Widget-Ordner
--widget-index.php Widget-Indexdatei (dies steuert die Registrierung aller Gadgets)
--widget-tools1.php Spezifische Gadgets
--widget-tools2.php...

2. Erstellen Sie den Dateinamen des Gadgets im Array-Widget-{hier ist der Dateiname, der im Array erscheint}.php
$widgets = array(
'tools1',
'tools2'
);

3. Erstellen Sie
Funktion widget_ui_tools() {
$widget_ops = array( 'classname' => 'widget_ui_tools1', 'description' => ' Show test 1' oben im Widget-Inhalt' );
$this->WP_Widget( true, 'DG-Test 1-Title', $widget_ops );
}

Einige Spezifisches Wissen und Theorien zu Gadgets. Weitere Informationen finden Sie unter: Widget-Registrierung und -Erstellung [Widgets]

///////////////////////////////////////////////////////////////////////////// /// ////////////////////
1 Sie müssen Ihren Theme-Ordner im Ordner /wp-content/Themes/ erstellen.
2. Sie müssen index.php, Screenshot.jpg und style.css gleichzeitig erstellen
3 Sie müssen die folgenden Theme-Informationen oben in die style.css-Datei schreiben
4. Geben Sie die WP-Themenliste ein. Sie können die von Ihnen erstellte Demo sehen.

/*
Themenname: DNNGO One Theme
Beschreibung: Dies ist ein Testthema.
Themen-URI: https://www.dnngo.net/
Autor: zhangzaiman
Autoren-URI: https://www.dnngo.net/
Version: 1.0
*/


///////////// / ////////////////////////////////////////////////////////////////////////////////////// // ////
Sie können den vorbereiteten statischen HTML-Code in index.php einfügen und dann die gemeinsame Kopf- und Fußzeile aufteilen.
Fügen Sie die Kopf- und Fußzeilencodes in die beiden Dateien header.php bzw. footer.php ein.

Ersetzen Sie diese beiden Funktionen in den Kopf- und Fußzeilenteilen unten (gleiche Verwendung wie include)
//Laden Sie die Header-Vorlage header.php

//Fußzeilenvorlage laden footer.php

AD: Washala Movie Network

Copyright-Erklärung: Nachdruck Bitte geben Sie die Quell-URL an

Das Obige stellt das WordPress-Theme-Produktions-Tutorial vor [1] – Verständnis von WP&Struktur&Index, einschließlich Aspekten des Inhalts. Ich hoffe, es wird für Freunde hilfreich sein, die sich für PHP-Tutorials interessieren.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn