元サラリーマンブロガーなつのプロフィール

Sydney(シドニー)の使い方を丁寧に解説!【サイトに便利なカスタマイズができるWordPressテーマ】

ブログ運営半年で月20万超の元サラリーマンブロガーなつです。

ワードプレスではブログ運営のためのテーマ(テンプレート)が無料で用意されています。そのテーマの中で動的なアプローチができるのがSydneyです。

今回は、高機能な「Sydney(シドニー)」というワードプレスのおすすめテーマの使い方やカスタマイズ方法をお伝えしていきます。

 

 

Sydney(シドニー)ってどんなWordPressテーマなの?

Sydneyとは、ワードプレスに最初からデフォルトで入っているテーマ(テンプレート)です。一番の特徴はヘッダー部分のスライド機能でしょう。

私もテーマ導入後、5分かからないくらいで上のようなカスタマイズをしました。真ん中の文字が右から出てくるので、インパクトは大。

見てすぐに操作できるのとプラグインなしでヘッダーの設定が簡単にできるので初心者でも上級者でも満足できるテーマです。

Sydney(シドニー)の特徴 【Wordpressテーマ】

ヘッダーの設定も、テキストのスライドだけではなく画像のみや画像の全くないシンプルなヘッダーとすることもできます。



 

特徴
  • レスポンシブ・スマホ対応
  • カスタマイザーで初心者も設定しやすい
  • 高度なオリジナルヘッダーが作れる
  • 1カラム・2カラム対応
  • SEO対策
  • 簡単にPC画面とスマホ画面を確認できる
初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」

【初心者必見!】THE THOR(ザ・トール)の購入特典!割引についても調査!【WordPressテーマ】


※今なら、8大購入特典をお付けしています!

 

使ってみた感想

ブログの顔であり、どの画面にも出てくるヘッダーの高度なカスタマイズが最初から備わっているSydney(シドニー)。

設定したタイトルが横にスライドしてくることや、その下に動作を促すボタンの設置などもありお店のホームページだけでなくアフィリエイトなどにも活用できるテーマです。

ヘッダー部分は第5スライドまで画像とテキストが設定できますし、カテゴリーの多い分野のサイトなどにも対応できそうです。

しかも、難しい設定もせずプラグインも不要なので初心者にもやさしいテーマだと言えます。無料テーマなのに有料テーマに迫る機能を持っていることからおすすめです。

 

初心者におすすめな点

  • 高機能な部分も編集しやすい
  • 画面から変更も可能
  • ワンクリックでスマホ画面やタブレット画面などを呼び出せる
  • ヘッダー部分のテキストスライド表示
  • スマホでもテキストスライド表示
  • ヘッダー部分に誘導ボタン設置
  • お金がかからない

 

初心者におすすめする理由は、高機能だけども編集しやすいということがあげられます。

左のコントロールパネル(カスタマイズ項目)を見ながら操作でき右側に完成イメージが出てくることから、色設定やヘッダーなどどんな見え方をするのかなど1画面で確認できます。

さらに、画面の鉛筆マークをクリックすることで編集したいカスタマイズ項目にカーソルが飛んでくれるというのも初心者には優しい点。

 

なつのワンポイント!

Sydney(シドニー)の特徴である動的なヘッダーは使い方次第でかなり目をひくサイトになります。

 

↓ Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加!

THE THORデザインのマニュアルプレゼント中!
人気のTHE THORのオリジナルテンプレート6種類+4種類(NEW)ができました!

当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります!

↓ クリックで拡大します。

※デザインの全体像は以下の2記事をご覧ください。
【超簡単】THE THORデザインの事例集6選!初心者でも作れるアレンジ!
追加デザイン4種はコチラから見れます。

//たった30記事で稼いだ実録記事(2,980円相当)付き!\\

 

Sydney(シドニー)のメリット・デメリット 【Wordpressテーマ】

Sydney(シドニー)は使いやすいテンプレートです。無料ということもあり導入するのにもハードルが低いことが利点ですが、やはりトップページを作るのには多少知識が必要です。

ある程度ブログ作りに慣れた方は良いのですが初めてブログを作る方などは難しく感じることもあるかも。

 

メリット

最大のメリットは、Sydney(シドニー)の機能を無料で使えるということです。有料テーマよりは見落とりはするものの、魅力的なトップページを作りこむことが可能。

  • 操作がシンプルで感覚的に使える
  • 人気のテーマなのでカスタマイズ方法が検索でみつかる
  • PCでもスマホでもヘッダーのテキストがスライドして目立つ
  • 無料なのでハードルが低い

 

デメリット

慣れてくれば簡単なことでもやはり初めて使う場合には少し難しく感じることもあると思います。

  • 編集項目が多くて複雑に見える
  • 広告の設定ができない(プラグインで対応可能)
  • ヘッダーばかりが目に行って文章が読まれない可能性も
  • 超初心者にとってはトップページ作成が難しい

 

 

