![the thor カスタム投稿 ボーダースタイル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPborder.png)
THE THORのカスタム投稿タイプとは
THE THORのカスタム投稿タイプは、TOPページに表示されるお知らせ機能です。
それぞれのお知らせをクリックすると、詳細ページが開く仕組みになっています。
![the thor カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost07.png)
例えば、カフェの「新メニューはじめました」、パン屋さんの「今、焼きあがりました」のような看板やのぼりのイメージです。
THE THORカスタム投稿タイプカスタマイズの手順
- サンプルを見てカスタマイズする内容を決める
- それぞれのカスタマイズをする
- カスタム投稿タイプを利用する・しない
- カスタム投稿タイプのデザイン
- カスタム投稿タイプ一覧の表示
THE THORカスタム投稿タイプのカスタマイズサンプル
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 非表示](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost08.png)
![the thor カスタム投稿 フレームシャドウ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFshadow.png)
シャドウフレーム
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 フレームなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFnone.png)
背景スタイルリスト
ボーダースタイルリスト
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 非表示](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost08.png)
【カスタマイズ1】カスタム投稿タイプ利用する・しない
THE THORカスタム投稿タイプは、利用する・しないの選択ができます。
利用すると、WordPressのダッシュボードにメニュー項目として追加されます。
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 非表示](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost08.png)
![ダッシュボード カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost.png)
![ダッシュボード カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost02.png)
カスタム投稿タイプを利用すると、カテゴリーとタグの利用する・しないのカスタマイズができるようになります。
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
カスタム投稿タイプ設定>基本設定>ピックアップ3記事設定>カスタム投稿タイプを利用するか選択
選択して をクリック
![the thor カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost06.png)
【カスタマイズ2】カスタム投稿タイプのデザイン
THE THORカスタム投稿タイプのデザインは、全体を囲むフレーム・記事ごとのリストデザイン、それぞれカスタマイズができます。
![the thor カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CT09.png)
カスタム投稿のフレームデザインは、なし・シャドウフレーム・ボーダーフレームから選択できます。
![the thor カスタム投稿 フレームシャドウ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFshadow.png)
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 フレームなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFnone.png)
カスタム投稿のリストデザインは、背景スタイル・ボーダースタイルから選択できます。
背景スタイル
ボーダースタイル
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
カスタム投稿タイプ設定>一覧表示設定>カスタム投稿一覧デザイン設定
選択して をクリック
【カスタマイズ3】カスタム投稿タイプ一覧の表示
THE THORカスタム投稿タイプ一覧のTOPページに表示する・しないを選択できます。
![the thor カスタム投稿 フレームボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CPFborder.png)
![the thor カスタム投稿 非表示](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CustomPost08.png)
![the thor カスタム投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CT10.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
カスタム投稿タイプ設定>TOPページ一覧表示設定>TOPページで一覧を表示するか選択
選択して をクリック
一覧に表示する件数:1〜20まで
![the thor アイコン](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/icon.png)
![the thor アイコン](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/icon01.png)
カスタム投稿タイプのカスタマイズは完了です。
以上、【THE THORカスタム投稿タイプ(お知らせ)のカスタマイズ】初心者向けに画像付きで解説でした。
お読みいただき、ありがとうございました。