はじめに

ローカル環境で構築したWordPressサイトをサーバーにアップする時に編集しますよね。
そう。
.htaccess！！

さて、そんな.htaccessですが、中身の記述がローカルとサーバーで違うことがあります。
「デフォルトはどんなだったかな？」とついつい他のサイトからダウンロードして中身を確認してしまうのでここに書いておきます。

基本の記述

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

はい。
この記述でサーバー上では問題無いかと思います。

他にリダイレクトの設定も時たま使うことがあります。
一般に使われるリダイレクトとして「301」と「302」があり、それぞれ使い分ける事が重要です。

よく使われるリダイレクトの設定

301リダイレクト

元のURLから新しいURLへ恒久的に転送する設定。
サイトの引っ越しをした時や、URL正規化の際に使用します。

# 301リダイレクト
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^転送元URL$ 転送先URL [R=301,L]
</IfModule>

302リダイレクト

URLを一時的に変更する時に使います。
ページの内容を変更をする際、一時的に代わりとなるページを用意する時に使われたりします。
または、期間を決めてページをクローズさせたり、メンテナンス、不具合時の対応などなどです。

# 302リダイレクト
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^転送元URL$ 転送先URL [R=302,L]
</IfModule>

注意点

これまでの記述例ははページ単位での転送となります。

おわりに

.htaccessの記述はとても奥が深いです。
301・302の他に「308」や「404」、ページ単位や別ドメインなどなど…
記述方法やステータスコードでも色々な種類があります。
サイトのリニューアル・引っ越し、ページの削除から一時的な対応、SEOの関係等から使うケースは少なくありません。
WordPressサイトを構築する時に.htaccessと仲良くなっておくと役に立つときは必ずあります（経験あり）。
これからも.htaccessには常々気を配っていきましょう。

参照サイト

WordPress.org 日本語

htaccess

.htaccess は、Apache が設定変更をディレクトリ毎に管理するための分散型の設定ファイルです。 W…

ja.wordpress.org

カテゴリではアルファベット・五十音順となっていますね。
特に目立たせたいカテゴリを上部に表示させようと思うとちょっと面倒になります。

そういったWordPressの並び替えの悩みを簡単に解決することができるのが「Intuitive Custom Post Order」です。

Intuitive Custom Post Order

ドラッグ & ドロップで並べ替え可能な JavaScript を使って、直感的に項目 (投稿、ページ、カスタム投稿タイプ、カスタムタクソノミー、サイト) の順序を変えることができます。

ja.wordpress.org

Intuitive Custom Post Orderのインストールと設定

プラグインの新規追加画面からキーワード「Intuitive Custom Post Order」で検索すると左上に表示されると思いますので、こちらを「今すぐインストール」します。

「有効化」した後、「設定」から「並び替え設定」へ進みます。

※こちらのプラグインは「有効化」しただけでは使えません。

設定画面より、
投稿・固定ページ・カスタム投稿/カテゴリー・タグ・カスタム投稿のカテゴリー
から並び替えしたいものにチェックを入れて「更新」します。

※並び替えが有効になった投稿/固定ページ・カテゴリの一覧ページでは、ドラッグ&ドロップですぐに並び替えができてしまうため（ドラッグ&ドロップをすると自動で保存されます）、並び替えを行いたくないページにはチェックを入れないようにしましょう。

Intuitive Custom Post Orderの使い方

先程の設定画面でチェックを入れた投稿/固定ページ・カテゴリの一覧ページで並び替えを行うことができます。

一覧部分にマウスカーソルを持っていくとポインタが「移動（上下左右の矢印）」のポインタに変わりドラッグすることにより並び替えができるようになります。
移動させた後は保存などの操作をしなくても自動で保存されます。
簡単に並び替えをすることができる反面、誤操作で並び順が変わってしまうこともあるので適用させたいもの以外には設定しないのが吉です。

ファイル名を参照しつつ調整するのも良いのですが、調整しているページに現在のテンプレートファイル名が表示されていれば都度確認する手間も省けます。

