Wir müssen das w?hrend der Schleife mit Inhalten füllen-oder mit WordPress-Tags inhaltsausgabe. <\/p>\n
Wenn wir unsere Schleife ?ndern, indem wir the_title (), the_excerpt () hinzufügen und html markup und the_id () hinzufügen, um so zu sehen: <\/p>\n
<\/span>if ( have_posts() ) {\n<\/span><\/span> while ( have_posts() ) {\n<\/span><\/span> the_post();\n<\/span><\/span> \/\/\n<\/span><\/span> \/\/ Post Content here\n<\/span><\/span> \/\/\n<\/span><\/span> } \/\/ end while\n<\/span><\/span>} \/\/ end if\n<\/span><\/span>?><\/span>\n<\/span><\/pre>\n wir erhalten jetzt eine Liste von Beitr?gen auf unserer Startseite, ohne dass der Stil angewendet wird: <\/p>\n\n
![\"So](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900650824.jpg\")
<\/p>\n
WordPress zeigt eine Blog -Seite - eine Archivseite für alle Blog -Beitr?ge - standardm??ig. <\/p>\n
Wenn wir jetzt eine einzelne Post-URL besuchen-so etwas wie http:\/\/my-website.com\/2018\/11\/14\/sapiente-ad-facilis-quo-repellat-quos\/-Wir werden so etwas sehen: <\/p>\n
![\"So](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900855141.jpg\")
<\/p>\n
Unser Loop <\/em>, wenn auch sehr grob, funktioniert tats?chlich. <\/p>\n unser Thema in Dateien strukturieren und Bootstrap Markup <\/h2> anwenden\n
Wir werden jetzt Teilungen wie Header.php und foote.php und verschiedene spezialisierte Vorlagen implementieren, die alle mit Twitter Bootstrap -Markup sind, damit wir es leichter stylen k?nnen. <\/p>\n
Beginnend mit index.php ersetzen wir alle Inhalte vor und nach der Schleife durch Get_header () und get_foter () Funktionen: <\/p>\n
<\/span> if ( have_posts() ) : while ( have_posts() ): the_post(); ?><\/span>\n<\/span>\n id=\"post-<\/span>\"<\/span>><\/span>\n<\/span> ><\/span><\/span><\/h2<\/span>><\/span>\n<\/span> class=\"post-excerpt\"<\/span>><\/span><\/span><\/div<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span>\n <\/span> endif;\n<\/span><\/span> ?><\/span>\n<\/span><\/pre>\n Dies bedeutet, dass wir alle Inhalte in den von uns erw?hnten Teilungen bereitstellen müssen.\n<\/p> entspricht dem, was wir gesagt haben - dass wir Twitter Bootstrap -Thema verwenden - unsere Header.php -Datei sieht folgenderma?en aus:
\n<\/p>\n
<\/span>\/**\n<\/span><\/span> *\n<\/span><\/span> * @package Botega_Scratch_Theme\n<\/span><\/span><\/span> *\/\n<\/span><\/span>\n<\/span>get_header(); ?><\/span>\n<\/span>\n <\/span> if ( have_posts() ) : while ( have_posts() ): the_post(); ?><\/span>\n<\/span>\n id=\"post-<\/span>\"<\/span>><\/span>\n<\/span> ><\/span><\/span><\/h2<\/span>><\/span>\n<\/span> class=\"post-excerpt\"<\/span>><\/span><\/span><\/div<\/span>><\/span>\n<\/span> <\/div<\/span>><\/span>\n<\/span>\n <\/span> endif;\n<\/span><\/span> ?><\/span>\n<\/span>\n<\/span>\n<\/span><\/pre> unsere footer.php -Datei sieht so aus: <\/p>\n
\/*\n<\/span>Theme Name: Botega Simple Theme\n<\/span>Theme URI: https:\/\/botega.co.uk\n<\/span>Author: Tonino Jankov\n<\/span>Author URI: https:\/\/botega.co.uk\n<\/span>Description: Basic WordPress theme for Sitepoint theme building tutorial\n<\/span>Text Domain: bsimple\n<\/span>Version: 1.0.0\n<\/span>License: GNU General Public License v2 or later\n<\/span>*\/\n<\/span><\/pre>\n Wir verwenden Bootstrap -Klassen in unseren HTML -Tags und wp_head () und WP_FOOTER () FIRE WP_HEAD und WP_FOOLER -Action -Hooks. <\/p>\n
Das n?chste, was wir tun werden, ist, die CSS und JavaScript von Clean Bootstrap -Vorlage von Startbootstrap.com zu enthalten, die mit einer MIT -Lizenz geliefert werden, damit wir sie frei verwenden k?nnen. Auf diese Weise wird unser Thema mit vordefinierten Stilen, Reaktionsf?higkeit ausgestattet, und wir werden es immer noch weiter stylen k?nnen. <\/p>\n
Funktionen.php <\/h2>\n
functions.php ist eine Datei, die mit jedem ernsthaften WordPress -Thema enth?lt. Dies ist eine Datei, die als Plugin -Archiv eines armen Mannes fungiert. Es erm?glicht uns, jede benutzerdefinierte Funktionalit?t in unser Thema aufzunehmen. <\/p>\n
Wir werden diese Datei zun?chst verwenden, um Bootstrap und die Stile und Skripte unseres Bootstrap -Themas einzuschlie?en: <\/p>\n
<\/span>\/**\n<\/span><\/span> *\n<\/span><\/span> * @package Botega_Scratch_Theme\n<\/span><\/span><\/span> *\/\n<\/span><\/span>?><\/span>\n<\/span>\n<\/span>\n<\/span> <\/span><\/span>><\/span>\n<\/span>><\/span>\n<\/span> ><\/span><\/span><\/title<\/span>><\/span>\n<\/span> rel=\"stylesheet\"<\/span> href=\"<\/span>\"<\/span>><\/span>\n<\/span> <\/span>\n<\/span><\/head<\/span>><\/span>\n<\/span>
亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱
><\/span>\n<\/span>\n ><\/span>\n<\/span> ><\/span><\/span><\/h1<\/span>><\/span>\n<\/span> ><\/span><\/span><\/h3<\/span>><\/span>\n<\/span> <\/header<\/span>><\/span>\n<\/span>\n <\/span> if ( have_posts() ) :\n<\/span><\/span> \/* Start the Loop *\/\n<\/span><\/span> while ( have_posts() ) :\n<\/span><\/span> the_post();\n<\/span><\/span> endwhile;\n<\/span><\/span> endif;\n<\/span><\/span> ?><\/span>\n<\/span>\n<\/body<\/span>><\/span>\n<\/span><\/pre>\n Dies ist eine WordPress-idiomatische Methode, um Skripte und Stile in ein Thema aufzunehmen. Es erm?glicht uns zu spezifizieren, dass die Position der Skripte aufgenommen wird (Header vs Fu?zeile) und die Priorit?t von Enqueinging. Wir k?nnen sogar die Abh?ngigkeit jeder bestimmten Ressource auf der anderen Seite angeben. Dadurch wird sichergestellt, dass die Ressourcen in der richtigen Reihenfolge geladen werden. <\/p>\n
Wir verwenden hier den Action -Hook wp_enqueue_scripts. Wir k?nnen im Codex mehr darüber erfahren. (Wir haben im vorherigen Artikel Aktionshaken behandelt.) <\/p>\n
In unserer benutzerdefinierten Funktion bSimple_scripts () - die wir an WP_ENQUEUE_Scripts -Aktionshaken anschlie?en - verwenden wir zwei WordPress -Funktionen, um unsere Skripte und Stile zu laden - wp_enqueue_script () und wp_enqueue_style (). Argumente für diese Funktionen - wie in seinen verknüpften Referenzseiten angegeben - erm?glichen es uns, die von uns erw?hnte Flexibilit?t vollst?ndig zu nutzen. <\/p>\n
Wir k?nnen sehen, dass wir Stile aus dem Internet (Google -Schriftarten) und aus unserem Themenordner laden. Daher erstellen wir CSS-, JS- und Webfonts-Verzeichnisse in unserem Themenordner und kopieren die CSS, JavaScript-Dateien und die Fontawesome-Icon-Font-Dateien unseres Bootstrap-Themas. <\/p>.
\n<\/p> Wir kopieren auch unsere Datei index.php in archive.php, page.php und einzelne.php, die wir ?ndern werden.
\n<\/p> Jetzt sieht unsere Themendateistruktur ungef?hr so ??aus:
\n![\"So](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900951345.jpg\")
<\/p>
\n<\/h2> Einstellen des Markup
\n<\/p> Wenn wir jetzt unsere Startseite besuchen, werden wir das Menü oben sehen - obwohl es und die Seite immer noch ein Chaos sind -, da die folgende Zeile in unserem Header immer noch das in DIV eingewickelte Menü und seine eigene UL ausgibt Tags, so dass es nicht von unseren Bootstrap -Stilen betroffen ist:
<\/span>if ( have_posts() ) {\n<\/span><\/span>