ワードプレス・作り方

7.記事投稿時の設定

目安時間 5分

記事を投稿する際のアイキャッチ設定、metaタグ設定機能、詳細記事カスタムCSS機能についてはこちらをご覧ください。

7-01. アイキャッチ画像の設定
7-02. 記事設定(ページ分割の表示スタイル)
7-03. 「meta title」「meta description」設定機能
7-04. 詳細記事カスタムCSS機能
7-05. ページビルダー機能
7-06. 保護ページ機能

7-01. アイキャッチ画像の設定

アイキャッチ画像の設定方法はTCD全テーマ共通となっています。下記より手順をご参照下さい。

アイキャッチ画像の設定方法
アイキャッチ画像の設定については動画でもご覧頂けます。
(※音声が出力されますのでご注意ください。)
参照:アイキャッチ画像設定方法 【はじめてのWordpress無料講座9】

デモサイトで使用しているアイキャッチ画像サイズは横幅830px × 縦幅500pxです。

7-02. 記事設定

ページ分割の表示スタイル

一記事単位でページ分割の表示スタイルの表示スタイルの選択が可能です。<!--nextpage-->によるページ分割表示のページナビゲーション表示方法を「ページャー(ページ番号リンク)」か「続きを読むボタン」から選択します。【テーマオプション>ブログ>記事詳細設定>ページ分割の表示スタイル】の設定を使用する場合は、各記事編集ページにありますブログページの追加機能>ページ分割の表示スタイルにて「テーマオプションの設定を使用する」を選択してください。

各記事編集画面設定サンプル

nextpage

テーマオプションの設定は、下記をご覧ください。
参照:5-04. テーマオプション:ブログ

7-03. 「meta title」「meta description」設定機能

SEO強化機能の一つとして、詳細記事ページと固定ページごとに、「meta title」「meta description」が設定できる機能を追加しました。

例えば下図のように、投稿記事の編集ページで「meta title」「meta description」を設定できます。これでさらに自由度の高い検索エンジン対策が可能です。
faq_meta
「meta title」「meta description」についてはくわしくは下記ページをご参照下さい。
「meta title 」「meta description」の設定方法

7-04. 詳細記事カスタムCSS機能

投稿画面下部の「カスタムCSS」設定欄に任意のCSSを記入することで、一記事単位でデザインをカスタマイズしたい特定の要素のみに独自のCSSを適用させることができます。
post_costomcss
使用方法については下記ページをご参照下さい。
「カスタムCSS」の使用方法

7-05. ページビルダー機能

ページビルダー機能は、固定ページや投稿ページの本文中の任意の箇所にデザインされたHTMLの雛形を表示する事ができます。
ページビルダー機能の使用方法は下記をご参照下さい。
ページビルダー機能

7-06. 保護ページ機能

デザインされた「保護ページ機能」を使う事でパスワードを掛けて会員限定コンテンツを配信するページ等の作成が可能です。

各記事編集画面設定サンプル

protection-page

ページ表示サンプル

パスワードを掛けて会員限定コンテンツを配信!デザインされた「保護ページ機能」

保護ページデザインの設定は、テーマオプションで行います。
参照:5-15. テーマオプション:保護ページ

→ 「6.ウィジェットの設定」に戻る


この記事を書いた人

国領きとうクリニック