そんな事ができる便利なプラグインが「Show Current Template」です。

Show Current Template

使用中のテンプレートファイル名、テーマ名、インクルードされているファイル名をツールバーに表示するプラグインです。

ja.wordpress.org

Show Current Templateのインストール

プラグインの新規追加画面よりキーワード検索で「Show Current Template」と検索すると左上に表示されると思います。

「今すぐインストール」して有効化します。

Show Current Templateの表示

有効化するだけでフロントページにテンプレートファイル名が表示されるようになります。
設定等も無いため、インストールすればすぐに使うことが可能。

管理画面にログインした状態でフロントページを確認すると上部管理バーに「テンプレート」という項目が追加されており、ここに現在表示されているページのテンプレートファイル名が表示されます。

さらにこの「テンプレート」の所へマウスカーソルを持っていくと詳細情報が表示され、それぞれ「テンプレートファイルへの相対パス」「テーマ名」「インクルードされているテンプレートファイル名」を確認することができます。

以前ご紹介した「Query Monitor」と組み合わせて使うこともできますので、ダブルで使って開発の効率アップができますね。

Query Monitor – The developer tools panel for WordPress

Query Monitor は WordPress 開発者向けのツールパネルです。

ja.wordpress.org

データベース情報の読み込みやPHP部分の調整を行う際に使うのが多いかと思いますが、
個人的に良く見ているところは「情報」から確認することができるサーバーのPHPバージョン等です。
表示もシンプルで分かりやすく、サイトのリニューアル等でWordPressを使っているクライアントさんにインストールしてもらえれば、サーバーの情報を確認することができるのでその後の対応がスムーズにできます。

サクッとインストールして表示される項目を確認します。

表示される項目について

Query Monitorをインストールして「有効化」すると、管理画面上部に項目が表示されるようになります。

フロントページの上部にも管理バーの部分に項目が表示されます。
情報の表示方法は簡単で、追加された「s」や「kB」のところをクリックすると画面下部に各種情報が表示されます。
プルダウンで表示される各種項目部分をクリックするとその項目の情報がすぐに表示されるので確認したい項目を選択しましょう。

さて、上部に追加された項目ですが、左から「ページ生成時間」、「最大メモリ使用量」、「データベースクエリー時間」、「データベースクエリー」の順で並んでいます。
構築・運用・メンテナンス全てにおいてあるとかなり捗るプラグインですね。

Yoast Duplicate Post

強力な書き換え & 再公開機能を含む、投稿やページの複製に最適なツールです。

ja.wordpress.org

以前のプラグイン名は「Duplicate Post」だったのですが、いつの間にか「Yoast Duplicate Post」という名前になったのですね。
インストールしようと思ったら別のものかと思ってしまいました。。

何は無くともプラグインのインストール

プラグインの「新規追加」画面よりキーワード「duplicate post」で検索します。

すると、左上に「Yoast Duplicate Post」が表示されると思いますので、こちらを「今すぐインストール」！

有効化すると左の「設定」から「Yoast Duplicate Post」の各設定を行うことができるようになります。

使い方など

このプラグイン、使い方はとても簡単で「投稿一覧ページ」または「投稿編集ページ」より投稿の複製ができるようになります。

複製したい投稿にマウスカーソルを持っていくと「編集」等のリンクに「複製」が追加されています。
「複製」をクリックすると、「下書き」の状態で投稿が複製されます。

「複製」してから「クイック編集」でサクサク投稿を増やしていくことができます。
表示確認のために予めテキストを入力したものを用意しておくと便利です。

カスタム投稿の複製に関して

さて、通常の投稿であればプラグインを入れただけで投稿の複製はできるのですが、
カスタム投稿に対しては入れるだけでは使えません。

先程の複製するための項目が表示されないのです。。

カスタム投稿で「Duplicate Post」を使えるようにするためには「Duplicate Post 設定」を変更する必要がありました。

メニュー左側「設定」の項目より「Duplicate Post」をクリック、
「権限」タブの「これらの投稿タイプに対して有効化」の「カスタム投稿」にチェックを入れます。
そして「変更を保存」。

