sydney

Sydney – テーマカスタマイズの管理画面と機能概要

レスポンシブデザイン・全画面スライダー・パララックス背景効果等、無料のテーマとは思えない豊富なカスタマイズと、都会的で洗練されたデザインテンプレートが人気のWordPress公式ディレクトリテーマ「Sydney」。

その多機能ぶりは、カスタマイズ用の管理画面に並ぶ項目の多さにも表れています。

Sydney-フロントページ画像

WordPress管理画面上部の、左から2番め「カスタマイズ」をクリックすると・・・・

フロントページ-カスタマイズボタン画像

Sydney のカスタマイズ管理画面に入ります。(※version 1.38、子テーマ使用)

Sydney-カスタマイズ管理画面画像

それでは、簡単に各項目の説明をしましょう。

1. 一般

◯ ページ全体上部の余白調整 (ヘッダーとページタイトルの間の余白)

◯ ページ全体下部の余白調整 (ページコンテンツとフッターの間の余白)
一般-カスタマイズ管理画面画像

2. サイトのタイトル、タグライン、ロゴ

◯ サイトのタイトル・キャッチフレーズの追加

◯ ロゴ・サイトアイコン (ファビコン) のアップロード

サイトのタイトル、タグライン、ロゴ-カスタマイズ管理画面画像

3. ヘッダーエリア

◯ フロントページのヘッダーの種類を選択

◯ フロントページを除く全てのページのヘッダーの種類を選択

◯ ヘッダースライダー
最大5枚の画像をスライダーに追加可能。行動喚起ボタンの追加も可能

◯ ヘッダーメディアの選択
動画を追加する場合、ヘッダー画像はフォールバックとして使用され、動画のロード途中に表示
ヘッダー動画:.mp4 形式の動画ファイルをアップロード。最良の結果を出すにはファイルサイズを最小限に。1920 × 1080ピクセルを推奨。YouTube の URL 入力も可能
ヘッダー画像:「新規画像を追加」をクリック後に画像を好みに合うように切り抜きできるが、ヘッダー動画のサイズに合わせることを推奨

◯ メニュースタイルの選択

ヘッダーエリア-カスタマイズ管理画面画像

4. ブログ設定

◯ レイアウト・コンテンツ/抜粋・メタ情報・アイキャッチ画像の調整・選択

ブログ設定-カスタマイズ管理画面画像

5. フォント

◯ 全体フォント・見出しフォントのスタイル調整
◯ 文字サイズの調整
サイトタイトル・キャッチフレーズ・メニュー項目・H1~H6文字サイズ・全体の文字サイズ

フォント-カスタマイズ管理画面画像

6. フッター

◯ フッターで表示したいウィジェットエリア数を選択。 (設定後、「外観」>「ウィジェット」でウィジェットを追加)
フッター-カスタマイズ管理画面画像

7. 色

◯ 一般
背景色・メインカラー・全体のテキスト・行のオーバーレイの調整

◯ ヘッダー
メニュー背景・サイトタイトル・キャッチフレーズ・最上位のメニュー項目・Menu items hover・サブメニュー項目・サブメニュー背景・Mobile menu button・ヘッダースライダーテキストの調整

◯ サイドバー
サイドバーの背景・サイドバーの文字の調整

◯ フッター
フッターウィジェットエリアの背景・フッターウィジェットエリアの文字色・フッターの背景・フッター色の調整

色-カスタマイズ管理画面画像

8. 背景画像

◯ プリセット・画像の位置・画像サイズなどの調整
背景画像-カスタマイズ管理画面画像

9. メニュー

◯ メニューの位置・追加などの調整

メニュー-カスタマイズ管理画面画像

10. ウィジェット

◯ サイドバー・フッターへウィジェット追加・調整

ウィジェット-カスタマイズ管理画面画像

11. 固定フロントページ

◯ フロントページの表示調整・選択
固定フロントページ-カスタマイズ管理画面画像

12. テーマ情報

◯ マニュアル
◯ テーマ完全デモ
テーマ情報-カスタマイズ管理画面画像

13. 追加CSS

◯ 独自の CSS を追加可能
追加CSS-カスタマイズ管理画面画像

14. もっと?

