studio benkei スタジオベンケイ

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

2013/02/11

WordPressのカスタマイズで最初の方にやることいろいろ

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 © 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');
?>

プラグイン利用などでJSなどの自動出力用に下記の設定も必要です。

▼template.php

<?php wp_footer(); ?>

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

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

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

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

■パーマリンクの変更

いろいろ調べてこちらに落ち着きました。投稿名です。

▼管理画面

/%postname%/

Latest Post

Category

About