【ザ・トール】カスタムフィールドの活用ガイド:独自の入力をサイトに反映する方法

WordPressテーマ「THE THOR(ザ・トール)」でカスタムフィールドを有効化し、活用する方法を初心者向けに分かりやすく解説します。標準機能の表示方法から、投稿・固定ページへの追加手順まで網羅。サイトのカスタマイズ性を高め、より自由なコンテンツ制作を実現したい方は必見です。

カスタムフィールドの有効化と追加方法

ザ・トールでカスタムフィールドを使うには、WordPressの標準機能であるカスタムフィールドを有効にして、投稿やページに追加していく必要があります。カスタムフィールドを使いこなすには、ある程度の知識が必要となりますが、一度設定してしまえば、サイトの柔軟性を高めることができます。

1. カスタムフィールドの有効化

まず、カスタムフィールドをWordPressの投稿編集画面に表示させます。

  1. WordPressの管理画面から、カスタムフィールドを追加したい投稿やページを開きます。
  2. 画面右上の「表示オプション」をクリックします。
  3. ドロップダウンメニューの中から「カスタムフィールド」にチェックを入れます。

これで、投稿編集画面の下部に「カスタムフィールド」のメタボックスが表示されるようになります。

2. カスタムフィールドの追加

次に、表示されたカスタムフィールドのメタボックスに新しいフィールドを追加します。

  1. 「新規追加」をクリックします。
  2. 「名前」の欄に、任意のフィールド名を入力します。例:author_namepost_subtitleなど。
  3. 「値」の欄に、そのフィールドに表示させたい内容を入力します。例:山田太郎この記事のサブタイトルですなど。
  4. 入力が終わったら「カスタムフィールドを追加」をクリックします。

これで、投稿にカスタムフィールドが追加されました。

3. 追加したカスタムフィールドの表示方法

追加したカスタムフィールドの値を実際にサイト上に表示するには、PHPコードをテーマファイルに追記する必要があります。これは少し専門的な作業になります。

1. PHPコードの追記

ザ・トールのテーマファイル、特にsingle.php(投稿ページ)やpage.php(固定ページ)などの表示させたい箇所に、以下のPHPコードを追記します。

【PHP】

<?php
  // カスタムフィールドの値を取得
  $custom_field_value = get_post_meta( get_the_ID(), 'カスタムフィールド名', true );

  // 値が存在する場合に表示
  if ( ! empty( $custom_field_value ) ) {
    echo $custom_field_value;
  }
?>
Code language: HTML, XML (xml)

'カスタムフィールド名'の部分は、先ほど設定したフィールド名(例:author_name)に置き換えてください。

2. 注意点

  • テーマファイルを編集する際は、必ず子テーマを使用してください。親テーマを直接編集すると、テーマのアップデート時に変更内容が消えてしまいます。
  • コードの編集にはFTPソフトやファイルマネージャーが必要です。
  • PHPの知識がない場合は、安易な編集は避け、専門家や開発者に相談することをお勧めします。

これらのステップを踏むことで、ザ・トールでカスタムフィールドを柔軟に活用し、サイトの表現の幅を広げることができます。

カスタムフィールドを利用するメリットやデメリット

WordPressテーマの「THE THOR」(ザ・トール)でカスタムフィールドを利用する主なメリットとデメリットは以下の通りです。

メリット

  • 記事の構造化と管理の効率化: カスタムフィールドを使うと、記事ごとに特定の情報を入力する専用の入力欄を作成できます。これにより、価格や評価、商品情報など、定型的な情報を決まった形式で管理でき、記事の見栄えを統一しやすくなります。
  • デザインの柔軟性: カスタムフィールドで入力したデータは、テーマファイルに直接組み込むことで、記事の本文とは異なる場所に表示できます。例えば、レビュー記事で星評価を記事タイトルの下に表示させたり、商品情報をサイドバーに表示させたりと、デザインの自由度が広がります。
  • 絞り込み検索機能との連携: ザ・トールには絞り込み検索機能が標準搭載されています。カスタムフィールドと連携させることで、ユーザーは特定の条件(例:価格帯、カテゴリなど)で記事を絞り込んで検索できるようになり、サイトの利便性が向上します。

