スポンサーリンク




カスタム投稿タイプ を使ってsingleページを導入する

〜全10章〜 カスタム投稿タイプとタクソノミー の導入方法②

このエントリーは下記記事からの続きです。

「カスタム投稿タイプとタクソノミー の導入方法①」

今回のエントリーを読めば、

カスタム投稿タイプの機能を管理画面に追加させることが可能になります。

※僕が使用しているテーマ、”Simplicity”に沿った解説になりますが、他のテンプレートであっても全体的な流れとしては同じかと思われます。wordpressの仕組み自体は同じなので。

スポンサーリンク
スポンサーリンク




具体的な方法

具体的な方法は2つあります。

①プラグイン(Coustom Post Type UⅡ)を使う方法

②子テーマのfunctions.phpを使う方法

そして今回紹介するのは、②のfunctions.phpを使う方法。プラグインを使った方がコード記述の手間はないですが、プラグインを増やすとどうやらページの読み込み速度が低下する様です。なので、今回はSEOを考慮して②を採用してます。

具体的な手順

①子テーマをダウンロードする

②子テーマを有効化する

③functions.phpに投稿タイプとタクソノミーの機能を追加する

④管理画面から投稿記事を作成

子テーマをダウンロードする

まずは子テーマをダウンロードします。

※リンク先は、Simplicityの子テーマです。

子テーマを有効化する

続いては子テーマを有効化します。まず、管理画面より”外観”を選択します。次に、『Simplicity2 child』を探し出し”有効化”を選択します。ここまでは迷いなくできるかと思います。

functions.phpに投稿タイプの機能を追加する

子テーマのDL後、フォルダを開くと下記フォルダが存在します。その中から、赤丸で囲った”fuctions.php”を開きます。

ファイルを開くと11行目以下は空白のため、投稿タイプ用のコードを記述します。

下記をそのままコピペしてもらえばいいと思います。

//カスタム投稿タイプ

add_action('init', 'create_post_type' );
function create_post_type() {
register_post_type('wordpress', // 投稿タイプの定義
array(
'labels' => array(
'name' => __('wordpressノウハウ'), // 管理画面上で表示する投稿タイプ名
'singular_name' => __('wordpressノウハウ')
),
'public' => true,
'menu_position' =>5, //管理画面上でどこに投稿タイプ項目を配置するか。今回は’投稿’の下
'has_archive' => true, //一覧表示をするかどうか
'hierarchical' => true, //階層を持たせるかどうか
'supports' => array('title','editor','thumbnail','custom-fields','excerpt','revisions','page-attributes','comments')
//投稿内容に含める項目
)

);

補足説明ですが、下記の赤枠で囲った部分が”カスタム投稿名”です。ここでは”wordpress”としてますが好きなように決めてもらって構いません。また、後々テンプレート作成でお世話になります。必ず控えておきましょう

同様に、青枠の部分も好きな名前をつけて問題ありません。

すると、管理画面に”wordpressノウハウ”が反映されました。

管理画面から投稿記事を作成

投稿タイプと同じ要領で投稿記事を作成します。

これでひとまず準備は完了しました。

但し、このままでは専用ページで上記記事が反映されないため、次回の記事では作成した投稿タイプを反映するためのテンプレート作りについて解説します。

まとめ

①子テーマをダウンロードする

→https://wp-simplicity.com/downloads/child-theme2/

②子テーマを有効化する

→管理画面から設定

③functions.phpに投稿タイプとタクソノミーの機能を追加する

→投稿タイプのコードを記述。

④管理画面から投稿記事を作成

→ブログ記事を投稿するのと同じ要領。

次回記事

次回記事は、

カスタム投稿タイプとタクソノミー の導入方法③

〜カスタム投稿記事をsingel-“カスタム名.php(専用テンプレート)”で表示する方法〜についてです。

スポンサーリンク
スポンサーリンク




スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

関連記事

関連記事