WordPressテーマを作る - 版の履歴

Y: /* 投稿のループ表示 */

2019-02-21T06:46:20Z

投稿のループ表示

← 古い版		2019年2月21日 (木) 15:46時点における版
290行目:		290行目:

	ループ終わり：		ループ終わり：
	<nowiki><?php endwhile; else : ?>		<nowiki> <?php endwhile; else : ?>
	<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>		<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
	<?php endif; ?></nowiki>		<?php endif; ?></nowiki>

Y: /* 投稿のループ表示 */

2019-02-21T06:46:12Z

投稿のループ表示

← 古い版		2019年2月21日 (木) 15:46時点における版
290行目:		290行目:

	ループ終わり：		ループ終わり：
	<~~pre~~>		<nowiki><?php endwhile; else : ?>
	<?php endwhile; else : ?>
	<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>		<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
	<?php endif; ?>		<?php endif; ?></nowiki>
	</~~pre~~>

	* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う		* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う
	* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください		* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください

Y: /* 投稿のループ表示 */

2019-02-21T06:45:39Z

投稿のループ表示

← 古い版		2019年2月21日 (木) 15:45時点における版
290行目:		290行目:

	ループ終わり：		ループ終わり：
	<pre><?php endwhile; else : ?>		<pre>
			<?php endwhile; else : ?>
	<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>		<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
	<?php endif; ?></pre>		<?php endif; ?>
			</pre>

	* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う		* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う
	* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください		* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください

Y: /* 投稿のループ表示 */

2019-02-21T06:45:30Z

投稿のループ表示

← 古い版		2019年2月21日 (木) 15:45時点における版
290行目:		290行目:

	ループ終わり：		ループ終わり：
	<?php endwhile; else : ?>		<pre><?php endwhile; else : ?>
	<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>		<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
	<?php endif; ?>		<?php endif; ?></pre>

	* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う		* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う
	* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください		* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください

Y: /* 余計なヘッダを削除 */

2019-02-21T06:45:03Z

余計なヘッダを削除

← 古い版		2019年2月21日 (木) 15:45時点における版
252行目:		252行目:
	初期状態の WordPress <head>内には余計なタグがたくさん挿入されている。それらを消したい場合は function.php にその旨を記述する。		初期状態の WordPress <head>内には余計なタグがたくさん挿入されている。それらを消したい場合は function.php にその旨を記述する。

	add_filter( 'emoji_svg_url', '__return_false' );		<nowiki>add_filter( 'emoji_svg_url', '__return_false' );
	← <link rel='dns-prefetch' href='//s.w.org' />		← <link rel='dns-prefetch' href='//s.w.org' />

281行目:		281行目:
	rremove_filter('the_title', 'wptexturize');		rremove_filter('the_title', 'wptexturize');
	remove_filter('the_content', 'wptexturize');		remove_filter('the_content', 'wptexturize');
	← タイトルとコンテンツ内のハイフン自動変換を無効		← タイトルとコンテンツ内のハイフン自動変換を無効</nowiki>

	==投稿のループ表示==		==投稿のループ表示==

Y: /* ウィジェット機能を実装 */

2019-02-21T06:44:24Z

ウィジェット機能を実装

← 古い版		2019年2月21日 (木) 15:44時点における版
234行目:		234行目:

	===ウィジェット機能を実装===		===ウィジェット機能を実装===
	function theme_slug_widgets_init() {		<pre>function theme_slug_widgets_init() {
	register_sidebar( array(		register_sidebar( array(
	'name' => 'ウィジットエリア',		'name' => 'ウィジットエリア',
244行目:		244行目:
	) );		) );
	}		}
	add_action( 'widgets_init', 'theme_slug_widgets_init' );		add_action( 'widgets_init', 'theme_slug_widgets_init' );</pre>

	===アイキャッチ画像機能を実装===		===アイキャッチ画像機能を実装===

Y: /* メニュー機能を実装 */

2019-02-21T06:43:50Z

メニュー機能を実装

← 古い版		2019年2月21日 (木) 15:43時点における版
224行目:		224行目:
	下記コードで好きな場所に表示させることができる。		下記コードで好きな場所に表示させることができる。

	<nav>		<pre><nav>
	<?php wp_nav_menu( array(		<?php wp_nav_menu( array(
	'theme_location'=>'global-menu',		'theme_location'=>'global-menu',
	'container' =>'',		'container' =>'',
	'menu_class' =>'',		'menu_class' =>'',
	'items_wrap' =>'<ul id="main-nav">%3$s</ul>'));		'items_wrap' =>'<ul id="main-nav">%3$s</ul>'));
	?>		?>
	</nav>		</nav></pre>

	~~？詳細は wp_nav_menu を参照~~

	===ウィジェット機能を実装===		===ウィジェット機能を実装===

Y: /* スタイルシート機能を実装 */

2019-02-21T06:41:10Z

スタイルシート機能を実装

