【THE THORカスタム投稿タイプ(お知らせ)のカスタマイズ】初心者向けに画像付きで解説

the thor カスタム投稿 ボーダースタイル
今回は、WordPressテーマ「THE THOR(ザ・トール)」カスタム投稿タイプのカスタマイズについてお伝えします。

THE THORのカスタム投稿タイプとは

THE THORのカスタム投稿タイプは、TOPページに表示されるお知らせ機能です。

それぞれのお知らせをクリックすると、詳細ページが開く仕組みになっています。

the thor カスタム投稿

例えば、カフェの「新メニューはじめました」、パン屋さんの「今、焼きあがりました」のような看板やのぼりのイメージです。

THE THORカスタム投稿タイプカスタマイズの手順

  1. サンプルを見てカスタマイズする内容を決める
  2. それぞれのカスタマイズをする
    1. カスタム投稿タイプを利用する・しない
    2. カスタム投稿タイプのデザイン
    3. カスタム投稿タイプ一覧の表示

THE THORカスタム投稿タイプのカスタマイズサンプル

the thor カスタム投稿 フレームボーダー利用する
the thor カスタム投稿 非表示利用しない
the thor カスタム投稿 フレームシャドウ
シャドウフレーム
the thor カスタム投稿 フレームボーダーボーダーフレーム
the thor カスタム投稿 フレームなしフレームなし

the thor カスタム投稿 背景スタイル

背景スタイルリスト

the thor カスタム投稿 ボーダースタイル

ボーダースタイルリスト

the thor カスタム投稿 フレームボーダー表示
the thor カスタム投稿 非表示非表示

the thor カスタム投稿

【カスタマイズ1】カスタム投稿タイプ利用する・しない

THE THORカスタム投稿タイプは、利用する・しないの選択ができます。

利用すると、WordPressのダッシュボードにメニュー項目として追加されます。

the thor カスタム投稿 フレームボーダー利用する
the thor カスタム投稿 非表示利用しない
ダッシュボード カスタム投稿利用する
ダッシュボード カスタム投稿利用しない

カスタム投稿タイプを利用すると、カテゴリーとタグの利用する・しないのカスタマイズができるようになります。

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

カスタマイザー カスタム投稿カスタム投稿タイプ設定>基本設定>ピックアップ3記事設定>カスタム投稿タイプを利用するか選択

選択して公開 をクリック

the thor カスタム投稿
カスタマイザーで入力した「カスタム投稿タイプ名」がダッシュボードのメニュー名になります。

【カスタマイズ2】カスタム投稿タイプのデザイン

THE THORカスタム投稿タイプのデザインは、全体を囲むフレーム・記事ごとのリストデザイン、それぞれカスタマイズができます。

the thor カスタム投稿

カスタム投稿のフレームデザインは、なし・シャドウフレーム・ボーダーフレームから選択できます。

the thor カスタム投稿 フレームシャドウシャドウ
the thor カスタム投稿 フレームボーダーボーダー
the thor カスタム投稿 フレームなしなし

カスタム投稿のリストデザインは、背景スタイル・ボーダースタイルから選択できます。

the thor カスタム投稿 背景スタイル

背景スタイル

the thor カスタム投稿 ボーダースタイル

ボーダースタイル

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

カスタマイザー カスタム投稿カスタム投稿タイプ設定>一覧表示設定>カスタム投稿一覧デザイン設定

選択して公開 をクリック

【カスタマイズ3】カスタム投稿タイプ一覧の表示

THE THORカスタム投稿タイプ一覧のTOPページに表示する・しないを選択できます。

the thor カスタム投稿 フレームボーダー表示
the thor カスタム投稿 非表示非表示
the thor カスタム投稿
表示すると、件数など詳細を設定できます。
ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

カスタマイザー カスタム投稿カスタム投稿タイプ設定>TOPページ一覧表示設定>TOPページで一覧を表示するか選択

選択して公開 をクリック

一覧に表示する件数:1〜20まで

the thor アイコン
左上「アイコンオプション」をクリック
the thor アイコン
アイコン一覧からアイコンのコードをコピー

カスタム投稿タイプのカスタマイズは完了です。


以上、【THE THORカスタム投稿タイプ(お知らせ)のカスタマイズ】初心者向けに画像付きで解説でした。

お読みいただき、ありがとうございました。

THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >