【WordPress.com】テーマ「Gateway」でのウェブサイト等の構築

ここでは、WordPress.com のテーマ「Gateway」を使ってのウェブサイト等の構築方法について覚え書きをしたいと思います。

_t demo WordPress.com のデモ用

_t demo WordPress.com のデモ用

ブログ形式

初期状態では、以下のようなブログ形式になっています。

ウェブサイト形式への切り替え

オーソドックスなウェブサイトへの切り替え

任意の固定ページのテンプレートを「全幅、サイドバーなし」に指定し、

仮にここでは、この固定ページの名称を「固定ページA」とし、

2015-07-21 at 11.04

カスタマイズ → 固定フロントページ」のところで、その固定ページを指定すると、

2015-07-21 at 11.06

以下のようなオーソドックスなウェブサイト表示に切り替えることができます。

_t demo WordPress.com のデモ用

1ページサイトへの切り替え

任意の固定ページのテンプレートを「ホームページ」に指定し、

2015-08-05 at 10.35

仮にここでは、この固定ページの名称を「固定ページB」とし、

2015-08-05 at 10.36

カスタマイズ → 固定フロントページ」のところで、その固定ページを指定すると、

2015-08-05 at 10.36

以下のような1ページサイトの表示に切り替えることができます。 1

_t demo WordPress.com のデモ用

以下の部分には表紙に指定した固定ページ(ここでは「固定ページB」)の記事の内容が表示されます。

_t demo WordPress.com のデモ用

ボタンの表示については、以下のページで紹介されているタグを貼り付ければ OK です。

Add a “Call to Action” Button | Gateway

カスタマイズ → おすすめコンテンツ」のところで設定したタグを

2015-08-05 at 10.48

任意の投稿記事で指定し、

2015-08-05 at 10.51

その記事にアイキャッチ画像を設定すると、

2015-08-05 at 10.51

それらの記事が最大3つ、以下の場所にアイキャッチ画像つきで表示されます。

_t demo WordPress.com のデモ用

カスタマイズ → テーマオプション」の以下のところで動画の URL 等を入力すると、

2015-08-05 at 10.53

以下の部分に動画等が表示されます。

_t demo WordPress.com のデモ用

カスタマイズ → テーマオプション」の以下のところの入力内容は、

2015-08-05 at 10.53

一番上の以下の部分に反映されます。

2015-08-05 at 10.59


  1. この画像は、すでに各種設定を終えた状態での表示の一例です。 

投稿者: comemo

WordPress.com での記事の作成方法など

【WordPress.com】テーマ「Gateway」でのウェブサイト等の構築」に3件のコメントがあります

  1. 初めまして。
    Gatewayを使って1ページで自分の会社のサイトを作ろうと検索していたところこちらのサイトにたどり着きました。
    このサイトはGatewayの無料ではなくて、有料タイプのものを使用して構築されているのでしょうか?
    というのもGatewayで固定であったりヘッダーのイメージの高さ幅を変更したいと思っているのですが無料の方で試してみたところ、そう言った機能が見つからず、もしご存知ならご教示願えればと思っております。
    よろしくお願いいたします。

    いいね

    1. このサイトはGatewayの無料ではなくて、有料タイプのものを使用して構築されているのでしょうか?

      この記事で紹介しているサイトは Gateway の無料のもの(WordPress.com のテーマ「Gateway」は無料版のみ存在します)です。

      Gatewayで固定であったりヘッダーのイメージの高さ幅を変更したいと思っているのですが無料の方で試してみたところ、そう言った機能が見つからず、

      テーマ「Gateway」の場合、サイトの表紙(フロントページ)にテンプレート「ホームページ」に指定した固定ページを設定すると、ヘッダーのイメージの高さ幅が大きくなると思います。

      いいね

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。