【日本語WordPressテーマ】HORIZON(TCD093)

アイキャッチ画像

現在、テーマ入れ替え中につき、レイアウトが一部崩れる場合があります。
テーマ変更完了まではお見苦しいですがご了承くださいませ。

全画面の横スクロール型サイトが作れるWordpressテーマがHORIZON(ホライゾン)です。

目次

HORIZONの主な特長

  • ポートフォリオ商品のショーケースといったビジュアルコンテンツ(画像や動画)をメインに扱うサイトに最適。
  • 横スクロールのためのオリジナルデザインとアニメーションが随所に施してあるので、かっこよく個性を際立たせたいサイトが簡単に仕上がる。
ブロックエディター対応状況
完全対応・一部対応・未対応×
完全対応・一部対応・未対応の違い

ワードプレス標準搭載のブロックエディター機能どのテーマでも使えます

その中でもテーマオリジナルのブロック機能を駆使してブロックエディターだけでサイト作成が完了するものを当サイトでは完全対応と呼んでます。

これに対しオリジナルのブロック機能の開発は進んでいるもののクラシックブロックなどでの限定的な利用にとどまるテーマは一部対応としてます。

そしてオリジナルブロック機能は非搭載もしくは数えるほどで、ベースとなる編集は旧エディターというテーマは未対応という位置づけにしてます。

※当サイトで紹介しているテーマ内に出てくる独自(専門)用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。

以下の用語について簡単に解説してます。【五十音順】

ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP&ツイッターカード・PWA・Welcart(ウェルカート)・WooCommerce(ウーコマース)・アップセル&クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス(デザイン)・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット&構造化マークアップ(JSON-LD)・レスポンシブデザイン

HORIZONの主なオリジナル機能

複数のコンテンツを流れるように見ることのできるのが横スクロールサイトの大きな特徴。
閲覧時のインパクトや他のサイトとの差別化は横スクロールサイトならではです。

トップページや一部の下層ページは横スクロールですが、もちろん通常の縦スクロールページでの作成も可。
ブログなどテキストメインのページは通常の縦スクロールページレイアウトでの作成。
(LP作成などの)固定ページは縦と横両方選択可。

画面幅の狭いスマホやタブレットでは視認性を損なわないために全ページ縦スクロールでの表示。

ギャラリーページ機能

商品やサービスの紹介や実績ページとしても使えるのがギャラリーページ機能。

複数のサイズ画像を組み合わせたページ構成で、画像を入れたいところをクリックしてアップするだけの簡単仕様。

レイアウトがいくつか用意されてます。

レイアウト1

シンプルな4分割レイアウト。

キャプチャ画像

レイアウト2

左上と右下にサイズの大きい画像が表示される6分割レイアウト。

キャプチャ画像

レイアウト3

8分割レイアウト。

キャプチャ画像

スクロール時には細やかなアニメーションも実装されてます。

また画像に設定されたキャプションも自動で反映される仕様。
(PCのみ・マウスオーバーで出現)
作品名や商品名もスマートに表現できます。

キャプチャ画像

オリジナル機能【その他】

トップページ仕様

トップページはコンテンツビルダーを使って下記の5タイプのコンテンツから選択できます。
各コンテンツの順番の入れ替え・表示/非表示なんかも簡単操作。

1.デザインコンテンツ

用意されている6種類のレイアウトの自由な組み合わせで、横スクロールサイトが初めての人でもスムーズに作れます。

キャプチャ画像

レイアウト1(スプリット)

ページを縦に2分割。

キャプチャ画像

レイアウト2(縦フレーム2分割)

ページを縦に2分割にし、左側はさらに2分割。

キャプチャ画像

レイアウト3

ページを縦に2分割にし、左側はさらに3分割。

キャプチャ画像

レイアウト4

ページを縦に2分割にし、右側はさらに2分割。

キャプチャ画像

レイアウト5

ページを縦に3分割。

キャプチャ画像

レイアウト6

フルスクリーン(全画面表示)。

キャプチャ画像

2.画像スライダー

画像をスライダー形式でも表示できます。
レイアウトは2種類用意。

2カラム

ブラウザの幅を2:1で分割し、右側にテキスト表示。

キャプチャ画像

全画面横幅

ブラウザ幅いっぱいに画像を表示させてその上にテキストなどを表示。

キャプチャ画像

3.3点ボックス

ブラウザ幅を三等分にし、テキストやボタンなどを表示。
ボックスごとに背景(画像 or 動画)の設定も可。
(背景色のみも可)

キャプチャ画像

4.アクセスマップ

Googleマップを使用した地図を表示できます。

5.フリースペース

通常のエディター(ビジュアル・テキスト)で自由に作成できるエリア。
(HTMLも使用可)

その他

サポート

TCDテーマのインストール、初期設定、使い方のメールサポートあり。

独自カスタマイズについて

TCDのテーマはいずれも完成度が高いため、(それなりの知識がある方でも)独自カスタマイズがかえってやりにくいという面もあります。

それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。

TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。

ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。

カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。

無料テーマRebirth

TCDテーマの中には完全無料で利用できるテーマもあります。それが「Rebirth」。
元々有料で販売する予定だったテーマなので機能もしっかりしたものです。

お試し感覚で利用してみるのもいいかもしれません。

どんな方におススメ?

  • 横スクロールのサイトをつくりたい
  • 他とは一味違う美しいギャラリーをつくりたい
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次