するとカスタム投稿でも複製ができるようになります。

先程のカスタム投稿に複製するための項目が表示されるようになっています。

「Duplicate Post」を入れただけでカスタム投稿にも使えるものと思っていましたが、設定の変更をしないと使えなかったため少し焦りました。
なかなか気付きにくいポイントですね。

また、先程の「Duplicate Post 設定」の権限設定に以下の文章があるように「カスタム投稿」を使っていないテーマの場合は「カスタム投稿」のチェックボックスは表示されません。

プラグインを有効化したい投稿タイプを選択してください。
テーマまたはプラグインによって登録されたカスタム投稿タイプのリンクが表示されるかどうかは、それらが標準の WordPress UI 要素を使っているかどうかによります。

全角が入っているとキーワードを区切れず、1つのキーワードとして認識されるようです。

プラグインで解決できるかも

そんな時は「WP Multibyte Patch」というプラグインで解決できるかもしれません。

WP Multibyte Patch

WordPress 日本語版パッケージのためのマルチバイト機能の拡張。

ja.wordpress.org

このプラグインを有効化すると全角のスペースが半角に自動で置き換えられ、複数キーワードでの検索が行えるようになります。

全角のスペースで入力して検索しても、
上のスクリーンショットでは真ん中のスペースが半角になっています。

WP Multibyte Patchについて

「WP Multibyte Patch」というプラグインですが、サーバーの自動インストールでは入っていないこともあります。
サイトからWordPressをダウンロードしても入っていないですね。

実際に運用されているWordPressのサイトでも入れていないこともあるのではないでしょうか？

プラグインの機能としては、上記検索での全角スペース問題の解消や、
投稿の抜粋で補助機能が追加されたり文字列のカウント方式の設定などWordPressを日本語で運用していく中での様々な不具合を解消してくれます。

是非サイト運用の初期段階から入れておきたいプラグインですね。

この記事が役に立ちそうな方

・WordPressのCSSをシンプルに読み込んでいるテーマを使っている
・自作テーマ等でCSS読み込み部分を直接記述している
・クライアントのサイトをWordPressで制作している

<link rel="stylesheet" type="text/css" media="screen" href="<?php $filepath='/css/ファイル名.css'; echo esc_url( get_theme_file_uri( $filepath )); echo '?='.date('YmdHi',filemtime( get_theme_file_path( $filepath ))); ?>">

CSSを読み込んでいるところを上記PHPコードに変更すると、CSSファイルが更新される度にCSSファイルのファイルパス末尾に新たなクエリが付与され過去のキャッシュを参照しなくなります。

プラグイン等でキャッシュを生成し読み込み速度を改善するものを入れられていた場合は、
CSSファイル更新後、都度管理画面からキャッシュを削除する必要はあります。

あんまりカテゴリが増えてしまうとそれぞれのカテゴリで絞り込んだ時に、「もうちょっと大きな分類で表示できれば！」と思うわけです。
そんな時には細々したカテゴリをまとめるために「親カテゴリ」を設定すると良いですね。
私のブログだと、「Amazon」「百円均一」というカテゴリがあり、これに「買い物」という親カテゴリを追加して設定。
こうすると「親カテゴリ」を選ぶと小カテゴリの「Amazon」と「百円均一」の記事がまとめて表示されます。
便利ー！

後から親カテゴリを設定すると、子カテゴリで絞り込んだ記事一覧ページのURLに親カテゴリのスラッグが追加されますので、カテゴリを追加するタイミングでカテゴリに親子関係を持たせておくのが良いかもです。

親カテゴリが選択されていたほうが良いケース

さて、小カテゴリの選択だけでも問題はなかったりするのですが、「親カテゴリが設定されていた場合に～」といった条件で記事を読み込む等、親カテゴリも設定しておくと後々役に立ったりします。

本当に必要なときだけ使う設定ではあるのですが、管理画面の投稿編集ページで小カテゴリにチェックを入れると親カテゴリにもチェックが入るようにする設定があります。

自動チェックの設定方法

