Nous devons remplir cela en boucle avec du contenu - ou avec des balises WordPress de sortie de contenu. <\/p>\n
si nous changeons notre boucle, en ajoutant the_title (), the_excerpt (), et nous ajoutons du balisage html et the_id (), pour ressembler à ceci: <\/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 Nous allons maintenant obtenir une liste de messages sur notre page d'accueil, sans style appliqué: <\/p>\n\n
![\"Comment](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900650824.jpg\")
<\/p>\n
WordPress montre une page de blog - une page d'archive pour tous les articles de blog - par défaut. <\/p>\n
Si nous visitons maintenant URL de message unique - quelque chose comme http:\/\/my-website.com\/2018\/11\/14\/sapiente-adfacilis-quo-repellat-quos\/ - nous verrons quelque chose comme ceci: <\/p>\n
![\"Comment](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900855141.jpg\")
<\/p>\n
notre boucle <\/em>, bien que très brut, fonctionne réellement. <\/p>\n Structurer notre thème dans des fichiers et appliquer le banc de bootstrap <\/h2>\n
Nous allons maintenant implémenter des partiels, comme Header.php et Footer.php et divers modèles spécialisés, tous en utilisant le balisage de Bootstrap Twitter, afin que nous puissions le coiffer plus facilement. <\/p>\n
En commen?ant par index.php, nous rempla?ons tout le contenu avant et après la boucle par get_header () et get_footer () Fonctions: <\/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 Cela signifie que nous devons fournir tout ce contenu dans les partiels que nous avons mentionnés. <\/p>\n
Conformément à ce que nous avons dit - que nous utiliserons le thème Bootstrap Twitter - notre fichier en tête.php ressemblera à ceci: <\/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>\n Notre fichier Footer.php ressemblera à ceci: <\/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 Nous utilisons des classes bootstrap dans nos balises HTML, et wp_head () et wp_footer () Fire WP_head et WP_Footer Action Hooks. <\/p>\n
La prochaine chose que nous ferons consiste à inclure le CSS et JavaScript du modèle Bootstrap Clean de Startbootstrap.com, qui est livré avec une licence MIT, afin que nous puissions l'utiliser librement. De cette fa?on, notre thème sera livré avec des styles prédéfinis, une réactivité, et nous pourrons toujours le styliser davantage. <\/p>\n
fonctions.php <\/h2>\n
fonctions.php est un fichier qui est livré avec n'importe quel thème WordPress sérieux. Il s'agit d'un fichier qui agit comme des archives de plugin d'un homme pauvre. Il nous permet d'inclure toute fonctionnalité personnalisée dans notre thème. <\/p>\n
Nous allons d'abord utiliser ce fichier pour inclure le bootstrap et les styles et scripts de notre thème bootstrap: <\/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日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂
><\/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 Il s'agit d'une manière WordPress-idiomatique d'inclure des scripts et des styles dans un thème. Il nous permet de spécifier que la position des scripts sera en cours (en-tête vs pieds de page) et la priorité de la mise en file d'attente. Nous pouvons même spécifier la dépendance de chaque ressource particulière sur l'autre. Cela garantira que les ressources seront chargées dans le bon ordre. <\/p>\n
Nous utilisons ici le crochet d'action WP_ENQUEUE_Scripts. Nous pouvons en savoir plus dans le codex. (Nous avons couvert des crochets d'action dans l'article précédent.) <\/p>\n
à l'intérieur de notre fonction Bsimple_Scripts () personnalisée - que nous accrochons à wp_enqueue_scripts Action Hook - nous utilisons deux fonctions WordPress pour charger nos scripts et nos styles - wp_enqueue_script () et wp_enqueue_style (). Les arguments pour ces fonctions - comme spécifié dans ses pages de référence liées - nous permettent de tirer pleinement parti de la flexibilité que nous avons mentionnée. <\/p>\n
Nous pouvons voir que nous chargeons des styles à partir d'Internet (polices Google) et de notre dossier de thème. Par conséquent, nous créons des répertoires CSS, JS et WebFonts dans notre dossier de thème et copierons les fichiers CSS, les fichiers JavaScript de notre thème bootstrap, les fichiers ic?nes de Fontawesome. <\/p>\n
Nous copie également notre fichier index.php sur les fichiers archive.php, page.php et single.php, que nous modifierons. <\/p>\n
Maintenant, notre structure de fichiers de thème ressemblera à ceci: <\/p>\n
![\"Comment](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906900951345.jpg\")
<\/p>\n
ajustant le balisage <\/h2>\n
Si nous visitons maintenant notre page d'accueil, nous verrons le menu en haut - bien qu'il et la page soient toujours un gachis - car la ligne suivante dans notre en-tête sort toujours le menu enveloppé dans Div et son propre UL Tags, il n'est donc pas affecté par nos styles bootstrap: <\/p>\n
<\/span>if ( have_posts() ) {\n<\/span><\/span>