simplicityの使い方と設定の仕方

simplicityは、シンプルで使いやすいだけではなく機能的にも優れた

ワードプレスのテーマだと思います。

私もいくつかのブログやホームページでsimplicityを使用させていただいて

おりますが、とても快適です。

simplicityを使い始めたキッカケは、ワードプレスを始めた当初

テーマを選ぶときに他の方々のサイトの意見を参考にしたのですが

そこでsimpliciytの評判がよかったからです。

今回は、そんなsimplicityの設定について書いてみようと思います。

simplicityを使うときに覚えておくと

役に立つと思う各種設定方法

ワードプレスを始めたばかりの人が、初めてsimplicityというテーマを使い始めたときに

覚えておくと役に立つと私が思う、設定方法の一部をご紹介します

スポンサーリンク

関連記事の表示数を変更する方法

simplicityでは、記事の下部に、同じサイトの他の記事もユーザーに読んでもらい

アクセス数が増えるように関連記事が表示されています。

とても便利な機能なのですが

simplicityの初期設定では、関連記事の表示数が10になっています。

これを好きな数に変更する方法です

1、ワードプレスの管理画面を開きます

2、左のメニューの 外観 にマウスカーソルを合わせます

3、カスタマイズ をクリック

4、カスタマイズの画面が表示されたら

その中の レイアウト(投稿・固定ページ)をクリック

5、下の方にある

関連記事表示数(デフォルト:10)

の入力欄に好きな数を入力します

入力したら

保存して公開 をクリック

後は

× をクリックして画面を閉じます

これで関連記事の表示数が変更されます

関連記事を表示させないようにする方法

昔は、

上の設定で表示数を0にしても関連記事が、表示されたと思うのですが

※最近のバージョンで簡単に非表示するための項目がちゃんと増えていました。

気が付きませんでしたm(__)m

製作者様ありがとうございます

前の章の

関連記事の表示数を変更する方法 

と同じ画面を開きます

手順4まで同じです

外観→カスタマイズ→レイアウト(投稿・固定ページ)

ここで

関連記事の表示のチェックを外します

それだけで完了です あとは、忘れずに

保存して公開 をクリックして反映させます

※再び関連記事を表示させたくなったら

関連記事の表示にチェックを入れて下さい

そして 保存して公開 をクリックすることを忘れないで下さい

CSSコードを書き込む場所について

 

基本的にsimplicityの子テーマで編集したほうがよいです。

1、ワードプレスの管理画面を開きます

2、左のメニューの 外観 にマウスカーソルを合わせます

3、テーマの編集 をクリック

4、テーマの編集画面が表示されますので

余白に上のCSSコードを入力します

5、入力が完了したら下にある ファイルを更新 をクリックします

アイキャッチ画像(サムネイル)を表示させないようにする方法

simplicityでは、視覚的にもユーザーを満足させるために

アイキャッチ画像(サムネイル)が初期設定で表示されます

しかしワードプレスを始めた頃は、記事の更新に忙しかったりで

写真を貼ったりするまでに手が回らないこともあるかもしれません。

また人によっては、文章主体のサイトにしたい人もいるかもしれません。

そんなときは、簡単にアイキャッチ画像を非表示にできます。

アイキャッチ画像を非表示にすると

ブログ形式で使用している方のサイトのトップページにも

アイキャッチ画像の写真の一覧が表示されなくなります

もちろん設定を元に戻せば、アイキャッチ画像が表示されるようになります。

アイキャッチ画像を非表示にする方法

1、管理画面の左のメニューの 外観 にマウスカーソルを合わせます

2、カスタマイズ をクリック

3、レイアウト(全体・リスト)をクリック

4、カスタマイズ画面が表示されますので

その中の

一覧リストのスタイル

サムネイル表示 のチェックをはずします

5、保存して公開 をクリックします

そして × をクリックして画面を閉じます

これでトップページなどに表示されていたアイキャッチ画像が

表示されなくなります。

元に戻したい場合は、サムネイルの表示 にチェックを入れてください

simplicityを完全なレスポンシブサイトにする方法

レスポンシブサイトとは、ユーザーが使用するデバイスごとに

デザインが最適に変わるサイトのことをいいます。

※デバイスとは、パソコン、スマートフォン、タブレットなどです

初期設定では、準レスポンシブサイトになっています

昔のsimplictyは、このフルレスポンシブに対応してませんでしたが

現在は、フルレスポンシブに対応しています

正直、そのままでもモバイルフレンドリーに対応していますので

※スマートフォンで見やすいサイトであるということです

無理に変更する必要は無いかもしれませんが、一応やり方を書いておきます

その前に完全なレスポンシブサイトに変更すると

スマートフォンなどで閲覧する際に

以下のことができなくなるようなのでご注意ください

※この記事を書いている時点でのことです。PCで閲覧する場合は問題ないようです。

●ダブルレクタングルで広告が表示できなくなります