デメリット

  • 初期設定の手間: カスタムフィールドは、WordPressのデフォルト機能では使いにくい場合が多く、通常はAdvanced Custom Fields(ACF)のようなプラグインを導入して設定する必要があります。この初期設定に手間がかかり、特に初心者にとっては学習コストが高いと感じられることがあります。
  • テーマとの互換性問題: テーマやプラグインのアップデートによって、予期せぬ不具合が発生するリスクがあります。カスタムフィールドを利用するプラグインがテーマの特定のバージョンに対応していなかったり、レイアウトが崩れたりする可能性もゼロではありません。
  • データの移行の複雑さ: 将来的にテーマを変更する場合、カスタムフィールドで入力したデータは新しいテーマに引き継げないことがあります。この場合、手動でデータを移行する必要があり、手間がかかる可能性があります。

「THE THOR」の運用に適したレンタルサーバー比較

WordPressテーマ「THE THOR」を快適に運用するために、ロリポップ(LOLIPOP)、ConoHa WING(コノハ)、KAGOYA(カゴヤ)の3社のサーバーを比較しました。THE THORは高機能なテーマであるため、特に処理速度と安定性が重要になります。

項目ConoHa WINGロリポップKAGOYA
THE THORとの相性◎ 最適△/○ 選択プランによる○/△ 選択プランによる
推奨プランベーシック以上ハイスピード以上S10プラン以上
表示速度 (Webサーバ)国内最速クラス (LiteSpeed)スタンダード以下は遅め。ハイスピードは速い (LiteSpeed)速い (nginx/Apacheなど)
料金 (月額目安)比較的高め (長期契約割あり)比較的安め (エコノミー〜スタンダードは非常に安い)中〜高価格帯
安定性・スペック非常に高い (高性能CPU/SSD)スタンダード以下は低め。ハイスピードは高い高い (高性能CPU/SSD)
無料独自SSLあり (自動設定)あり (自動設定)あり (自動設定)
WordPress簡単インストールありありあり
無料お試し期間14日間10日間7日間 (一部プラン除く)

比較のポイントと結論

  1. ConoHa WING(コノハ)
    • THE THOR運用における最もおすすめの選択肢です。
    • Webサーバーに「LiteSpeed」を採用しており、国内トップクラスの高速表示と安定性を誇ります。THE THORの高機能を活かしきる環境が整っています。
    • 特に「ベーシック」プランであれば、多くの個人サイトで快適に利用できます。
  2. ロリポップ(LOLIPOP)
    • 「ハイスピード」プラン以上を選択すれば、ConoHa WINGと同様に「LiteSpeed」が採用されているため、THE THORでも十分な速度が期待できます。
    • それ以下の「スタンダード」や「ライト」では、速度面でTHE THORのパフォーマンスを出しきれない可能性が高く、非推奨です。
  3. KAGOYA(カゴヤ)
    • 安定性とインフラの信頼性が高いサーバーです。
    • 「S10」プラン以上を選べば、高い性能でTHE THORを安定的に運用できますが、価格帯がConoHa WINGよりも高くなることが多いため、速度と価格のバランスを考えるとConoHa WINGに軍配が上がることが多いです。

結論として、速度・安定性・価格のバランスから、THE THORを快適に運用するなら「ConoHa WING」の「ベーシック」プランが最もおすすめです。

THE THOR (ザ・トール) 商品構成

主な商品構成は、テーマ自体とその付随サービスから成り立っています。

具体的な「テーマ&サポートプラン」の構成要素を以下の表にまとめました。

構成要素詳細
WordPressテーマ一式親テーマと子テーマが含まれます。
インストール時メールサポート初心者の方でもスムーズに導入できるよう、インストールの際のメールサポートが含まれます。
会員限定サイト利用権マニュアル、フォーラム、メンバーズサイトへのアクセス権が得られます。
マニュアル閲覧権テーマの使い方に関するマニュアルが閲覧できます。
無料バージョンアップテーマの無料バージョンアップが提供されます。

テーマに標準装備されている主な機能・デザインパーツ(抜粋)

ザ・トールは、記事作成を強力にサポートする豊富なデザインパーツや機能が標準で搭載されているのが特徴です。

