Switchの「お知らせとイベント」の設定方法|初心者向けマニュアル
Switchの「お知らせとイベント」の設定方法|初心者向けマニュアル
Switchでは、トップページに下記のようなお知らせとイベントの記事一覧を表示させることができます。

switchのお知らせとイベント記事一覧

switchのお知らせとイベント記事一覧

今回は、この「お知らせとイベント」の設定方法を解説します。

トップページでの表示設定

WordPress管理画面左メニューから『TCDテーマトップページ』という順にクリックして進みます。

『TCDテーマ→トップページ』をクリック

『TCDテーマ→トップページ』をクリック

画面が切り替わります。
「メインコンテンツ」の設定項目までスクロールしましょう。

Switchのメインコンテンツ

Switchのメインコンテンツ

お知らせとイベント』をクリックします。

『お知らせとイベント』をクリック

『お知らせとイベント』をクリック

設定メニューが開きます。
このコンテンツを表示する』のチェックボックスにチェックを入れましょう。

『このコンテンツを表示する』のチェックボックスにチェック

『このコンテンツを表示する』のチェックボックスにチェック

次に、下記の各項目を設定します。

  • 背景色
  • レイアウト
  • お知らせ設定
  • イベント設定

それぞれの項目について詳しく解説します。

背景色

「お知らせとイベント」セクションの背景色を設定します。

レイアウト

下記の2パターンから、お知らせ記事一覧とイベント記事一覧の表示位置を設定します。

  • 左:お知らせ、右:イベント
  • 左:イベント、右:お知らせ

お知らせ設定

お知らせ記事一覧の表示設定を行います。
下記の各項目を設定しましょう。

  • タイトル
    一覧の見出しタイトルのテキスト、フォントサイズ、フォントの色を設定します。
  • サブタイトル
    上記のタイトルの右横に表示されるサブタイトルのテキストを設定します。
  • 表示数
    記事一覧で表示する記事数を設定します。
  • アーカイブリンク
    アーカイブページへのリンクとして表示するテキスト、フォントの色を設定します。
    リンクを表示しない場合は、リンクテキスト欄を空白にしましょう。

イベント設定

イベント記事一覧の表示設定を行います。
下記の各項目を設定しましょう。

  • タイトル
    一覧の見出しタイトルのテキスト、フォントサイズ、フォントの色を設定します。
  • サブタイトル
    上記のタイトルの右横に表示されるサブタイトルのテキストを設定します。
  • 表示数
    記事一覧で表示する記事数を設定します。
  • アーカイブリンク
    アーカイブページへのリンクとして表示するテキスト、フォントの色を設定します。
    リンクを表示しない場合は、リンクテキスト欄を空白にしましょう。

全ての設定が終わったら、『設定を保存』ボタンをクリックします。

『設定を保存』ボタンをクリック

『設定を保存』ボタンをクリック

これで、トップページにお知らせとイベントの記事一覧が表示されるようになります。

詳細ページの設定

お知らせ詳細ページのページヘッダー設定

WordPress管理画面左メニューから『TCDテーマお知らせ』という順にクリックして進みます。

WordPress管理画面左メニューから『TCDテーマ→お知らせ』という順にクリック

WordPress管理画面左メニューから『TCDテーマ→お知らせ』という順にクリック

画面が切り替わります。
「ページヘッダー設定」の項目までスクロールしましょう。

Switchの「ページヘッダー設定」

Switchの「ページヘッダー設定」

ここでは、お知らせ詳細ページの「ページヘッダー設定」をします。
下記の各項目を設定しましょう。

  • ①のタイトル
  • ②の説明文
  • 背景画像
  • 背景画像のアニメーションタイプ
  • 背景画像に重ねる色
  • 背景画像に重ねる色の透明度

それぞれの項目について詳しく解説します。

①のタイトル

ヘッダー中央下部に表示されるタイトルのテキストを設定します。

②の説明文

ヘッダー中央に表示される説明文の内容、フォントサイズ、フォントの色、文字の向きを設定します。

背景画像

ヘッダーの背景画像を設定します。

推奨サイズは横1450px、縦600pxです。

背景画像のアニメーションタイプ

