Blocksyチュートリアル:MetaBoxを使ったカスタム投稿タイプ(CPT)の作成と美化

ある ワードプレス カスタム投稿タイプ(CPT)は、コンテンツのカテゴリーを管理し、フロントエンドのスタイルを區(qū)別するための強(qiáng)力なツールです。例えば、レシピサイトを作りたい場合、CPTを使ってブログ記事とは別に「レシピ」タイプを作成し、獨(dú)立したページ、アーカイブ、カテゴリ、その他の構(gòu)造を持つことができます。

このチュートリアルでは MetaBoxプラグイン カスタム記事タイプを作成し、組み合わせる ブロックシー ごかんけいせいぼおんフル機(jī)能で統(tǒng)一されたスタイルのコンテンツ?モジュールを?qū)g現(xiàn)するためのスタイリング。

畫像[1]-WordPressチュートリアル:MetaBoxとBlocksyを使用してカスタム投稿タイプを作成し、スタイルを美化する

I. なぜCPTを使うのか?

  • コンテンツを分類し、記事と混在させずに管理する。
  • 各タイプは、獨(dú)立したスタイル、フィールド、レイアウトを定義できます。
  • 構(gòu)造化されたコンテンツ(製品、ケーススタディ、コース、レシピなど)の表示に適しています。

II.カスタム投稿タイプ(CPT)の作成

開始する前に、以下のプラグインがインストールされ、有効になっていることを確認(rèn)してください:

  • メタボックス メインプラグイン
  • メタボックスCPT カスタムタクソノミ プラグイン

終了後ワードプレス 新しいものが背景に表示されます ポストの種類 メニューの操作手順は以下の通り:

  • 新しい投稿タイプ」をクリックして、新しい投稿タイプを作成します。
畫像[2]-WordPressチュートリアル:MetaBoxとBlocksyを使ったカスタム投稿タイプの作成とスタイルの美化
  • 名前、スラッグ、説明、アイコンなどの基本情報(bào)を入力します。
畫像[3]-WordPressチュートリアル:MetaBoxとBlocksyを使ったカスタム投稿タイプの作成とスタイルの美化
畫像[4]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • 各 CPT に対して個(gè)別のタクソノミー(Taxonomy)を作成することが推奨される。
畫像[5]-WordPressチュートリアル:MetaBoxとBlocksyを使用してカスタム投稿タイプを作成し、スタイルを美化する
  • Publish "をクリックすると作成が完了します。

この例で作成されたCPT名は レシピ.

次に、フロントエンドでレイアウトを見やすくするために、いくつかのデモコンテンツをインポートし、アーカイブページへのリンクをメインメニューに追加する。

畫像[6]-WordPressチュートリアル:MetaBoxとBlocksyを使ったカスタム投稿タイプの作成とスタイルの美化
畫像[7]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する

III.CPTのスタイルをカスタマイズする(Blocksyを使用)

1.アーカイブページのスタイリング

フロントエンドを開き、ナビゲーションメニューの "Recipes "をクリックして、CPTのアーカイブページに移動(dòng)する。

畫像[8]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する

この時(shí)點(diǎn)で、ページはデフォルトのスタイルを継承する:

  • とおす カスタマイザー
畫像[9]-WordPressチュートリアル:MetaBoxとBlocksyを使ったカスタム投稿タイプの作成とスタイルの美化
  • 左側(cè)のメニューで レシピ(CPT名)
畫像[10]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • アーカイブページの設(shè)定へのアクセス:タイトルの非表示、ポストカードのレイアウトの変更など。
畫像[11]-WordPressチュートリアル:MetaBoxとBlocksyを使ったカスタム投稿タイプの作成とスタイルの美化
  • 修正効果のリアルタイムプレビュー

2.シングルページのカスタマイズ(シングルページ)

レシピ」記事をクリックすると詳細(xì)ページに移動(dòng)します:

  • また、カスタマイザーで、レシピ > シングル
畫像[12]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • タイトルエリアのスタイルを設(shè)定する(タイトルヒーロー)
畫像[13]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • コミッションサイドバー以下は、追加情報(bào)を表示するために使用できる追加情報(bào)のリストである。
畫像[14]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • シェアボタン」や「関連記事」などの要素をオンにする。
畫像[15]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する

BlocksyのCPTのサポートは素晴らしく、各コンテンツタイプは自動(dòng)的にカスタマイザーに個(gè)別のエントリーを生成し、簡単に微調(diào)整ができる。

IV.拡張サポートの強(qiáng)化

ブロックシー CPTのサポートには、拡張機(jī)能も含まれている:

  • 可能 投稿の種類 記事のフィルタリング、プログレスバーのスクロール、カスタムフィールドの表示などを可能にする拡張機(jī)能。
畫像[16]-WordPressチュートリアル:カスタム投稿タイプを作成し、スタイルを美化するためにMetaBoxとBlocksyを使用する
  • MetaBoxと組み合わせてカスタムフィールドを作成し、1つのコンテンツの構(gòu)造をさらに強(qiáng)化することができます。

V. まとめ

MetaBoxは ブロックシー 創(chuàng)造と美化のコンビネーションカスタム記事タイプを簡単に。異なるタイプのコンテンツを表示する場合でも、わずか數(shù)ステップで別々のスタイリングレイアウトを?qū)g裝する場合でも、Blocksyのインテリジェントな認(rèn)識と內(nèi)蔵のスタイリングサポートは、プロセスを簡単かつ効率的にし、コンテンツが明確に分類されたプロフェッショナルなウェブサイトに理想的です。

最近の更新


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス6232 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし