ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもあります。必ず公式サイトでご確認ください。
VOYAGE（TCD121）【日本語ワードプレステーマ】
当ページの一部リンクにはプロモーションが含まれています。
目次
テーマ［VOYAGE］が選ばれる理由
「VOYAGE」はオウンドメディアの構築をメインに設計されたワードプレステーマです。
（デモサイトでは『島への移住をコンセプトに”地域の魅力や暮らしを丁寧に伝える”構成』になってます）
美しいアニメーションに柔軟なページ設計、個性あふれるトップページなど他メディアサイトとの差別化に力を入れた設計。
通常の投稿に加えて特集記事/取材記事/タイアップ記事/インタビュー記事など記事の性質に合わせてデザインが変わるので、メディアとしての厚みをつけることができます。
メディアとは情報を伝達するための手段や媒体のこと。代表的なのはラジオ/新聞/テレビなどのマスメディアでしょうか。
インターネットを利用したニュースサイトや企業サイト（ブログ）などのウェブメディア、SNSなどのソーシャルメディアもあります。
オウンドメディアというのもありますが、こちらは企業などが運営・情報発信を行うメディアの総称で自社ウェブサイトや公式ブログ、公式SNS、メルマガなども含まれたりします。
テーマ［VOYAGE］に向いてる業種/サイト
- 自治体・観光協会の公式メディア
- 観光地の魅力をまとめた情報サイト
- 移住促進・地域プロモーションサイト
- 地域の魅力を発信するローカルメディア
- 飲食、ファッション、アートなどさまざまなメディア
TCDの各テーマに搭載されてる共通のオリジナル機能はこちらのページにまとめてあります。
※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がいまいち理解しにくいという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レイヤー画像・レスポンシブデザイン
テーマ［VOYAGE］の注目ポイント
VOYAGEでは他のメディア系サイトの見せ方とは一味違った視覚的な差別化が図られてます。
オープニングアニメーション
VOYAGEから新しく搭載されたのが『オープニングアニメーション』。
これまでのロード画面はロゴやキャッチフレーズだけのシンプルなものでしたが、画像→キャッチフレーズの表示後にアニメーションを挟んでトップページが表示されるオプションが追加されました。これによりサイト全体の雰囲気を強く印象づけることができます。
※デモサイトのロード画面（オープニングアニメーション）は専用画面から簡単に設定可能。
マスクスクロール
スクロールに連動して画像が全画面に拡大するアニメーション。
（スマホでも同じ動き）
慣性スクロール
スクロールした際にぴたっと止まるのではなく、PCでもスマホのように滑らかに静止するマウススクロールを実現。
テーマ［VOYAGE］の主要機能
ヒーローヘッダー
ファーストビュー部分には2種類のヒーローヘッダーを設定できます。
ロゴ/ナビゲーションはもちろん背景に画像/動画も設置可。
画像は複数枚ならスライダー化も。中央に配置するコンテンツは画像/キャッチコピーから選択可。
（※スマホでは全画面レイアウト）
メインコンテンツ（トップページ）
コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。
以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。
画像スライダー
画像をカルーセル形式で表示。複数の画像が流れるように動きます。
記事カルーセル
投稿 or 特集記事をカルーセル形式で表示。背景画像も設定可能。
お知らせ一覧
お知らせ記事をカード形式で一覧表示。
（※下はアイキャッチ画像なしのパターン）
インタビュー一覧
インタビュー記事を独自レイアウトで一覧表示。（※デモサイトでは”働く”一覧）
記事一覧
最新記事やカテゴリー別記事をシンプルに一覧表示。
ランキング記事一覧
閲覧数またはいいね数順で投稿記事を一覧表示できます。
ユーザー一覧
ワードプレスのユーザープロフィールと連動したユーザー（ライター/スタッフ）をカルーセル形式で一覧表示。
表示/非表示や並び替えも自在。
スペックカウンター
（予め登録しておいた）数値をカウントアップアニメーションつきで表示できます。
表示内容は登録済みカウンター一覧から選択（＆並び替え）可能。
こちらは記事内での個別カウンターの表示例。
フリースペース
HTMLやパターンを使って自由に内容を書きこみ可能なエリア。
見出しや横幅（コンテンツ幅 or フル幅）なども調整可。
特集
人や物、お店、商品などにスポットを当てた深掘り用の記事に最適なページ作成機能。
長文記事との相性もよく、記事下部にはプロフィールや店舗情報/観光スポット（※テーブル形式）も追加可能。
アーカイブページも詳細ページも専用の設定画面が用意されてます。
インタビュー
インタビュー記事や事例紹介ページに最適なページ作成機能。
縦長サムネイルや横長サムネイルなど用途に応じた表示が可能。
詳細ページでは下のような設定オプションが用意されており、あとは通常の投稿記事を書くように作るだけで完了です。
ランキングページ
”閲覧数”や”いいね数”順で記事を一覧表示したいときに使います。
専用の設定画面にて項目を変更するだけであとは自動更新される仕様。
サイドテキスト＆ボタン
PC表示時の画面左側には「サイドテキスト」を、右側には「サイドボタン」を固定表示できます。
（スマホではドロワーメニュー内にサイドボタンの内容が表示）
サイドボタン用に全56個のアイコンが用意されているほか、ご自身でアップロードした画像使用も可。
ネイティブ広告機能
記事一覧などの中に自然に溶け込むように広告を表示できる機能がネイティブ広告。
下のような設定画面で複数の広告セットを登録でき、投稿アーカイブ/特集アーカイブ/ランキングページ/ウィジェットなど各所にネイティブ広告を表示できます。
表示場所によって別の広告を表示させることも可。
テーマ汎用機能
- 有料記事/サブスク機能対応
- 『TCDクラシックエディター』プラグイン対応
- クイックタグ（Gutenberg対応）
- アラートを表示できるヘッダーメッセージ
- Webフォントも利用可能なシステムフォント（日本語3種類・英語13種類）
- スマホ用フッターバー
- カスタムCSS
- カスタムスクリプト
- プリセットカラー（5タイプ）
- ローディング機能
- 登録済みアイキャッチ画像のサイズ一括調整（regenerate thumbnails）
- アイキャッチ未設定時の代替画像作成
- microdata形式対応パンくずリスト
- ネイティブ広告対応
- 404ページカスタマイズ
- SNSシェアボタン
- PWA対応
- LP（ランディングページ）専用テンプレート
- 投稿者プロフィール＆投稿者一覧ページ
- カスタム投稿タイプ「お知らせ」
- カスタム投稿タイプ「住まう」
- カスタム投稿タイプ「働く」
カスタム投稿タイプとは
TCDテーマには必ずといっていいほど「カスタム投稿」タイプが付いてます。これ、通常の投稿と何が違うかご存じですか？
簡単にその違いをご紹介します。
ワードプレスにデフォルトで備わってる主な投稿タイプには「投稿」と「固定ページ」があります。
「投稿」はブログ記事など時系列順にコンテンツを発信するのに向いており、”カテゴリー”や”タグ”と呼ばれるページ分類機能が備わってます。
作成した記事を一覧表示するアーカイブページも存在します。
「固定ページ」は時系列に関係なく、そのページ単体で完結するようなコンテンツ作成に向いてます。たとえば”会社案内”や”FAQページ”、”問い合わせページ”など。
時系列からは外れてるため、カテゴリー等で分類することはできずアーカイブページも存在しません。
その代わり固定ページ同士での階層関係を持てたりページテンプレートを選択できる機能が備わっています。
「カスタム投稿（タイプ）」は編集画面は「投稿」と似てますが、コンテンツの内容に合わせてデザインやレイアウトを自由に設定できるのが特長です。
（TCDテーマであれば）”お知らせ”や”会社実績”、”特集”などがカスタム投稿タイプで構成されてます。
また管理画面には「投稿ページ」や「固定ページ」の他に設定済みの「（カスタム投稿タイプ名）」が出現します。
更新作業の際はそのメニューから直接編集画面を開けるのでとても便利です。
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、（それなりの知識がある方でも）独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマ GLUE
TCDテーマの中には完全無料で利用できるテーマもあります。それが「GLUE」。
初心者からプロまで使える高機能なブログ向けWordPressテーマです。
テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。
メディア/ブログ向けテーマはこのページを含めてほかにもまだあります。
スクロールできます
コメント