※ダブルレクタングルとは広告を横に2つ並べて表示することです

●フッターに書き込んだ項目などが、スマートフォンで一部表示されなくなります

simplicityをフルレスポンシブにする方法

1、ワードプレスの管理画面を開きます

2、外観 にマウスカーソルを合わせます

3、カスタマイズ をクリック

4、レイアウト(全体・リスト)をクリック

5、カスタマイズ画面の

完全レスポンシブ表示を有効

にチェックを入れます

6、保存して公開 をクリック

× をクリックして画面を閉じます

これで完全なレスポンシブサイトになり各デバイスごとに

最適なデザインに自動で変更されるようになります

simplicityを使ったサイトのトップページを普通のブログのように記事の本文(全文)を表示させる方法

simplicityでは、初期設定において、トップページは、エントリカードが表示されます。

つまり、新しい記事から10件分のサムネイルと記事の抜粋が表示されます。

これを普通のブログのようにトップページを最新の記事の本文の全文を表示するように

変更する方法を説明します。

1、まずワードプレスの管理画面を開きます

左のメニューの 外観 にマウスカーソルを合わせて

新たに表示された カスタマイズ をクリックします

2、カスタマイズ画面の レイアウト(全体・リスト)をクリックします

3、一覧リストのスタイル で 本文表示 にチェックを入れます

初期設定では、エントリーカードにチェックが入っています。

4、一番上にある 保存して公開 をクリックします

5、× をクリックして、カスタマイズ画面を閉じて管理画面に戻ります

これで、エントリーカードではなく、サイトのトップページに記事の本文が

表示されるようになりました

しかし、このままだと1ページ(トップページ)に10件の記事が

表示されています。

今度は、1ページの表示件数を設定します

6、管理画面の左のメニューの 設定 にマウスカーソルを合わせます

新たに表示された 表示設定 をクリックします

7、表示設定画面 の 1ページに表示する最大投稿数 をお好みの数に

変更します。

初期設定では、確か10になっていたはずです。

全文を表示すると、そのサイトによっては、かなりのテキスト量になり

開くのが重くなったりする場合があるので、

それを考量して 1ページに表示する最大投稿数を決めましょう。

決めたら 変更を保存 をクリックします

これで、トップページに最新の記事の本文(全文)が表示されるようになったはずです。

元に戻したい場合は、上記のやり方を参考にして元に戻してください

simplicityのその他の設定方法

サイトの上部(ヘッダー)にメニューを表示させる!

●simplicityで作ったサイトには、初期設定では、ページの上部にメニュー欄がありません。

メニュー欄を表示させる方法やメニュー欄に項目を増やしていく方法については

こちらで説明しています

→  simplicityのヘッダーにメニュー欄を表示させて項目を増やすには?

目次を作る方法

●サイトのページに目次を作るとユーザーが快適に閲覧できるようになります。

このページ(記事)もそうですが、上の方に目次が表示されています。

実は、意外と簡単に目次を作ることが可能です!

ワードプレスで目次を作ってみたい方は

Table of Contents Plusというプラグインを使うと簡単に目次を作ることが可能です!

ワードプレスで作ったサイトをホームページのように表示する方法

ワードプレスは、基本的にブログです。なので記事を新しく書くたびに

トップページの内容は、変わります。

ワードプレスでは、使用するテーマによっては、固定ページ(フロントページ)の設定を

変更するだけで簡単にホームページのようなサイトを作ることができます。

※もちろん、simplicityもこの機能があります。

また、簡単にブログタイプのサイトに戻すことも可能です

ホームページ風のサイトにしたい方は

こちらで説明しています

→ ワードプレスをホームページのように表示させる方法

カテゴリーの項目の順番を入れ替える(並び替える)方法

サイトのサイドバーには、初期設定では、カテゴリーが表示されているはずです

このカテゴリーの項目の並び替えをしたい方は、

こちらで説明しています

→ ワードプレスでカテゴリーの並びの順番を変える方法

カテゴリーを階層表示にする方法

初期設定では、サイドバーに表示されているカテゴリーは、すべて同じ階層で同列に

並んでいます。

これを大分類、中分類、小分類といった具合に階層表示することができます

例えば以下のような感じです

カテゴリーを階層表示したい方は

こちらの記事で説明しています

→ ワードプレスのカテゴリーを階層表示にする方法

タイトルバー、見出しを簡単に作る方法

タイトルバーがあると、次の章に進むときにユーザーにわかりやすいですよね。

また記事が見やすいというメリットもあると思います

タイトルバーとは、以下のようなものです!

タイトルバー

CSSを使ったタイトルバーや見出しもいいですが、やはり面倒な部分もあります。

とりあえず、今すぐ、シンプルなタイトルバーが使いという人は

以下の記事がおすすめです

→ ワードプレスでタイトルバー、見出しを数クリックで簡単に作る方法

スポンサーリンク

シェアする

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

フォローする