なつのワンポイント!

Sydneyは無料の中でも人気のワードプレスのテーマです。カスタマイズも慣れれば全く難しくありませんし、ブログ上級者も使っている方も見受けられます。

初心者でもカスタマイズは迷わずできそうなので、目を引くサイトにしたい方にはこのテーマが良いでしょう。

有料ほどではありませんが、高機能なサイトを作りたい方はこのテーマでOK!

 

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」
※今なら、8大購入特典をお付けしています!

 

WordPressテーマ「Sydney(シドニー)」をインストールする方法

ここからは、テーマの導入方法を説明していきます。インストールは他のテーマと変わりません。

WordPressのデフォルトのテーマの中から「Sydney(シドニー)」を選びインストールして有効化するだけなので簡単です。

 

具体的なインストール方法

ここからは具体的なインストール方法を説明します。

▼ 外観 ⇒ テーマ ⇒ 新規追加 

検索窓に「Sydney」と入力すると出てきます。

画像の上にカーソルをもっていくと文字が浮かび上がってきます。

「インストール」を選びクリックしてから「有効化」すると完了です。

 

↓ 詳しいインストール方法は、以下の記事も参考にしてください。

WordPressのテーマをインストールする方法を解説!

 

Sydneyテーマをインストールできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。

ここでは、Sydneyをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。

 

↓ 最新の人気のテーマ大集合!

【2020年最新】WordPressおすすめ有料テーマ厳選8選比較まとめ!初心者でも簡単な機能性やSEOも調査

Sydney(シドニー)のカスタマイズ 【目次】 Wordpressテーマ

Sydneyでは、以下の項目をカスタマイズ設定していくことが出来ます。

項目別
  1. 一般
  2. サイトのタイトル、タグライン、ロゴ
  3. ヘッダーエリア
  4. ブログ設定
  5. フォント
  6. フッター
  7. 背景画像
  8. メニュー
  9. ウィジット
  10. ホームページ設定
  11. テーマ情報
  12. 追加CSS

この内容を見ると、かなり複雑に見えますが、それぞれクリックしていくと簡単に修正できます。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」
※今なら、8大購入特典をお付けしています!

Sydney(シドニー)のカスタマイズと便利な使い方【Wordpressテーマ】

カスタマイズの場所(コントロールパネル)を開くには、2つの方法があります。

  • 外観からコントロールパネルに行く方法
  • 画像の鉛筆マークからコントロールパネルに行く方法

 

「ウィジット」「メニュー」「レイアウト」など言葉が難しくどの部分の編集をしているのかわかりづらい場合は画像を見て鉛筆マークをクリックして変更するのをおすすめします。

 

【2020年最新】WordPress日本語テーマ総まとめ!

 

外観から編集する方法

ダッシュボードの左側の管理メニューの部分から入って行きます。

WordPressにログインすると上のようなダッシュボードが出てきます。

「外観→カスタマイズ」に進むと実際カスタマイズするコントロールパネルが現れます。

左側に実際編集を指示するコントロールパネル、右側には確認する画面が現れますので、出来上がりを見ながら変更をしていくことが可能です。

鉛筆マークで編集する方法

画像の中に鉛筆マークがあります。

どのテーマでもこのマークがついている場合は、クリックすると編集したいコントロールパネルに飛んでくれるのでとても簡単に変更できます。

例えば、右のサイドバーのギャラリー(画像)を変更しようとした場合、マークを押さえると編集する画面が勝手に現れます。

 

なつのアドバイス!

カスタマイズの方法は、ダイレクトに修正画面に行く方法もありますが、完成イメージ図がないので初めのうちは画像を見ながら修正できる方法でカスタマイズした方が無駄がありません。

 

 

【Sydneyの使い方 step1】まずは、一般設定 【Wordpressテーマ】

一般設定は文章部分の上の余白のサイズを変更します。

一般設定までのアクセス方法

▼「ダッシュボード」 ⇒ 「外観」 ⇒ 「カスタマイズ」 ⇒ 「一般設定」

 

Sydneyでの一般設定は、余白の長さの設定です。

初期値は上が「83」下が「100」に設定されていますので、好きな長さに調整しながら設定してください。

初期値
上部・・・83
下部・・・100
なつのアドバイス!

カスタマイズの方法は、ダイレクトに修正画面に行く方法もありますが、完成イメージ図がありません。初めのうちは画像を見ながら修正できる方法でカスタマイズした方が無駄がありません。

ここでは、画像をみながらできるカスタマイズ方法をお伝えしていきます。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」
※今なら、8大購入特典をお付けしています!

【Sydneyの使い方 step2】サイト基本情報 【Wordpressテーマ】

