おすすめテーマ

スワローでブログ作成1

【スワロー使い方講座】基本設定や人気記事ランキングを作成します

OPENCAGEのスワローで、ブログを作る手順を書いてみます。

「わんわん天国」という仮想のブログを作りながら説明していきます。

スワローなら、初心者でも簡単にブログを完成させることができますよ。

最終的に設定する項目は、PC表示の以下の4つです。

  1. 基本設定
  2. ウィジェットに「人気記事」を表示
  3. ウィジェットに「プロフィール」を表示
  4. カルーセルスライダーの設定

今回は、この中の1と2の設定をしていきます。

★ブログにおすすめのテーマ一覧↓
ブログにおすすめのWordPressテーマ。初心者から本格的に始めたい人まで>>

基本設定

まずは、タイトルの設定や、カラーの設定、ウィジェットの設定をします。

テーマのインストールはしてあるものとして設定をしていきます。

タイトルの設定

ワードプレスの管理画面から、

設定→一般

とクリックすると、タイトルとキャッチフレーズを変更する画面になります。

タイトルを「わんわん天国」、キャッチフレーズに「犬とたわむれるブログ」と入力します。

ここまでで、こんな感じになります↓
スワロー初期設定1

カラーの設定

初期状態では、スワロー(つばめ)をイメージしたカラーになっています。

今回は犬のブログなので、草原を走り回る犬をイメージして緑をメインカラーにしてみます。

ブログのカラーは、統一感が欲しいので、多くの色を使いすぎないように注意してください。

ワードプレスの管理画面から、

外観→カスタマイズ→サイトカラー設定

とクリックします。

スワローの初期設定2

上の画像のようにカラーの設定画面になるので、この中の

  • ヘッダー背景
  • 記事ページ見出し(H2)背景
  • フッター背景

を変更します。カラーは「色を選択」をクリックすると、カラーパレットが表示されるので見た目で選びます。

まずは、ヘッダー背景のカラー設定から。

マウスでカラーパレットを何度もクリックしたところ、緑系で良い色が見つかりました。

カラーコードを見ると「#57821c」となっているので、この値をコピーしておきます。

この値を、記事ページ見出し(H2)背景とフッター背景のカラー設定に貼り付けて同じ色にします。

この3カ所が同じ色だと統一感がでますね。微妙に違う色でも良いかもしれません。

色は後からでも気に入るまで変更できるので、とりあえずはこの3カ所だけにしておきましょう。

ここまでで、こうなります↓
スワロー初期設定3

最近の投稿と人気記事

今回のブログでは、サイドバーに、

  • 最近の投稿
  • カテゴリー
  • 人気記事ランキング

を表示させたいと思います。

スワローでは、人気記事ランキングがありません。

人気記事ランキングは、サイドバーに表示しておくとクリックしてもらえる確率が高いので設置しておきたいんですよね。

そこで、OPENCAGEが推奨しているプラグインの、「WordPress Popular Posts」を使うことにします。

最近の投稿とカテゴリー

最近の投稿をサイドバーに設定します。

まずは、記事が無ければ表示させることもできないので、8記事ほど作成しておきます。

ワードプレスの管理画面から、

投稿→新規追加

とクリックして、記事を8つほど作ります。アイキャッチ画像も設定してくださいね。

ここまでで、こんな感じになります↓
スワローサイドバー設定2

記事が8つ入ると、アイキャッチ画像が表示されて、ブログらしさが出てきます。

この状態だと右側が空白になってしまっているので、サイドバーに「最近の投稿」を表示させてみましょう。

ワードプレスの管理画面から、

外観→ウィジェット

とクリックします。

[画像付き]最新の投稿を、【PC用】サイドバーにドラッグしましょう↓
スワローサイドバー設定3

それから、ついでに「カテゴリー」も【PC用】サイドバーにドラッグしておきます。

ここまでの設定すると、こうなります↓
スワローサイドバー設定4

人気記事ランキング

次に、「WordPress Popular Posts」を導入しましょう。

ワードプレス管理画面の、

プラグイン→新規追加

とクリックします。

右上の「キーワード」に「WordPress Popular Posts」と入力すると見つかるので、クリックして有効化しておきます。
スワローサイドバー設定5

次に、「WordPress Popular Posts」の項目を設定していきます。

初期状態だと、「最近の投稿」とサムネイル画像の大きさが違うので、だいたい同じくらいにしようと思います。

ワードプレス管理画面の、

外観→ウィジェット

とクリックします。ウィジェットに「WordPress Popular Posts」が増えていますよね。

「WordPress Popular Posts」を【PC用】サイドバーにドラッグします↓
スワローサイドバー設定6

サイドバーにドラッグした「WordPress Popular Posts」を広げると、設定項目がたくさんあります。

デフォルトの設定のままだと、タイトルもアイキャッチも表示されないので変更しましょう。

アイキャッチ画像は、「最近の投稿」と同じくらいの大きさが良いと思います。

では、設定を変更したのは、以下の項目です。

  • タイトル:人気記事と入力(お好みで)
  • 計測期間:過去30日間(お好みで)
  • アイキャッチ画像を表示:チェックする
  • サイズを手動で指定:幅88px、縦50px

これで、表示はこうなります↓
スワローサイドバー設定7

スワロー講座ここまでのまとめ

カラーなどの基本設定、ウィジェットで「最近の投稿」と「人気記事」を設定しました。

前半部分の全体は、このようになっています↓
スワローの設定前半

以上までで、スワローでブログを作る手順の3分の1くらいになります。

ここからは、プロフィールとカルーセルスライダーを設置していく予定です。

★スワローの使用サイト例です↓
WordPressテーマ「スワロー」を使ったサイト事例。シンプルなブログの参考に>>

スワローの詳細はこちら>>

関連記事

  1. スワロー

    OPENCAGEのWordPressテーマを5段階評価してみた【ブログ…

  2. TCDのONE使用サイト

    WordPressテーマONEを使ったサイト事例。ワンカラムのテーマの…

  3. ONEでブログを作る

    【ONEの使い方講座】ブログ記事とトップページの設定をします

  4. SANGOテーマ

    SANGOのWordPressテーマを5段階評価してみた【おしゃれなブ…

  5. MAGテーマオプション1

    【MAG使い方講座】TCDテーマオプションを使った広告設置方法

  6. カスタムCSS欄

    【 MAG使い方講座】カスタムCSSでボタンのデザインを変更します。コ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

おすすめテーマ

美容室・サロン向けの高級感あるWordPressテーマを比較してみました

TCDテーマ「SKIN」

おすすめテーマ

女性向けの美しい(かわいい)WordPressテーマを集めました

おすすめテーマ

ブログにおすすめのWordPressテーマ。クオリティーの高い有料テーマに厳選し…

ONEでCTA設置

おすすめテーマ

2019年、WordPressテーマの目的別おすすめベスト3を発表!

部門別ベスト3

おすすめテーマ

トップページに動画再生可能な、おすすめのWordPressテーマを集めました

おすすめテーマ

企業サイトにおすすめの高品質なWordPressテーマ12選【日本語対応】

おすすめテーマ

アフィリエイトにおすすめのWordPressテーマ。複数サイト対応状況も調査

おすすめテーマ

WordPressでネットショップが作れるおすすめテーマ【Welcart・Woo…