機能/パーツ概要
見出しデザイン53種類のデザインと無制限の配色パターン
アイコン498種類を標準装備
マーカー6種類のカラーと3種類の太さ
ボックス10種類(色やデザインのカスタマイズ可能)
ボタン10種類(色やデザインのカスタマイズ可能)
ラベル10種類(色やデザインのカスタマイズ可能)
レビューボックスシンプルなまとめを作成できる便利パーツ(背景スタイル・ボーダースタイルの2種類)
シェアボタン11種類のデザインが用意されており、記事の上下の目立つ位置に配置可能
着せ替えデザイン複数のレイアウトパターン(9種類のデザイン例など)
レイアウト設定1カラム/2カラム、サイドバーの位置、カラム幅などを設定可能

THE THOR(ザ・トール)の価格

THE THORには、テーマ単体のプランと、サーバーやドメインのセットアップまで代行してくれるプランの2種類があります。

THE THOR 価格一覧

プラン名税込価格内容・特典
テーマ単体プラン16,280円・テーマ本体(親テーマ・子テーマ)
・会員限定サイトの利用権
・無料バージョンアップ
らくらくサーバーセット30,140円・テーマ単体プランの内容すべて
・サーバー(1年間分)
・ドメイン(1年間分)
・インストール代行サービス

購入前に知っておきたいポイント

  • 追加費用なし: 一度購入すれば、月額費用などはかかりません。
  • 複数サイト利用OK: 1回の購入で、自分(購入者本人)が運営するサイトであれば無制限にインストール可能です。
  • サポート体制: インストールが完了するまでの「インストール調査員」という無料サポートが付いています。
  • デザイン着せ替え機能: プロがデザインした「デモサイト」と同じレイアウトをワンクリックで反映できる機能が無料で使えます。

注意点

以前はセットプランに「デザイン着せ替え設定代行」が含まれていましたが、現在は「サーバー・テーマのインストール代行」までとなっている場合が多いです。最新の詳細は公式サイトをご確認ください。

THE THOR(ザ・トール)の購入手順

THE THORの公式サイトから購入手続きを進めることになります。販売はインフォトップというASP(アフィリエイト・サービス・プロバイダ)を介して行われるのが主な流れです。

基本的な購入手順は以下の通りです。

  1. THE THORの公式サイトにアクセスする。
  2. 公式サイト内にある「テーマを購入する」や「テーマをダウンロード」といったボタンをクリックし、購入ページ(販売ページ)へ進みます。
  3. 購入プランを選択する。
    • テーマ&サポートプラン(自分でレンタルサーバーを用意する場合)
    • らくらくサーバーセットプラン(サーバーとテーマがセットになっている場合)
  4. 「カードで購入する」などのボタンをクリックし、決済画面へ進みます。(銀行振込などの選択肢もあります。)
  5. インフォトップ(infotop)のページで、お客様情報(メールアドレス、パスワードなど)を入力し、会員登録またはログインを行います。
  6. 支払い方法を選択し、決済を完了させます。
  7. 決済完了後、インフォトップの購入者マイページからテーマファイルをダウンロードします。(通常は.zipファイル形式です。)

⚠️ 注意点

  • 価格: 2025年11月現在、「テーマ&サポートプラン」は 16,280円(税込)などの価格が提示されていることが多いですが、価格は変動する可能性があるため、必ず公式サイトで最新の情報を確認してください。
  • ダウンロード期限: インフォトップでは、購入から14日以内など、ダウンロード期間が設けられている場合がありますので、購入後は早めにファイルをダウンロードしておくことをおすすめします。
  • インストール: ダウンロードしたテーマファイル(親テーマと子テーマ)を、ご自身のWordPressにアップロードして有効化する作業が必要です。

THE THORの公式サイトへアクセスし、購入ページの手順を確認しながら進めるのが確実です。

デザインに迷う時間は、もう終わり。稼ぐための最短ルートを、THE THORで

THE THORは「SEOに強く、収益化を目指すブログ・アフィリエイトサイトやWebメディアを、おしゃれかつ高速に運用したい」という方におすすめのWordPressテーマと言えるでしょう

【PR】