一般的に「サイト基本情報」の部分がSydneyでいう「サイトのタイトル」「タグライン」「ロゴ」の部分です。
変更できる項目は他の基本情報と変わりません。

 

  • サイトタイトル設定
  • キャッチフレーズ設定
  • ロゴの設定
  • サイトアイコンの設定

 

アクセス方法

▼「外観」⇒「カスタマイズ」⇒「サイトのタイトル、タグライン、ロゴ」

 

ロゴの設定

ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。

 

↓ Wordpressのテーマでおしゃれなものを厳選12個を調査しました!

wordpressのテーマでおしゃれなもの厳選12選!かわいいテンプレートなどアレンジも!

 

サイトタイトル・キャッチフレーズ設定

サイトタイトル・キャッチフレーズはブログになにが書かれているかひと目でわかるようにするために設定するようにしましょう。

なつのワンポイント!

できれば、自分が集客したい内容に対するキーワードを盛り込んで考えてみてください。

 

 

詳しくは以下の記事で解説しています。

ワードプレスのタイトル・キャッチフレーズの設定を解説

 

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

こんなのです。

好きなアイコン(マーク)を選びます。
サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」
※今なら、8大購入特典をお付けしています!

【Sydneyの使い方 step3】 ヘッダーエリア 【Wordpressテーマ】

ヘッダーエリアの変更がSydney(シドニー)のキモになっている部分。ここで動的なヘッダーを作っていきます。

  • ヘッダーの種類
  • ヘッダースライダー
  • ヘッダーメディア
  • メニュースタイル

 

アクセス方法

▼「外観」⇒「カスタマイズ」⇒「ヘッダーエリア」

 

ヘッダーの種類

ここでヘッダーの種類を選びます。

  • 全画面スライダー
  • 画像
  • 動画
  • ヘッダーなし(メニューのみ)

↑全画面スライダー

↑画像


↑ヘッダーなし(メニューのみ)

ヘッダーの種類のカスタマイズ

この部分では大まかにどんなヘッダーにするのかを決める部分です。シンプルにしたい方はヘッダーなしを選んでください。

テキストをスライダーにしたい場合にはここで「全画面スライダー」を選びます。

 

注意

ヘッダーをスライダーにしたい場合は「全画面スライダー」にマーク 

 

↓ 無料の画像をダウンロードできるサイトを集めました。

ブログで使えるイラスト25選!フリー(無料)素材でサイトをパワーアップ!

 

ヘッダースライダー

ヘッダースライダーの設定では、5つのスライドが設定できます。

コントロールパネルの一番上には、スライダーの速さを設置する部分がありますが、初期値「4000」となっています。

速さについては特に変更する必要はないでしょう。

 

スライダー部分のカスタマイズ

画像のアップロード、タイトル、サブタイトまで設定すると以下のようになります。

 

行動喚起ボタン

ヘッダーの真ん中にあるボタンの編集がこの項目の一番下にあります。運営するお店の場所やアフィリエイトで広告に飛ばすとか、見てほしいページにヘッダーから直接誘導するのがこちらの設定となります。

アフィリエイトではいわゆるキラーページを作っておいてこのボタンで誘導するのも良いと思います。

 

メニュースタイル

メニューの位置などを設定します。

メニューの固定

  1. 先頭に固定表示
  2. 標準

 

  • 先頭に固定表示

画像をスライドしても右上にメニューが残ります。

  • 標準

標準なら、画像をスライドすると右上のメニューが消えてしまいます。

メニュースタイル

  1. インライン
  2. 中央揃え (メニューとサイトロゴ)

 

  • インライン

 

  • 中央揃え (メニューとサイトロゴ)

 

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」

【初心者必見!】THE THOR(ザ・トール)の購入特典!割引についても調査!【WordPressテーマ】


※今なら、8大購入特典をお付けしています!

 

【Sydney使い方 step4】 ブログ設定 【Wordpressテーマ】

各ブログページやアーカイブページのレイアウトやトップページに記事全文を載せるか載せないかなど細かな設定ができます。

  • レイアウト
  • コンテンツ/抜粋
  • メタ情報
  • アイキャッチ画像

 

この項目でのカスタマイズは個別記事にアイキャッチを省く方法などの指示ができます。感覚的にカスタマイズできますので特に難しくはありません。

 

レイアウト

  1. クラッシック
  2. クラシック(代替)

 

↑クラシック

↑クラシック(代替)

 

トップページでヘッダーと個別アイキャッチの画像が重ならないようにこの部分で非表示にしたりするのもこの項目です。

 

なつのワンポイント!

立派なヘッダーをつけても、個別記事のページではアイキャッチの画像とダブってしまうことがあります。そこで、この項目でアイキャッチを「非表示」にするというカスタマイズをします。

 

 

 

↓ Step5以降は「次のページ」をご覧ください ↓

シェアしてね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です