レスポンシブデザイン・全画面スライダー・パララックス背景効果等、無料のテーマとは思えない豊富なカスタマイズと、都会的で洗練されたデザインテンプレートが人気のWordPress公式ディレクトリテーマ「Sydney」。
その多機能ぶりは、カスタマイズ用の管理画面に並ぶ項目の多さにも表れています。
WordPress管理画面上部の、左から2番め「カスタマイズ」をクリックすると・・・・
Sydney のカスタマイズ管理画面に入ります。(※version 1.38、子テーマ使用)
それでは、簡単に各項目の説明をしましょう。
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
14. もっと?
◯ Sydney プロ版を入手
*本サイトは、WordPressテーマに「Sydney」を導入しています。
Sydney導入サイト 制作費10%OFFキャンペーン始めました
制作費10%OFFのキャンペーンは終了しました。 ポイント還元花盛りの令和元年10月です。HideoGoto.org も制…続きを読む →
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をビジネスサイト用WPテーマとしてお勧めする理由
初心者でも簡単にカッコいいブログを始められるということで、世界中で人気のWordPressテーマ「Sydney」。 外国産…続きを読む →
Sydney – 企業・飲食店・自営等の商用サイトに最適WPテーマ
Sydney(シドニー)といっても、高層ビルや英国風のモダンな町並み、海や緑の自然との調和が美しいオーストラリアの都市のこ…続きを読む →