◯ Sydney プロ版を入手

 *本サイトは、WordPressテーマに「Sydney」を導入しています。 

Sydney改造編 – 抜粋文のあとに「続きを読む」ボタンを設置

サイトロゴ・ヘッダースライダー・背景画像などのビジュアル要素を直感的にカスタマイズできる管理画面が秀逸なWordPress…続きを読む →

コメントなし

Sydney改造編 – CSSでヘッダーメニュー項目に背景色を設定

直感的なカスタマイズが可能な管理画面とフロントページの全幅画像ヘッダースライダーが秀逸なWordPressテーマ「Sydn…続きを読む →

コメントなし

Sydney改造編 – CSSでヘッダーサブメニューの背景色を半透明化

★今回は分かりやすくお伝えするために【改造済みサンプルサイト】を作ってみました。宜しければご覧ください(別ウインドウで開き…続きを読む →

コメントなし

Sydney改造編 – CSSでモバイルナビゲーションの背景色を強制変更

世界中で根強い人気で当サイトでもお世話になっているWordPressテーマ「Sydney」。 PC、タブレット、スマートフ…続きを読む →

コメントなし

Sydney改造編 – CSSでヘッダースライダー内のボタンをカスタマイズ

フロントページの洗練された全幅ヘッダースライダーが魅力的なWordPressテーマ「Sydney」。 初心者でも、管理画面…続きを読む →

コメントなし

Sydney改造編 – CSSでヘッダースライダーのテキストをカスタマイズ

当サイトでもお世話になっているWordPressテーマ「Sydney」。 初心者でも、管理画面から直感的で多彩なカスタマイ…続きを読む →

コメントなし

Sydney改造編 – 投稿ページの前後ナビゲーションをカスタマイズ

フロントページの全幅画像ヘッダースライダーと都会的で洗練されたテンプレートデザインが人気のWordPressテーマ「Syd…続きを読む →

コメントなし

Sydney改造編 – CSSで「ページTOPに戻るボタン」の色を強制変更

当サイトでも導入しているWordPressテーマ「Sydney」には、デフォルトの状態でページ右下部に「ページTOPに戻る…続きを読む →

コメントなし

Sydney応用編 – Sydney Toolbox でフロントページをカスタマイズ

WordPressテーマ に「Sydney」を導入し、推奨WPプラグイン「Sydney Toolbox」をインストール&有…続きを読む →

コメントなし

Sydney応用編 – フロントページ全面を全幅背景画像で埋め尽す

フロントページヘッダー部分の、全面画像スライダー(5枚!)がとても魅力的なWordPressテーマ「Sydney」ですが、…続きを読む →

コメントなし

Sydney導入サイト 失敗しないための5つのポイント

Sydneyはシンプルなフォーマットと多彩なカスタマイズ機能を併せ持ったバランスの良いWordPressテーマです。これは…続きを読む →

コメントなし

Sydneyをビジネスサイト用WPテーマとしてお勧めする理由

初心者でも簡単にカッコいいブログを始められるということで、世界中で人気のWordPressテーマ「Sydney」。 外国産…続きを読む →

コメントなし

Sydney導入例 – WordPressサンプルサイト集

WordPressテーマ”Sydney”で制作した、業種・職種別サンプルサイト集です(すべて全画面スライダー&レスポンシブ…続きを読む →

コメントなし

Sydney – テーマカスタマイズの管理画面と機能概要

レスポンシブデザイン・全画面スライダー・パララックス背景効果等、無料のテーマとは思えない豊富なカスタマイズと、都会的で洗練…続きを読む →

コメントなし

Sydney – 3つの推奨プラグインの機能と管理画面

フリーランスや企業用コーポレートサイトの構築に最適なWordPressテーマ「Sydney」。 このテーマの特長を最大限に…続きを読む →

コメントなし

Sydney – WPテーマと推奨プラグインのインストール

WordPress公式テーマのSydneyは、管理画面上からの直感的な操作により、フロントページやブログページのカスタマイ…続きを読む →

コメントなし

Sydney – 企業・飲食店・自営等の商用サイトに最適WPテーマ

Sydney(シドニー)といっても、高層ビルや英国風のモダンな町並み、海や緑の自然との調和が美しいオーストラリアの都市のこ…続きを読む →

コメントなし