functions.phpファイルに追記します。
※ファイルの編集を行う際は、必ずバックアップをとりましょう！

function cat_parent_check() {
?>
<script>
jQuery(function($) {
  $('#taxonomy-category .children input').change(function() {
    function parentNodes(checked, nodes) {
      parents = nodes.parent().parent().parent().prev().children('input');
      if (parents.length != 0) {
        parents[0].checked = checked;
        parentNodes(checked, parents);
      }
    }
    var checked = $(this).is(':checked');
    $(this).parent().parent().siblings().children('label').children('input').each(function() {
      checked = checked || $(this).is(':checked');
    })
      parentNodes(checked, $(this));
  });
});
</script>
<?php
}
add_action('admin_head-post-new.php', 'cat_parent_check');
add_action('admin_head-post.php', 'cat_parent_check');

親カテゴリは絶対に選択するべきなのか？
この疑問についてはもうちょっと深堀りしてみたいですね。

そんな時に「AddQuicktag」というプラグインを使うと予めCSSで装飾を設定したクラス名やタグを登録でき、開始タグと終了タグを簡単に入力できるようになります。

AddQuicktag

AddQuicktag は HTML エディター・ビジュアルエディターへのクイックタグの追加を容易にします。

ja.wordpress.org

カスタム投稿でも使おうとしたら使えなかった！

カスタム投稿で追加した投稿ページに「AddQuicktag」で追加したタグを使おうと入力ボタンを探したのですが、どこにも無いのです。
設定ページを見ても、チェックボックスで表示させるところを設定するのですが、カスタム投稿名は無い！
これを解消するには「functions.php」の編集が必要なのです。

カスタム投稿で「AddQuicktag」を使えるようにする記述

function addquicktag_post_types($post_types) {
    $post_types[] = 'ここにカスタム投稿のスラッグ';
    return $post_types;
}
add_filter('addquicktag_post_types', 'addquicktag_post_types');

上記を「functions.php」に追加すると、「AddQuicktag」の設定画面、チェックボックスの所に指定したカスタム投稿の「スラッグ」名が表示されています！
これにチェックを入れるとカスタム投稿でも「AddQuicktag」が使えるようになります。

何年も前に使っていたプラグインなのですが、久々に使うとやっぱり便利ですね。

ITの分野ではURLの末尾に設定する文字列の事だと思うのですが、
本来は「ナメクジ」や「怠け者」ってなるそうです。

あれですかね？
ナメクジが這った後にできる跡とかそんな感じでしょうか。

～閑話休題～

そんなスラッグですが「MW WP Form」でもスラッグを設定できるんです！

スラッグを使わないと困ることがある

「MW WP Form」でフォームを表示させる時は「フォーム識別子」のショートコードをコピペしていると思います。
この方法で簡単に表示できて大変良いのですが、フォームを作るたびに識別子のkeyが変わってしまうのです。
構築環境と運用している環境でkeyが変わってしまうため、同じショートコードを使えなくなってしまうということがあります。

例としては、フォームページを後から追加した時に構築環境と運用環境でフォームのプラグインを追加し、フォームを作成した時にkeyが全然違うものになってしまうのです。
これでは、構築環境のファイルをそのまま運用環境にアップしてもフォームは表示されません。

そこでスラッグを使って差異が出ないようにするのです。

MW WP Formでスラッグを使えるようにする

プラグインをインストールして、フォームを作る段階では「非表示」になっているのでこれを「表示」にします。

「表示」にチェックを入れると本文下にスラッグを入力する欄が表示されます。

ここにフォームにあったスラッグ名（contactやentryなど）を入力すると、以下の記述でフォームを表示させることが出来るようになります。

投稿に記述する場合

[mwform_formkey slug="スラッグ名"]

PHPファイルに直接記述する場合

<?php echo do_shortcode( '[mwform_formkey slug="スラッグ名"]' ); ?>

スラッグはやっぱり便利ですね。

MW WP Form

MW WP Form is shortcode base contact form plugin. This plugin have many features. For example you can use many validatio...

wordpress.org