[WordPress]のカスタマイズで最初の方にやることいろいろ。wp_headの項目削除やstyle.cssの作成など。

WordPressで新しくテンプレートを作成するときに最初の方でやることをメモ。
wp_headの項目削除やstyle.cssの作成など。

header.php

<!DOCTYPE html>
<!--▼言語コード-->
<html <?php language_attributes(); ?>>
<head>
<meta charset="UTF-8">
<!--▼titleに「ページタイトル | ブログ名」と表示させる-->
<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
<meta name="description" content="">
<meta name="keywords" content="">
<!--▼スタイルシートの読み込み-->
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_stylesheet_uri(); ?>" />
<!--▼プラグインが使用するcssやjsファイルを読み込むタグ-->
<?php wp_head();?>
</head>
<!--▼クラスの自動生成-->
<body <?php body_class(); ?>>
  <header>
    <h1><a href="/">タイトル</a></h1>
  </header>

index.php

	<div id="main">
		<?php if(have_posts()): while(have_posts()): the_post(); //ループ開始 ?>
		<!--▼the_IDで記事のIDを出力--><!--▼クラスの自動生成-->
		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
			<!--▼日付の表示(管理画面→設定→一般→日付のフォーマット)-->
			<?php echo get_the_date(); ?>
			<!--▼カテゴリの表示(複数の場合カンマで区切るようにしている)-->
			Category - <?php the_category(', ') ?>
			<!--▼ページタイトル表示とリンクの設定-->
			<h1><a href="<?php the_permalink() ?>"><?php echo get_the_title(); ?></a></h1>
			<!--▼アイキャッチ画像とリンクの設定-->
			<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); /* アイキャッチ */ ?></a>
			<!--▼記事表示-->
			<?php the_content(); ?>
		<?php endwhile; endif; ?>
	</div>
	<?php get_sidebar(); ?>

footer.php

  <footer>
    <p class="copyright">
      <small>Copyright &copy; 2015 サイトNAME All Rights Reserved.</small>
    </p>
  </footer>
<!--▼プラグインが使用するcssやjsファイルを読み込むタグ-->
<?php wp_footer();?>
</body>
</html>

その他

  <!--▼抜粋表示 ← テーマのループ内で使用-->
  <?php the_excerpt(); ?>

wp_head()では不要な要素も出力されるので、functions.phpで不要な要素を削除しましょう。 削除する要素は用途に合わせて行ってください。

functions.php

<?php //wp_headの削除

	//サイト全体へのfeed出力の削除
	remove_action('wp_head', 'feed_links', 2);
	
	//その他のフィード(カテゴリー等)へのリンクを削除
	remove_action('wp_head', 'feed_links_extra', 3);
	
	//外部ツールを使ったブログ更新用のURLを削除
	remove_action('wp_head', 'rsd_link');
	
	//Windows Live Writerを使った記事投稿URLを削除
	remove_action('wp_head', 'wlwmanifest_link');
	
	//前の記事と後の記事のURL(rel="next"、rel="prev")を削除
	remove_action('wp_head', 'adjacent_posts_rel_link_wp_head');
	
	//WordPressのバージョン情報を削除
	remove_action('wp_head', 'wp_generator');
	
	//URL正規化タグを削除
	remove_action('wp_head', 'rel_canonical');
	
	//rel="index"削除
	remove_action('wp_head', 'index_rel_link');
	
	//rel="up"削除
	remove_action('wp_head', 'parent_post_rel_link', 10, 0);
	
	//rel="strat"削除
	remove_action('wp_head', 'start_post_rel_link', 10, 0);
	
	//?p=[投稿ID]形式のデフォルトパーマリンクのURLを削除
	remove_action('wp_head', 'wp_shortlink_wp_head');
?>

ちなみにこのサイトで使用しているソースコードをハイライト表示する「SyntaxHighlighter Evolved」は、

template.php

<?php wp_footer(); ?>

も必要です。
こちらは</body>の前に設置します。

■テーマ用スタイルシートの作成

オリジナルテーマを使用するときに必ず用意するスタイルシートです。

style.css

/*
Theme Name: テーマの名前 ※必須
Description:テーマの説明
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

■パーマリンクの変更

いろいろ調べてこちらに落ち着きました。

管理画面

/%postname%

LATEST ENTRY - 新着記事 -

CATEGORY - カテゴリ一覧 -