• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Genesis WP Fan

Genesis Framework とWordPressカスタマイズの情報サイト

  • ホームHome
  • 日本人向けGenesis子テーマ「Muromachi」Genesis Child Theme “Muromachi”
  • Genesis とは
  • Genesis子テーマ一覧
  • Genesisの使い方
  • Genesisカスタマイズ
  • Genesisプラグイン
  • お問い合わせ
Home世界最高峰WordPressテーマ『Genesisフレームワーク』の子テーマ一覧Genesis子テーマ『Altitude Pro』の特徴

Genesis子テーマ『Altitude Pro』の特徴

altitude-featured-image

altitude-featured-image

2016年5月現在、Genesis 子テーマは計88種類ありますが、『Altitude Pro』はその中でも非常に特徴的なテーマです。WordPressのテーマを利用してウェブサイトを作ろうとすると、どうしても似通ってしまうことがありますが、他とは違ったウェブサイトで自社をアピールすることができます。

このテーマにはパララックス(視差効果)という背景画像が動いて見える機能が大きな特徴の一つだと思いますが、それ以上に特徴的なのが、トップページのコンテンツの数によってレイアウトが変化するという機能です。そのため、ウィジェットを多く入れたとしても、見やすい状態を出来るだけ保とうとしてくれます。逆に、レイアウトが変化することを考えて、カスタマイズしていないのに手間を掛けたようなレイアウトに見せるのも良いかもしれません。

※ このテーマはGenesis専用のWordPressテーマ(Genesis子テーマ)なので、親テーマとして Genesis フレームワーク が必要になります。

目次

  • Altitude Proの特徴
  • その他の機能
  • 『Altitude Pro』トップページのレイアウト
  • 最後に

Altitude Proの特徴

Genesis子テーマ『Altitude Pro』には以下のような特徴があります。

  • コンテンツの数によって、トップページのレイアウトが決まる
  • パララックスに対応している
  • トップページのメイン画像が画面の縦幅、横場に合わせてリサイズされる
  • ナビゲーションメニューが追尾する
  • 通販サイト用のスタイルも完備。Genesis専用プラグインでWooCommerce(WordPressを通販サイト化)との連携が簡単

Altitude-Pro-shop

  • スマホ用メニューに対応している
  • フッターにカスタムメニューを配置できる
  • カスタマイザーが充実している

genesis-altitude-pro-review-8

※ ウィジェットエリア
genesis-altitude-pro-review-3

※ メニューの位置
genesis-altitude-pro-review-6

※ サムネイルサイズ
genesis-altitude-pro-review-5

※ ページテンプレート
genesis-altitude-pro-review-7

上の画像では5つのサムネイルサイズが用意されていますが、PHPファイルを編集すれば、簡単に Genesisサイトにサムネイルサイズを追加 することができます。

その他の機能

  • HTML5+CSS3によるマークアップ
  • アクセシビリティ対応
  • 記事一覧のサムネイルサイズや配置する位置など、サムネイルの表示方法を設定できる
  • 記事一覧ページに表示する本文の抜粋文字数を設定できる
  • パンくずリストを表示するページを、チェックボックスで選択できる
  • コメントを許可するページを、投稿タイプや記事ごとに選択できる
  • ページナビゲーションを2種類のタイプから選択できる
  • 投稿一覧を表示するオリジナルウィジェット付属。投稿の表示順や本文の抜粋文字数、サムネイルサイズなどを細かく設定できる
  • 指定した固定ページを表示するオリジナルウィジェット付属。こちらも細かい設定が可能
  • ページ内でもレイアウトがしやすくなるカラムクラスが使える
  • Genesisに最適化された専用のプラグインが使える

『Altitude Pro』トップページのレイアウト

Altitude Proのトップページは、ウィジェットエリアにいくつウィジェットを入れたかによってレイアウトが決まります。

例えばウィジェットを5つ入れた場合には、下の図の⑤のようなレイアウトになり、9個入れれば⑨のレイアウトになります。そのため、ウィジェットを多く使用したとしても、デザインが崩れることなくコンテンツを配置することができます。

また、ウィジェットを入れると、パララックスに対応した背景画像が表示されます。何もウィジェットを入れないと、何も表示されなくなります(空のテキストウィジェットを入れれば、何も文字を表示させずに背景画像だけを表示させることができます)。

genesis-altitude-pro-review-1

※ Altitude Proはトップページのレイアウトがかなり特徴的なこともあってか、ドキュメントがとても充実しています。

Altitude-top-page
トップページ
genesis-altitude-pro-review-2

最後に

ここまで見てきたように、Altitude Pro はウィジェットの数によってレイアウトが変わるという機能がとても特徴的です。

また、トップページで使われている画像は管理画面からすぐに差し替えられるので、がらっと雰囲気を変えることも出来ます。デモサイトで使われいる元々の画像がクールなものなので、それもあってか海外の男性から支持されているようです。

最初のサイドバー

Genesis WP Fan

Genesis WP Fan

たいやき伝道師

Genesisが好きすぎてGenesisフレームワークの情報サイトGenesis WP Fanを運営しています。日本人のためのGenesisフレームワーク専用WordPressテーマ『Muromachi』を開発しました。

Follow

サイト内検索

カテゴリー

タグ

FontAwesome Genesisの設定 Meta Muromachi ウィジェット カテゴリアーカイブ サムネイル ショートコード タグアーカイブ ツール パンくずリスト フッター プラグイン ヘッダー レイアウト 固定ページ 投稿 日本語化 検索関連 管理画面 記事一覧

PVランキング

  • 1genesis-featured-posts-widget-11

    Genesis Featured Postsウィジェットの使い方

  • 2genesis-child-themes

    Genesisフレームワークでブログを作るのに鉄板のGenesis子テーマ12選

  • 3genesis-seo-settings-4

    Genesis SEO Settings の設定方法

  • 4

    競合サイトに差をつけるGenesisサイト運営のためのプラグイン27選

  • 5genesis-logo

    Genesis Frameworkをインストールする方法

  • 6genesis

    【まずはここから】GenesisとGenesis子テーマをダウンロードする方法

  • 7

    GenesisフレームワークとGenesis子テーマを日本語化する方法

  • 8

    ここ最近人気のGenesis子テーマ10選を紹介してみる

  • 9

    【100種類目前!】変幻自在のGenesis子テーマとは?

  • 10metro-pro-settings-thumbnail

    Genesisサイトの設定方法【MetroPro】

最近の投稿

  • 店舗サイトにオススメなGenesisフレームワーク専用子テーマ6選【WordPress】

  • 調べたいサイトを丸裸にするサイト内検索とページ内検索の使い方【簡単絞り込み検索】

  • WWWって何?意外と知らないウェブについてやさしく解説【World Wide Web】

  • 仕事をするときに気をつけたいGenesisフレームワークのライセンスについて整理してみた

  • 日本人向けGenesisフレームワーク専用のWordPressテーマ「Muromachi」販売のお知らせ

  • 404ページも魅力的に簡単カスタマイズ!Genesis専用プラグインで404ページをカスタマイズする方法

  • Genesis専用子テーマ『Academy Pro』の特徴

  • ここ最近人気のGenesis子テーマ10選を紹介してみる

  • Genesisサイトの投稿にPost Classを追加する方法

  • Genesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】

目次

  • Altitude Proの特徴
  • その他の機能
  • 『Altitude Pro』トップページのレイアウト
  • 最後に
ページトップへ

Copyright © 2023 Genesis WP Fan All Rights Reserved.