<blockquote id="8tapr"></blockquote>
<thead id="8tapr"></thead>
><\/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
\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
私たちの\"WordPressテーマをゼロから構(gòu)築する方法：基本\"loop<\/p>、非常に粗雑ではありますが、実際には機(jī)能します。
\n<\/p>テーマをファイルに構(gòu)築し、ブートストラップマークアップ
を適用します\n<\/p>header.phpやfooter.php、さまざまな特殊なテンプレートなど、すべてがTwitterブートストラップマークアップを使用して、より簡単にスタイリングできるように、パーティシャルを?qū)g裝するようになりました。\n
 index.phpから始めて、ループの前後にすべてのコンテンツをget_header（）およびget_footer（）関數(shù)に置き換えます：\"WordPressテーマをゼロから構(gòu)築する方法：基本\"\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在线,国产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>今、私たちのテーマファイル構(gòu)造は次のようになります：
\n<\/p> 
<\/p>\n
マークアップの調(diào)整<\/p>\n
ホームページにアクセスすると、上部にメニューが表示されますが、ページはまだ混亂していますが、ヘッダーの次の行がまだdivにラップされているメニューとそれ自體のULに出力されているためタグ、そのため、ブートストラップスタイルの影響を受けません：<\/p>\n
\nこれを解決するには、まずWP-Adminダッシュボードにアクセスして、カスタマイザーに新しいメニューを作成する必要があります。名前を付けます<\/p>トップメニュー
。<\/p>\n
\"WordPressテーマをゼロから構(gòu)築する方法：基本\"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<\/body<\/span>><\/span>\n<\/span><\/pre>\n
これにより、DivタグとULタグの複製が削除されますが、Nav-ItemとNav-Linkをメニュー項(xiàng)目に適用する必要があります（それぞれLIとタグに）。これについてどのように進(jìn)みますか？ WP_NAV_MENUはこれについての議論を提供しません。 nav_menu_link_attributesとnav_menu_css_classフィルターフックを使用します。これをfunctions.phpファイルに入れます：<\/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
ここで、header.php：<\/p>のwp_nav_menuで新しい屬性を指定できます。\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
これで、トップメニューリンクは、ブートストラップテーマのCSSで既に定義されているスタイルを利用できます。\n<\/p> dynamic header
\n<\/h2>ダイナミックヘッダー、つまり、フロントページ、他の選択したページ、またはアーカイブ用の別のヘッダーを使用できるようにするには、functions.phpファイルでdynamic_header（）関數(shù)を定義します。 'llは、訪問者がロードするページに応じてヘッダーマークアップを出力します。\n
したがって、header.phpファイルは次のように終了します\n<\/p>\nまた、このような関數(shù)を定義します：
\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>ループのように現(xiàn)在のすべてのURLまたはPOSTデータを使用できるようにするには、$ POST POST変數(shù)グローバルを宣言します。次に、フィラーヘッダーHTMLで異なるページまたはリクエストケースを埋めるだけで、後で終了します。これにより、真にダイナミックヘッダーの基礎(chǔ)が設(shè)定されます\n
ダイナミックなトップメニューを備えたフロントページがログインしても見栄えが良くなることを確認(rèn)する必要があります。WordPressは、訪問者がログインしたときに<\/p>管理者バー
<\/span>\/**\n<\/span><\/span> * The header for our theme.\n<\/span><\/span> *\n<\/span><\/span> * @package Botega_Scratch_Theme\n<\/span><\/span><\/span> *\n<\/span><\/span> *\/\n<\/span><\/span>?><\/span>\n<\/span><\/span>\n<\/span>><\/span>\n<\/span>><\/span>\n<\/span> charset=\"<\/span>\"<\/span>><\/span>\n<\/span> name=\"viewport\"<\/span> content=\"width=device-width, initial-scale=1\"<\/span>><\/span>\n<\/span>\n<\/span>\n<\/span><\/head<\/span>><\/span>\n<\/span>\n <\/span><\/span>><\/span>\n<\/span>\n   class=\"navbar navbar-default navbar-custom navbar-fixed-top\"<\/span>><\/span>\n<\/span>     class=\"container-fluid\"<\/span>><\/span>\n<\/span>       class=\"navbar-header page-scroll\"<\/span>><\/span>\n<\/span>               href=\"<\/span>\"<\/span> rel=\"home\"<\/span> class=\"navbar-brand\"<\/span>><\/span><\/span><\/a<\/span>><\/span>\n<\/span>      <\/div<\/span>><\/span>\n<\/span>\n       class=\"collapse navbar-collapse\"<\/span> id=\"bs-example-navbar-collapse-1\"<\/span>><\/span>\n<\/span>           class=\"nav navbar-nav navbar-right\"<\/span>><\/span>\n<\/span>           'primary', 'items_wrap' => '%3$s' ) ); ?><\/span>\n<\/span>          <\/ul<\/span>><\/span>\n<\/span>      <\/div<\/span>><\/span>\n<\/span>    <\/div<\/span>><\/span>\n<\/span>  <\/nav<\/span>><\/span>\n<\/span>\n   class=\"container\"<\/span>><\/span>\n<\/span>       class=\"row\"<\/span>><\/span>\n<\/span><\/pre>を表示します。フロントページ。それには位置があるので、固定されているので、私たちのウェブサイトのトップゾーンをオーバーレイして、そこにあるものは何でもカバーするので、トップメニューのオフセットを指定する必要があります。\n
これをstyle.css：<\/p>に追加します\n
\nこれにより、#MainNav（メニューコンテナ）が上部から十分なオフセットがあることを確認(rèn)するため、ユーザーがログインしてもカバーされません。WordPressは、これらの場合にログインと管理バークラスをボディに追加するので、簡単にターゲットにすることができます。<\/em>\n<\/p>CSSで2つのケースに対処することがわかります。1つはデフォルト、もう1つは小さな畫面用です。これは、WordPressがモバイルデバイス上のより広い管理バーを出力するため、46pxのオフセットを提供する必要があるためです。\n
モバイルでは、レスポンシブなJavaScriptを搭載したドロップダウンメニューが必要です。\n<\/p> 
<\/span>\/**\n<\/span><\/span> * Footer template partial\n<\/span><\/span> *\n<\/span><\/span> * @package Botega_Scratch_Theme\n<\/span><\/span><\/span> *\n<\/span><\/span> *\/\n<\/span><\/span>?><\/span>\n<\/span>     <\/div<\/span>><\/span>\n<\/span>     \n<\/span>  <\/div<\/span>><\/span>\n<\/span>  \n<\/span>\n  \n<\/span>  ><\/span>\n<\/span>     class=\"container\"<\/span>><\/span>\n<\/span>       class=\"row\"<\/span>><\/span>\n<\/span>           class=\"col-lg-8 col-md-10 mx-auto\"<\/span>><\/span>\n<\/span>          <\/div<\/span>><\/span>\n<\/span>      <\/div<\/span>><\/span>\n<\/span>    <\/div<\/span>><\/span>\n<\/span>  <\/footer<\/span>><\/span>\n<\/span>\n<\/span>\n<\/span>\n<\/body<\/span>><\/span>\n<\/span><\/html<\/span>><\/span>\n<\/span><\/pre>\n
\n<\/p>結(jié)論
\n<\/p> WordPressテーマをゼロから作成するこの2番目の部分では、非常に基本的なWordPressテーマを作成し、ブートストラップスタイルとスクリプトを含めました。事前定義されたスタイルに合うようにメニューの出力を調(diào)整しました。また、ヘッダーとフッターの出力をそれぞれの部分に分離しました。
functions.phpファイル - テーマ開発の重要なファイル - は、紹介してレバレッジした別のトピックです。ヘッダー出力は獨(dú)自の関數(shù)に分離されており、ページ訪問の詳細(xì)とサイト所有者が定義した変數(shù)を使用して、最終出力を決定します。\n<\/p>ガイドの第3部では、特定のテンプレートの構(gòu)築を完了し、テーマ機(jī)能と部分的な構(gòu)造をより良い構(gòu)造にし、ウェブサイトのスタイリングを完了します。\n
\nこのシリーズには、WordPressテーマの構(gòu)築に関する3つの記事がゼロからあります。\n<\/p>\n
テーマの構(gòu)造を理解してください
\n<\/p>テーマの基本
    \n
  • テーマの改良<\/li>\n
  • \n\n\n\n<\/li>WordPressテーマをゼロから構(gòu)築することについてのよくある質(zhì)問（FAQ） WordPressテーマをゼロから構(gòu)築するための前提條件は何ですか？ ??<\/ul>WordPressテーマの構(gòu)築をゼロから始める前に、HTML、CSS、PHP、およびJavaScriptを基本的に理解する必要があります。これらは、WordPressテーマ開発で使用されるコアテクノロジーです。さらに、ファイル構(gòu)造やテンプレート階層など、WordPressプラットフォーム自體に精通している必要があります。また、MAMPやXAMPPなどのコンピューターにローカル開発環(huán)境をセットアップすることも役立ちます。ここで、テーマを構(gòu)築するときにテーマをテストできます。 ??>
    WordPressテーマをゼロから作成する最初のステップは、WordPressテーマフォルダーに新しいディレクトリを作成することです。これは、すべてのテーマファイルのホームになります。次に、style.cssファイルとindex.phpファイルを作成する必要があります。 style.cssファイルは、すべてのCSSコードを記述する場所であり、テーマの詳細(xì)を定義する場所でもあります。 index.phpファイルは、テーマのメインテンプレートファイルです。 Webサイトのレイアウトを生成するPHPおよびHTMLコードを作成する場所です。テーマディレクトリにfunctions.phpファイルを作成します。このファイルはプラグインのように機(jī)能し、テーマにカスタム機(jī)能と機(jī)能を追加できます。ナビゲーションメニューの登録、サイドバー、エンキュースタイルとスクリプトなどを登録するために使用できます。 'LLは、CSSコードでメディアクエリを使用する必要があります。メディアクエリを使用すると、ユーザーの畫面のサイズに応じてさまざまなスタイルを適用できます。これは、デスクトップ、タブレット、モバイルデバイスの別のレイアウトを作成できることを意味します。また、畫像が応答性が高いことを確認(rèn)する必要があります。これは、幅を100％に設(shè)定することで行うことができます。
    WordPressテーマのヘッダーとフッターをカスタマイズするにはどうすればよいですか？<\/h3>\n<\/h2>\n
    テーマディレクトリにheader.phpファイルとfooter.phpファイルを作成して、WordPressテーマのヘッダーとフッターをカスタマイズできます。 。 header.phpファイルは、ヘッダーのHTMLおよびPHPコードを記述し、footer.phpファイルはフッター用のコードを記述する場所です。次に、これらのファイルを他のテンプレートファイルにget_header（）およびget_footer（）関數(shù)を使用して含めることができます。 functions.phpファイルでregister_post_type（）関數(shù)を使用して、WordPressテーマのカスタム投稿タイプ。この関數(shù)を使用すると、獨(dú)自のラベル、機(jī)能、機(jī)能を備えた新しい投稿タイプを定義できます。次に、シングル{postType} .phpファイルとarchive- {posttype} .phpファイルを作成して、カスタム投稿タイプの表示を制御できます。 <\/p>\n
    テーマディレクトリにSideBar.phpファイルを作成し、functions.phpファイルでregister_sidebar（）関數(shù)を使用して、WordPressテーマにサイドバーを追加できます。その後、get_sidebar（）関數(shù)を使用して他のテンプレートファイルにサイドバーを表示できます。 functions.phpファイルでregister_nav_menus（）関數(shù)を使用して、wordpressテーマ。この関數(shù)を使用すると、テーマに1つ以上のナビゲーションメニューを登録できます。次に、wp_nav_menu（）関數(shù)を使用して他のテンプレートファイルにメニューを表示できます。 index.phpファイルまたはその他のテンプレートファイルのループコードを変更します。ループは、WordPressが投稿するために使用するPHPコードです。カスタマイズして、投稿の表示方法、表示される投稿の數(shù)などを変更することができます。テーマファイルに、その後、WordPressサイトにアップロードします。子供のテーマを使用している場合は、変更を失うことなく親のテーマを更新できます。子供のテーマを使用していない場合は、更新が変更を上書きするため、テーマを更新する前にテーマのバックアップを作成する必要があります。<\/h3><\/sml><\/source><\/video>"}	
	






	

    
    

    

	
	
    
		
    
			
    
							
    
					
    
						
    目次
    
						
    
							
															
    
									次に、このプラグインを使用して、いくつかの偽のコンテンツを作成します。これは、デフォルトの 
								
    
																
    
									WordPressテーマのヘッダーとフッターをカスタマイズするにはどうすればよいですか？
								
    
																
    
									テーマディレクトリにSideBar.phpファイルを作成し、functions.phpファイルでregister_sidebar（）関數(shù)を使用して、WordPressテーマにサイドバーを追加できます。その後、get_sidebar（）関數(shù)を使用して他のテンプレートファイルにサイドバーを表示できます。 functions.phpファイルでregister_nav_menus（）関數(shù)を使用して、wordpressテーマ。この関數(shù)を使用すると、テーマに1つ以上のナビゲーションメニューを登録できます。次に、wp_nav_menu（）関數(shù)を使用して他のテンプレートファイルにメニューを表示できます。 index.phpファイルまたはその他のテンプレートファイルのループコードを変更します。ループは、WordPressが投稿するために使用するPHPコードです。カスタマイズして、投稿の表示方法、表示される投稿の數(shù)などを変更することができます。テーマファイルに、その後、WordPressサイトにアップロードします。子供のテーマを使用している場合は、変更を失うことなく親のテーマを更新できます。子供のテーマを使用していない場合は、更新が変更を上書きするため、テーマを更新する前にテーマのバックアップを作成する必要があります。
								
    
														
    
					
    
				
    
							
    
					
    
						ホームページ
						
												CMS チュートリアル
						
												＆＃＆プレス
						
						WordPressテーマをゼロから構(gòu)築する方法：基本
					
    
					
					
    
						
    
							
    WordPressテーマをゼロから構(gòu)築する方法：基本
    
							
							Feb 09, 2025 am	 10:43 AM
														
						
    
					
    
					
    
					
    
						
    
						
						
						

					
     WordPressテーマをゼロから構(gòu)築する方法：基本
    
このチュートリアルでは、WordPressのテーマファイル構(gòu)造を詳細(xì)に調(diào)べ、基本的なWordPressテーマをゼロから作成する方法を?qū)Wびます。

このシリーズの最初の部分では、WordPressテーマとWordPressテーマ開発に関する基本的な用語を?qū)毪筏蓼筏俊％匹螗抓飑`ト
    、
    partials
    、テンプレート階層、フィルターおよびactionfooks、wordpress loop、條件付きタグ、そして典型的な単純なWordPressテーマファイル構(gòu)造を簡単に見てみました。 

キーテイクアウト



 index.phpとstyle.cssファイルを使用して最小限のテーマを設(shè)定することから始めます。wordpressが新しいテーマを認(rèn)識するようにします。


レスポンシブデザインと美學(xué)のためにブートストラップを統(tǒng)合し、テンプレートファイルを変更して、BootstrapのHTMLおよびCSSクラスを含めます。


functions.phpファイルを使用して、カスタム機(jī)能、エンキュースタイル、スクリプトを追加し、WordPressフックを効果的に管理します。


WordPressフックと條件を使用して、ヘッダーおよびナビゲーションメニューの動的出力をカスタマイズして、さまざまなページタイプに適応します。



    CSSを調(diào)整し、メディアクエリを使用して、モバイルデバイスでテーマが応答性があり、ユーザーフレンドリーであることを確認(rèn)してください。

    


    裸の最小テーマの作成
      

    • 最初に行うことは、WordPressの投稿やその他のコンテンツの作成をバッチできるようにするプラグインをインストールすることです。このようにして、あまりにも多くの時(shí)間を失うことなく、開発Webサイトをすばやく埋めることができます。この目的を果たす1つのプラグインは、WordPressプラグインリポジトリで入手可能なGustavo BordoniによるFakerPressです。

      • 

    • 

      • 

    • https://uploads.sitepoint.com/wp-content/uploads/2018/11/1542590261faker.mp4
      • 

    • WP-CLIを介してプラグインをすばやくインストールしてアクティブにします

      • 管理者ダッシュボードにログインすると、FakerPressがインストールされていることがわかります。

    •  
      • 

    

    次に、このプラグインを使用して、いくつかの偽のコンテンツを作成します。これは、デフォルトの 
    

    


    

    テーマディレクトリにheader.phpファイルとfooter.phpファイルを作成して、WordPressテーマのヘッダーとフッターをカスタマイズできます。 。 header.phpファイルは、ヘッダーのHTMLおよびPHPコードを記述し、footer.phpファイルはフッター用のコードを記述する場所です。次に、これらのファイルを他のテンプレートファイルにget_header（）およびget_footer（）関數(shù)を使用して含めることができます。 functions.phpファイルでregister_post_type（）関數(shù)を使用して、WordPressテーマのカスタム投稿タイプ。この関數(shù)を使用すると、獨(dú)自のラベル、機(jī)能、機(jī)能を備えた新しい投稿タイプを定義できます。次に、シングル{postType} .phpファイルとarchive- {posttype} .phpファイルを作成して、カスタム投稿タイプの表示を制御できます。 
    

    テーマディレクトリにSideBar.phpファイルを作成し、functions.phpファイルでregister_sidebar（）関數(shù)を使用して、WordPressテーマにサイドバーを追加できます。その後、get_sidebar（）関數(shù)を使用して他のテンプレートファイルにサイドバーを表示できます。 functions.phpファイルでregister_nav_menus（）関數(shù)を使用して、wordpressテーマ。この関數(shù)を使用すると、テーマに1つ以上のナビゲーションメニューを登録できます。次に、wp_nav_menu（）関數(shù)を使用して他のテンプレートファイルにメニューを表示できます。 index.phpファイルまたはその他のテンプレートファイルのループコードを変更します。ループは、WordPressが投稿するために使用するPHPコードです。カスタマイズして、投稿の表示方法、表示される投稿の數(shù)などを変更することができます。テーマファイルに、その後、WordPressサイトにアップロードします。子供のテーマを使用している場合は、変更を失うことなく親のテーマを更新できます。子供のテーマを使用していない場合は、更新が変更を上書きするため、テーマを更新する前にテーマのバックアップを作成する必要があります。
    以上がWordPressテーマをゼロから構(gòu)築する方法：基本の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
    


						
					
					
    
						
    このウェブサイトの聲明
    
						
    この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。
    
					
    
				

				



				
    


				
    


					


											
    
							
    
								
    
									
									
    ホットAIツール
    
								
    
								
    
																		
    
											
												Undress AI Tool
											
											
    
												
													
    Undress AI Tool
    
												    
												
    脫衣畫像を無料で
    
											
    
										
    
																		
    
											
												Undresser.AI Undress
											
											
    
												
													
    Undresser.AI Undress
    
												    
												
    リアルなヌード寫真を作成する AI 搭載アプリ
    
											
    
										
    
																		
    
											
												AI Clothes Remover
											
											
    
												
													
    AI Clothes Remover
    
												    
												
    寫真から衣服を削除するオンライン AI ツール。
    
											
    
										
    
																		
    
											
												Clothoff.io
											
											
    
												
													
    Clothoff.io
    
												    
												
    AI衣類リムーバー
    
											
    
										
    
																		
    
											
												Video Face Swap
											
											
    
												
													
    Video Face Swap
    
												    
												
    完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
    
											
    
										
    
																
    
								
							
    
						
    
					


					


											
    
							
    
								
    
									
									
    ホットツール
    
								
    
								
    
																		
    
											
												メモ帳++7.3.1
											
											
    
												
													
    メモ帳++7.3.1
    
												    
												
    使いやすく無料のコードエディター
    
											
    
										
    
																			
    
											
												SublimeText3 中國語版
											
											
    
												
													
    SublimeText3 中國語版
    
												    
												
    中國語版、とても使いやすい
    
											
    
										
    
																			
    
											
												ゼンドスタジオ 13.0.1
											
											
    
												
													
    ゼンドスタジオ 13.0.1
    
												    
												
    強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
    
											
    
										
    
																			
    
											
												ドリームウィーバー CS6
											
											
    
												
													
    ドリームウィーバー CS6
    
												    
												
    ビジュアル Web 開発ツール
    
											
    
										
    
																			
    
											
												SublimeText3 Mac版
											
											
    
												
													
    SublimeText3 Mac版
    
												    
												
    神レベルのコード編集ソフト（SublimeText3）
    
											
    
										
    
																	
    
								
							
    
						
    
										

					
					
				
    
			
							
    
					
    
						
						
    

													
    
								
									WordPressによって引き起こされる高いCPU使用を診斷する方法
								
								WordPressによって引き起こされる高いCPU使用を診斷する方法
								Jul 06, 2025 am	 12:08 AM
								
    WordPressがサーバーCPU使用の急増を引き起こす主な理由には、プラグインの問題、非効率的なデータベースクエリ、テーマコードの品質(zhì)の低さ、またはトラフィックの急増が含まれます。 1.最初に、トップ、HTOP、またはコントロールパネルツールを介したWordPressによって引き起こされる高い負(fù)荷であるかどうかを確認(rèn)します。 2.トラブルシューティングモードを入力して、プラグインを徐々に有効にしてパフォーマンスのボトルネックをトラブルシューティングし、QueryMonitorを使用してプラグインの実行を分析し、非効率的なプラグインを削除または交換します。 3.キャッシュプラグインをインストールし、冗長データをクリーンアップし、スロークエリログを分析してデータベースを最適化します。 4.トピックには、コンテンツの過負(fù)荷、複雑なクエリ、キャッシングメカニズムの欠如などの問題があるかどうかを確認(rèn)します。標(biāo)準(zhǔn)のトピックテストを使用して、コードロジックを比較および最適化することをお?jiǎng)幛幛筏蓼?。上記の手順に従って、場所を確認(rèn)して解決し、問題を1つずつ解決します。
    
							
    
														
    
								
									WordPressでJavaScriptファイルをマイニングする方法
								
								WordPressでJavaScriptファイルをマイニングする方法
								Jul 07, 2025 am	 01:11 AM
								
    JavaScriptファイルをマイニングすると、ブランク、コメント、役に立たないコードを削除することにより、WordPress Webサイトの読み込み速度を向上させることができます。 1。W3TOTALCACHEなどの圧縮をサポートするキャッシュプラグインを使用し、「MINIFY」オプションで圧縮モードを有効にし、選択します。 2。FastVelocityMinifyなどの専用圧縮プラグインを使用して、より細(xì)かい制御を提供します。 3. JSファイルを手動で圧縮し、FTPを介してアップロードします。これは、開発ツールに精通しているユーザーに適しています。一部のテーマまたはプラグインスクリプトは圧縮関數(shù)と競合する可能性があり、アクティベーション後にWebサイト機(jī)能を徹底的にテストする必要があることに注意してください。
    
							
    
														
    
								
									プラグインなしでWordPressを最適化する方法
								
								プラグインなしでWordPressを最適化する方法
								Jul 05, 2025 am	 12:01 AM
								
    プラグインに依存しないWordPressサイトを最適化する方法は次のとおりです。1。積み重なったテーマを避けるために、AstraやGeneratePressなどの軽量テーマを使用します。 2. CSSおよびJSファイルを手動で圧縮およびマージして、HTTP要求を削減します。 3.アップロードする前に畫像を最適化し、WebP形式を使用し、ファイルサイズを制御します。 4. configure.htaccessブラウザキャッシュを有効にし、CDNに接続して靜的リソースの負(fù)荷速度を向上させます。 5.記事の改訂を制限し、定期的にデータベース冗長データをクリーンにします。
    
							
    
														
    
								
									キャッシングにTransiments APIを使用する方法
								
								キャッシングにTransiments APIを使用する方法
								Jul 05, 2025 am	 12:05 AM
								
    Transientapiは、自動有効期限データを一時(shí)的に保存するためのWordPressの組み込みツールです。そのコア関數(shù)は、set_transient、get_transient、delete_transientです。 OptionsAPIと比較して、Transimentsは、Cache API要求の結(jié)果や複雑なコンピューティングデータなどのシナリオに適した、生存時(shí)間（TTL）の設(shè)定をサポートしています。それを使用する場合、キーネーミングと名前空間の獨(dú)自性、キャッシュ「怠zyな削除」メカニズム、およびオブジェクトキャッシュ環(huán)境では続かない問題に注意を払う必要があります。一般的なアプリケーションシナリオには、外部要求頻度の削減、コード実行リズムの制御、ページの読み込みパフォーマンスの改善が含まれます。
    
							
    
														
    
								
									プラグインチェックプラグインを使用する方法
								
								プラグインチェックプラグインを使用する方法
								Jul 04, 2025 am	 01:02 AM
								
    PluginCheckは、WordPressユーザーがプラグインの互換性とパフォーマンスをすばやくチェックするのに役立つツールです。主に、現(xiàn)在インストールされているプラ??グインに、WordPressの最新バージョン、セキュリティの脆弱性などと互換性がないなどの問題があるかどうかを特定するために使用されます。インストールとアクティベーションの後、バックグラウンドの「runaScan」ボタンをクリックして、すべてのプラグインを自動的にスキャンします。 2。レポートには、プラグイン名、検出タイプ、問題の説明、およびソリューションの提案が含まれています。これにより、深刻な問題の優(yōu)先処理が容易になります。 3. WordPressを更新する前に検査を?qū)g行することをお?jiǎng)幛幛筏蓼埂％ΕД芝单ぅ趣萎惓￥惓￥扦ⅳ雸龊?、または定期的に実行されて隠された危険を事前に発見し、將來の大きな問題を回避することをお?jiǎng)幛幛筏蓼埂?/p>
							
    
														
    
								
									コメントスパムをプログラムで防ぐ方法
								
								コメントスパムをプログラムで防ぐ方法
								Jul 08, 2025 am	 12:04 AM
								
    コメントスパムを防ぐ最も効果的な方法は、プログラマティックな手段を介して自動的に識別して傍受することです。 1.検証コードメカニズム（Googler CaptchaやHcaptchaなど）を使用して、特に公共のWebサイトに適した人間とロボットを効果的に區(qū)別します。 2.隠しフィールド（ハニーポットテクノロジー）を設(shè)定し、ロボットを使用して機(jī)能を自動的に埋めて、ユーザーエクスペリエンスに影響を與えることなくスパムコメントを識別します。 3.コメントコンテンツのブラックリストを確認(rèn)し、敏感な単語の一致を通じてスパム情報(bào)をフィルタリングし、誤判斷を避けるために注意を払ってください。 4.コメントの頻度とソースIPを判斷し、単位時(shí)間あたりの提出數(shù)を制限し、ブラックリストを確立します。 5.サードパーティのスパムサービス（Akismet、CloudFlareなど）を使用して、識別の精度を向上させます。ウェブサイトに基づいていることができます
    
							
    
														
    
								
									Gutenbergブロックの資産を排除する方法
								
								Gutenbergブロックの資産を排除する方法
								Jul 09, 2025 am	 12:14 AM
								
    Gutenbergブロックを開発する場合、エンキュー資産の正しい方法には次のものが含まれます。1。register_block_typeを使用して、editor_script、editor_style、およびstyleのパスを指定します。 2。functions.phpまたはプラグインでwp_register_scriptとwp_register_styleを介してリソースを登録し、正しい依存関係とバージョンを設(shè)定します。 3.適切なモジュール形式を出力し、パスが一貫していることを確認(rèn)するためのビルドツールを構(gòu)成します。 4. Add_Theme_SupportまたはEnqueue_Block_Assetsを介してフロントエンドスタイルの読み込みロジックを制御して、フロントエンドスタイルのロードロジックが確保されるようにします。
    
							
    
														
    
								
									ユーザーにカスタムフィールドを追加する方法
								
								ユーザーにカスタムフィールドを追加する方法
								Jul 06, 2025 am	 12:18 AM
								
    カスタムユーザーフィールドを追加するには、プラットフォームに従って拡張メソッドを選択し、データ検証と許可制御に注意を払う必要があります。一般的なプラクティスには次のものが含まれます。1。データベースの追加のテーブルまたはキー価値ペアを使用して情報(bào)を保存します。 2.フロントエンドに入力ボックスを追加し、バックエンドと統(tǒng)合します。 3。機(jī)密データのフォーマットチェックとアクセス許可を制約します。 4.モバイルの適応とユーザーエクスペリエンスを考慮しながら、新しいフィールド表示と編集をサポートするインターフェイスとテンプレートを更新します。
    
							
    
													
    

													
								See all articles
								
							
											
    
				
    
					
	
	






		
	
	
	
	
	

	
	











    • <pre id="xjbru"></pre>