お知らせ詳細ページを開いた際に実行される、背景画像のアニメーションタイプを選択します。

アニメーションは下記のパターンから選べます。

  • ズームイン
  • ズームアウト
  • なし

背景画像に重ねる色

背景画像に重ねる色を設定できます。

タイトルや説明文が読みにくい場合は、下記の「色の透明度」と一緒に調整してみてください。

背景画像に重ねる色の透明度

背景画像に重ねる色の透明度を設定します。

タイトルや説明文が読みにくい場合は、上記の「重ねる色」と一緒に調整してみてください。

全ての設定が終わったら、『設定を保存』ボタンをクリックしましょう。

『設定を保存』ボタンをクリック

『設定を保存』ボタンをクリック

これで、お知らせ詳細ページのページヘッダー設定が完了しました。

イベント詳細ページのページヘッダー設定

WordPress管理画面左メニューから『TCDテーマイベント』という順にクリックして進みます。

WordPress管理画面左メニューから『TCDテーマ→イベント』という順にクリック

WordPress管理画面左メニューから『TCDテーマ→イベント』という順にクリック

画面が切り替わります。
「ページヘッダー設定」の項目までスクロールしましょう。

Switchの「ページヘッダー設定」

Switchの「ページヘッダー設定」

ここでは、イベント詳細ページの「ページヘッダー設定」をします。
下記の各項目を設定しましょう。

  • ①のタイトル
  • ②の説明文
  • 背景画像
  • 背景画像のアニメーションタイプ
  • 背景画像に重ねる色
  • 背景画像に重ねる色の透明度

それぞれの項目について詳しく解説します。

①のタイトル

ヘッダー中央下部に表示されるタイトルのテキストを設定します。

②の説明文

ヘッダー中央に表示される説明文の内容、フォントサイズ、フォントの色、文字の向きを設定します。

背景画像

ヘッダーの背景画像を設定します。

推奨サイズは横1450px、縦600pxです。

背景画像のアニメーションタイプ

イベント詳細ページを開いた際に実行される、背景画像のアニメーションタイプを選択します。

アニメーションは下記のパターンから選べます。

  • ズームイン
  • ズームアウト
  • なし

背景画像に重ねる色

背景画像に重ねる色を設定できます。

タイトルや説明文が読みにくい場合は、下記の「色の透明度」と一緒に調整してみてください。

背景画像に重ねる色の透明度

背景画像に重ねる色の透明度を設定します。

タイトルや説明文が読みにくい場合は、上記の「重ねる色」と一緒に調整してみてください。

全ての設定が終わったら、『設定を保存』ボタンをクリックしましょう。

『設定を保存』ボタンをクリック

『設定を保存』ボタンをクリック

これで、イベント詳細ページのページヘッダー設定が完了しました。

詳細ページの作成

記事一覧に表示させる各詳細ページを作成しましょう。

お知らせ詳細ページの作成

WordPress管理画面左メニューから『お知らせ新しく追加』という順にクリックして進みます。

WordPress管理画面左メニューから『お知らせ→新しく追加』という順にクリック

WordPress管理画面左メニューから『お知らせ→新しく追加』という順にクリック

お知らせの新規追加ページが開きます。
通常のブログと同様に、タイトルと本文を入力して『公開』ボタンをクリックしましょう。

お知らせの新規追加ページ

お知らせの新規追加ページ

イベント詳細ページの作成

WordPress管理画面左メニューから『イベント新しく追加』という順にクリックして進みます。

WordPress管理画面左メニューから『イベント→新しく追加』という順にクリック

WordPress管理画面左メニューから『イベント→新しく追加』という順にクリック

イベントの新規追加ページが開きます。
通常のブログと同様に、タイトルと本文を入力して『公開』ボタンをクリックしましょう。

イベントの新規追加ページ

イベントの新規追加ページ

以上で、「お知らせとイベント」の設定は完了です。

トップページでは下記のように表示されます。

switchのお知らせとイベント記事一覧

switchのお知らせとイベント記事一覧

まとめ

今回は、Switchの「お知らせとイベント」の設定方法を解説しました。

ブログの投稿以外に、お知らせやイベント情報等を公開することが多い方は、ぜひ試しに設定してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事