WordPress

WordPress無料テーマ「SELA」のトップページの設定あれこれ

ホームページに合っているWordpress無料テーマ「SELA」。

シンプルなデザインです。

デモサイト
ダウンロードはこちらから

無料テーマをいろいろ見ている中で素敵と思いましたが、日本語の設定ブログがあまり見つかりませんでした。

そこでこの記事では、トップページの見た目を整えるために必要な作業をお伝えしていきます。


SELAテストサイト
https://site.kaorifujie.com/

サイトタイトルとキャッチフレーズの入力

まずはサイトタイトルとキャッチフレーズの変更の入力について紹介します。

サイトのこちらの部分です。

サイトタイトル

キャッチフレーズ

ダッシュボート>設定>一般>「サイトのタイトル」「キャッチフレーズ」(入力後)>変更を保存

これで完了です。

フロントページの作成

つづいて、トップページの顔になるフロントページを固定ページで作成していきます。

こういう感じになります。

ダッシュボート>固定ページ>新規追加>(右側)ページ属性 テンプレート:フロントページ

タイトルと本文を入力していきます。

タイトルはここに表示されます↓↓

本文はここに表示されます↓↓

入力できたら、画面右側のアイキャッチ画像から画像を挿入してください。

※画像は幅1280ピクセル以上が良いようです

アイキャッチは背景に表示されます↓↓

画像が挿入できたら、右上にある「公開」ボタンをクリックして公開していきます。

 

次に、表示設定の変更をします。

ダッシュボート>設定>表示設定>ホームページの表示 固定ページ

 

ホームページ:作成したページを選択

「変更を保存」をクリックして、サイトを表示して確認してみてください。

トップページの3つのコンテンツ

デモサイトのようにトップページに3つの四角いコンテンツを表示する方法を紹介します。

こんな感じです。

用意するもの

  • プロフィールやサービスなどのページのURL
  • 画像3つのURL

<画像URLの調べ方>
ダッシュボート>メディア>ライブラリ>画像をクリック

 

3つのコンテンツはウィジェットで設定していきます。

ダッシュボート>外観>ウィジェット>フロントページウィジェットエリア

ウィジェットはそれぞれサイトのこの部分に対応しています。

 

テキストウィジェットをフロントページウィジェットエリアに追加していきます。

タイトルを入力(Profile、Serviceなど)して、テキストタブをクリックして下記コードを入力してください。

<a href=”リンクしたいページのURL”><img src=”表示したい画像のURL”></a>
●●ページはこちらなど文章を入力してください <a href=”リンクしたいページのURL”>Read more &rarr;</a>

入力できたら保存して、サイトの表示を確認してください。

フッターの設定

次はフッターの設定をしていきます。

フッターは3つに分かれています。

フッターも外観から設定していきます。

ダッシュボート>外観>ウィジェット>フッターウィジェットエリア

以上です。

ここまでお疲れさまでした!

<サンプルページを削除する方法>
ダッシュボート>固定ページ>固定ページ一覧>サンプルページをゴミ箱へ移動

スポンサーリンク


関連記事

  1. WordPress

    アメブロからワードプレスに移行するときに注意したいこと

    仕事用のブログを、まだアメブロだけで何とかしようとする人もいますが、メ…

  2. WordPress

    サイトのタイトルとキャッチフレーズをつけよう

    こんにちは。藤江です。この記事では、サイトのタイトルとそれに関…

  3. WordPress

    ムームードメインで再びドメインを取得する(ムームーIDあり)

    この記事では、以前、ムームードメインでドメインを取得したことがある方向…

  4. WordPress

    サイト立ち上げ作業に疲れてしまう理由

    こんにちは。藤江です。ワードプレスの立ち上げは、人生で何回もあ…

  5. WordPress

    UNWINDのグローバルナビ(上のメニュー)を設定する方法

    ワードプレス無料テーマのUNWINDの上の方にあるメニュー、グローバル…

  6. WordPress

    【初心者向け】WordPressのブログにカテゴリーを作る方法

    この記事では、ブログ(投稿ページ)のためにカテゴリーを作る方法を紹介し…

ブログ・文章・発信メルマガ

メルマガ

note記事一覧

最近の記事

スポンサーリンク




Twitter

  1. 起業・ビジネス

    成果が出る人と出ない人のちがいはマインドではありません
  2. WordPressプラグイン

    編集に便利!ページを複製できるプラグインDuplicate Postの設定
  3. WordPress

    ページのURLを好きなように入力したい場合は?(パーマリンクの設定)
  4. WordPress

    レンタルサーバーでロリポップを選ぶときに抑えておきたい3つのポイント
  5. 起業・ビジネス

    起業塾でマインドコントロールされる?
PAGE TOP