WordPressブロックエディタでタグをチェックボックスにして使いやすくする

この記事はプロモーションが含まれています。

WordPressでは編集時にタグ名を直接入力する仕様になっていて、使いがっては少し不便です。カテゴリーのようにチェックボックスで入力出来れば操作性が向上します。タグは関連する記事を複数のカテゴリーに渡って紐づけできる機能で、サイトの内の回遊率アップにも貢献できます。テーマに関連の記事を表示できる機能がある場合タグで関連つけて、サムネイル表示すると訴求もアップできます。

function.php をカスタマイズ

投稿のタグによる関連付けは、シンプル操作ですが、適切な入力が迅速に行えるとはいいがたいものになっています。(カテゴリーのようにリスト表示から選択することができない。)テーマに簡単なコードを追加するだけでカテゴリーと同様の使い勝手を実現することができます。

function.php にカスタマイズソースを貼り付けることで、記事編集画面でタグをチェックボックス化することができるようになります。

ダッシュボードから、外観 → テーマエディタ → function.phpを開きます。コードの内容はテーマによって異なりますが、<? php 内にコピーして追加すれば稼働します。操作に慣れていない場合はバックアップを取ることを忘れずに作業してください。

function _re_register_post_tag_taxonomy() {
	
	$tag_slug_args = get_taxonomy('post_tag'); // returns an object
	$tag_slug_args -> hierarchical = true;
	$tag_slug_args -> meta_box_cb = 'post_categories_meta_box';
	
	register_taxonomy( 'post_tag', 'post',(array) $tag_slug_args);

}
add_action( 'init', '_re_register_post_tag_taxonomy', 1 );

上記のコードを追加すればページ編集モードでのタグは使いやすくなりましたが、記事一覧での絞り込み検索には対応できません。タグによる絞り込みを行うには同様にコードを追加してカスタマイズします。

追加するコードは以下のようになります。

function add_post_tag_filter() {
global $post_type;
if ( $post_type == 'post' ) {
wp_dropdown_categories( array(
'show_option_all' => 'タグ一覧',
'orderby' => 'name',
'hide_empty' => 0,
'selected' => get_query_var( 'tag' ),
'name' => 'tag',
'taxonomy' => 'post_tag',
'value_field' => 'slug',
) );
}
}
add_action( 'restrict_manage_posts', 'add_post_tag_filter' );
function reset_post_tag_filter() {
if ( isset( $_GET['tag'] ) && '0' == $_GET['tag'] ) {
unset( $_GET['tag'] );
}
}
add_action( 'load-edit.php', 'reset_post_tag_filter' );

カスタマイズするなら子テーマを利用

WordPressをカスタマイズするなら子テーマを作成しておきましょう。テーマを直接カスタマイズしてしまうと、テーマのバージョンアップ(更新)によって変更した内容が上書きされてしまい、せっかくカスタマイズしたものが標準に戻ってしまうためです。

子テーマを使うメリットは、テーマが更新されてもカスタマイズの内容を保持できるというメリットがあります。その反面、子テーマを使用するデメリットは、作成に時間や労力がかかることです。サイト自体が重くなることもデメリットの1つです。親テーマに加えて子テーマを読み込む必要があるため、サイトの表示速度が遅くなってしまいます。

Gutenberg への移行

「Gutenberg」は従来の「Classic Editor」から切り替えられるとアナウンスされ、公式サイトでは以下のようにコメントされています。「Classic Editor は公式な WordPress プラグインであり、少なくとも2022年まで、または必要なくなるまでの間、完全にサポート・保守されます。」

サポート終了が近くなっていますが、「Gutenberg」への移行率が低くしばらくは「Classic Editor」も利用できそうです。

メリットデメリット
ブロックの種類が多い、カラムを分割することができる、ギャラリーやボタン、ウイジェットなども挿入できる。高度なデザインのページ編集ができる高度なデザインの記事を作るには便利ですが、高機能なことで操作が難しく感じられる
コンテンツの色やサイズを細かく設定できるブロックの生成作業が面倒、記事を書き進めるたびにブロックを選択して生成する手間が発生する
ブロックごとに簡単にコピーしたり入れ替えたりできるクラッシックブロックがビジュアルエディタにしか対応していない
Gutenberg のメリットとデメリット