← 古い版		2019年2月21日 (木) 15:41時点における版
202行目:		202行目:

	＊ WordPress ではスタイルシートは上記のように function.php で指定することが推奨		＊ WordPress ではスタイルシートは上記のように function.php で指定することが推奨

			===メニュー機能を実装===
			ブログにグローバルメニューやサイドメニューを実装する。管理画面の「外観 > メニュー」から管理できるようになる。

			function register_my_menu() {
			register_nav_menu('global-menu',__( 'グローバルメニュー' ));
			}
			add_action( 'init', 'register_my_menu' );

			#複数登録する場合
			function register_my_menus() {
			register_nav_menus(
			array(
			'global-menu' => __( 'グローバルメニュー' ),
			'side-menu' => __( 'サイドメニュー' )
			)
			);
			}
			add_action( 'init', 'register_my_menus' );

			下記コードで好きな場所に表示させることができる。

			<nav>
			<?php wp_nav_menu( array(
			'theme_location'=>'global-menu',
			'container' =>'',
			'menu_class' =>'',
			'items_wrap' =>'<ul id="main-nav">%3$s</ul>'));
			?>
			</nav>

			？詳細は wp_nav_menu を参照

			===ウィジェット機能を実装===
			function theme_slug_widgets_init() {
			register_sidebar( array(
			'name' => 'ウィジットエリア',
			'id' => 'sidebar',
			'before_widget' => '<div id="%1$s" class="widget %2$s">',
			'after_widget' => '</div>',
			'before_title' => '<p class="side-title">',
			'after_title' => '</p>',
			) );
			}
			add_action( 'widgets_init', 'theme_slug_widgets_init' );

			===アイキャッチ画像機能を実装===
			add_theme_support( 'post-thumbnails' );

			===余計なヘッダを削除===
			初期状態の WordPress <head>内には余計なタグがたくさん挿入されている。それらを消したい場合は function.php にその旨を記述する。

			add_filter( 'emoji_svg_url', '__return_false' );
			← <link rel='dns-prefetch' href='//s.w.org' />

			remove_action('wp_head', 'wp_generator');
			← <meta name="generator" content="WordPress 4.9.6" />

			remove_action('wp_head', 'rsd_link');
			← <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://galellia.com/xmlrpc.php?rsd" />

			remove_action('wp_head', 'wlwmanifest_link');
			← <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://galellia.com/wp-includes/wlwmanifest.xml" />

			remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
			← <script type="text/javascript">window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/ima ...

			remove_action( 'wp_print_styles', 'print_emoji_styles' );
			← <style type="text/css">img.wp-smiley,img.emoji {display: in ...

			remove_action('wp_head','rest_output_link_wp_head');
			← <link rel='https://api.w.org/' href='https://galellia.com/wp-json/' />

			remove_action('wp_head','wp_oembed_add_discovery_links');
			← ?

			remove_action('wp_head','wp_oembed_add_host_js');
			← <script type='text/javascript' src='https://galellia.com/wp-includes/js/wp-embed.min.js?ver=4.9.6'></script>

			rremove_filter('the_title', 'wptexturize');
			remove_filter('the_content', 'wptexturize');
			← タイトルとコンテンツ内のハイフン自動変換を無効

			==投稿のループ表示==
			WordPress では１件あるいは複数の投稿表示にループ機能を利用する。

			ループ始まり：
			<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

			ループ終わり：
			<?php endwhile; else : ?>
			<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
			<?php endif; ?>

			* [http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query WP_Query] - クエリを変更するときは、こちらを使う
			* [http://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/query_posts query_posts] -query_posts は決して使うべきではありません。... 投稿の取得には WP_Query あるいは get_posts を使ってください

Y: /* テンプレート優先順位 */

2019-02-21T06:34:24Z

テンプレート優先順位

← 古い版		2019年2月21日 (木) 15:34時点における版
177行目:		177行目:
	# index.php		# index.php
	</div>		</div>

			==テーマの機能ファイル - function.php==
			function.php はテーマに機能を実装させるためのテンプレートファイル。タイトル機能、スタイルシート機能、メニュー機能、ウィジェット機能など、様々な機能を実装させることができる。

			あくまでも PHP の機能として実装されるため、function.php の先頭行は <?php を記述。

			===タイトル機能を実装===
			HTML文書に titleタグを追加する。下記の例はサイトディスクリプションは非表示。プラグイン「All In One SEO Pack」を導入しても良い。

			add_theme_support( 'title-tag' );
			function wp_document_title_parts ( $title ) {
			if ( is_home() \|\| is_front_page() ) {
			unset( $title['tagline'] );
			}
			return $title;
			}
			add_filter( 'document_title_parts', 'wp_document_title_parts', 10, 1 );

			===スタイルシート機能を実装===
			function theme_name_scripts() {
			wp_enqueue_style( 'my-stylesheet', get_stylesheet_uri() );
			}
			add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

			＊ WordPress ではスタイルシートは上記のように function.php で指定することが推奨

Y: /* テンプレート優先順位 */

2019-02-21T06:31:58Z

テンプレート優先順位

@@ 122行目: / 122行目: @@
 # single.php
 # singlar.php
 # index.php
 </div>