\n<\/p>WordPressには、デフォルトでブログページ(すべてのブログ投稿のアーカイブページ)が表示されます。\n
http:\/\/my-website.com\/2018\/11\/14\/sapiente-ad-facilis-quo-repellat-quos\/のような単一のポストURLにアクセスした場合 - 次のようなものが表示されます。 <\/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> <\/p>\n
私たちの
loop<\/p>、非常に粗雑ではありますが、実際には機(jī)能します。
\n<\/p>テーマをファイルに構(gòu)築し、ブートストラップマークアップ
を適用します\n<\/p>header.phpやfooter.php、さまざまな特殊なテンプレートなど、すべてがTwitterブートストラップマークアップを使用して、より簡単にスタイリングできるように、パーティシャルを?qū)g裝するようになりました。\n
index.phpから始めて、ループの前後にすべてのコンテンツをget_header()およびget_footer()関數(shù)に置き換えます:
\n<\/p>\n
これは、言及した部分のすべてのコンテンツを提供する必要があることを意味します。\n私たちが言ったことに沿って<\/em> - Twitter Bootstrapテーマを使用すること - 私たちのheader.phpファイルは次のようになります:<\/p>\n\n<\/h2>footer.phpファイルは次のようになります\/*\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次に行うことは、MITライセンスが付屬しているStartBootStrap.comのClean BootstrapテンプレートのCSSとJavaScriptを含めることです。これにより、自由に使用できます。このように、私たちのテーマには事前定義されたスタイル、応答性が備わっています。\nfunctions.php \n<\/p>functions.phpは、深刻なWordPressテーマが付屬するファイルです。これは、貧しい人のプラグインアーカイブとして機(jī)能するファイルです。これにより、テーマにカスタム機(jī)能を含めることができます。\n
まず、このファイルを使用して、ブートストラップとブートストラップのテーマのスタイルとスクリプトを含めます。\n<\/h2>\n
これは、テーマにスクリプトとスタイルを含めるWordPress-Idiomaticの方法です。これにより、スクリプトの位置がエンキュー(ヘッダーvsフッター)とEnqueuingの優(yōu)先順位を指定することができます。各特定のリソースの依存関係を他のリソースに指定することもできます。これにより、リソースが適切な順序でロードされるようになります。\n<\/p>ここでは、wp_enqueue_scriptsアクションフックを使用しています。 Codexで詳細(xì)を確認(rèn)できます。 (前の記事でアクションフックを取り上げました。)
\nカスタムbsimple_scripts()関數(shù)の內(nèi)部 - これはwp_enqueue_scriptsアクションフックにフックします - 2つのWordPress関數(shù)を使用して、スクリプトとスタイル(wp_enqueue_script()とwp_enqueue_style()をロードします。リンクされた參照ページで指定されているこれらの機(jī)能の引數(shù)により、言及した柔軟性を完全に活用できます。\n<\/p>インターネット(Googleフォント)とテーマフォルダーからスタイルをロードしていることがわかります。したがって、テーマフォルダーにCSS、JS、およびWebFontsディレクトリを作成し、BootstrapテーマのCSS、JavaScriptファイル、Fontawesome Icon-Fontファイルをコピーします。\nまた、index.phpファイルをarchive.php、page.php、single.phpファイルにコピーします。これを変更します。\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>今、私たちのテーマファイル構(gòu)造は次のようになります:\n<\/p>
<\/p>\n
マークアップの調(diào)整<\/p>\n
ホームページにアクセスすると、上部にメニューが表示されますが、ページはまだ混亂していますが、ヘッダーの次の行がまだdivにラップされているメニューとそれ自體のULに出力されているためタグ、そのため、ブートストラップスタイルの影響を受けません:<\/p>\n
\nこれを解決するには、まずWP-Adminダッシュボードにアクセスして、カスタマイザーに新しいメニューを作成する必要があります。名前を付けます<\/p>トップメニュー
。<\/p>\n
https:\/\/uploads.sitepoint.com\/wp-content\/uploads\/2018\/11\/1542595661customizer.mp4<\/p>\n
これを行った後、header.phpファイルに移動します。これらの行を削除します。\/*\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<\/h2>\nその代わりに、これらの行を置きます:<\/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>><\/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