「Gutenberg」はいづれWordPressのデフォルトエディタになることは間違いないでしょう。当初の予定では2021年12月31日で「Classic Editor」のサポートを終了するはずでした。しかし、その後思ったほど「Gutenberg」の使用率が高くないため、2022年以降、必要ならばサポート保守される方針に変更されました。

WordPress導入時から「Gutenberg」を利用しているサイトは問題ありませんが、「Classic Editor」でサイトを構築している場合はそれなりに準備をされることが推奨されます。エディタを切り替えることで表示されない等はありませんが、編集に戸惑ってしまう、編集に関するプラグインが利用できないといったことは発生します。(「Add Quick Tag」は機能しなくなります。)この際徐々に変更されるのがお勧めかもしれません。

コピペで作業する簡単なカスタマイズですが、function.phpを直接編集するので失敗するとサイトが表示されなくなったり、管理画面にログインできなくなったりします。操作に慣れていない場合はバックアップを取ることを忘れずに作業してください。復旧にはWordPressにログインしなくても作業ができるサーバーの機能を利用されると安心でしょう。

WordPressとは

WordPressは無料で利用できるCMS(Contents Management System)であることから、多くの企業やブロガー、アフェリエイターによって運用されています。特徴の一つにテーマ・テンプレートを切り替えることで簡単にサイトのデザインを変更できることです。なかでも、Wordpress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。

WordPress運用のポイント

WordPressは非常に人気のあるコンテンツ管理システム(CMS)で、ブログやウェブサイトの作成・運営に広く利用されています。そんなWordPressの運用にあたっては考慮すべきポイントがいくつかあります。

テーマの選定とカスタマイズ】適切なテーマを選び、必要に応じてカスタマイズすることで、サイトのデザインやユーザビリティを向上させることができます。

【プラグインの管理】必要な機能を追加するためにプラグインを使用しますが、不要なプラグインは削除し、定期的に更新することが推奨されます。これにより、セキュリティリスクを軽減できます。

※有料WordPressテーマはカスタマイズが容易で、豊富な機能が装備されているのでおすすめといえるでしょう。

【定期的なバックアップ】データの損失を防ぐために、定期的にバックアップを取ることが重要です。プラグインを利用することやレンタルサーバーのバックアップを活用しましょう。

セキュリティ対策】WordPressは人気があるため、攻撃の対象になりやすいです。セキュリティプラグインの導入や、定期的なパスワード変更、SSL証明書の導入などが推奨されます。

パフォーマンスの最適化】サイトの表示速度を向上させるために、キャッシュプラグインの利用や画像の最適化を行うことが重要です。

【SEO対策】検索エンジン最適化(SEO)を意識したコンテンツ作成や、SEOプラグインの活用が重要です。これにより、検索結果での表示順位を向上させることができます。

ユーザーエンゲージメント】コメント機能やSNSとの連携を活用し、訪問者とのコミュニケーションを促進することも大切です。

※SEO対策やSNSとの連携は専門知識も要求されます、外部サービスの利用を検討されてはいかがでしょう。

有料WordPressテーマのメリット

WordPressテーマには、テーマディレクトリからダウンロードして利用できるものの他に、無料で公開されているもの、WEB制作会社等から販売されているものがあります。有料テーマを利用するメリットには以下のものがあります。

  • デザイン性が高くなる
  • 業種・目的に合ったテーマを選びやすい
  • カスタマイズをしなくても使える
  • プラグイン・ウィジェットの機能が充実している
  • 記事の装飾機能が充実している
  • 記事の作成に集中できる
  • 無料テーマよりもSEOが強い

wordpress.org で公開されているテーマは無料で利用できることが魅力ですが、カスタマイズやプラグインの導入などが必要です。その点有料テーマはカスタマイズの柔軟性やプラグインを利用しなくても十分機能をもたされているので、関連のスキルを学習することなくサイトの運用を開始できます。

おすすめの記事