現在、テーマ入れ替え中につき、レイアウトが一部崩れる場合があります。
テーマ変更完了まではお見苦しいですがご了承くださいませ。
【日本語WordPressテーマ】PORTAL（TCD095）
”記事を読ませる”工夫が散りばめられたたシンプルな個人ブログ向けWordpressテーマがPORTALです。
目次
PORTALの主な特長
- 機能面をできるだけシンプルにした無駄のないレイアウト。
- （アイキャッチ）画像なしでもすぐに始められる記事が主役のブログデザイン。
- 広告だらけのページとは一味違ったカッコよさが魅力。
ブロックエディター対応状況
| 完全対応◎・一部対応◯・未対応× |
完全対応・一部対応・未対応の違い
ワードプレス標準搭載のブロックエディター機能はどのテーマでも使えます。
その中でもテーマオリジナルのブロック機能を駆使してブロックエディターだけでサイト作成が完了するものを当サイトでは完全対応と呼んでます。
これに対しオリジナルのブロック機能の開発は進んでいるもののクラシックブロックなどでの限定的な利用にとどまるテーマは一部対応としてます。
そしてオリジナルブロック機能は非搭載もしくは数えるほどで、ベースとなる編集は旧エディターというテーマは未対応という位置づけにしてます。
※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レスポンシブデザイン
PORTALの主なオリジナル機能
デフォルトは1カラム
PORTALのページレイアウトはデフォルトで1カラム構成。
もちろん2カラム（サイドバー有り）への変更も可。
1カラムレイアウト時は右肩のハンバーガーメニューをクリックでドロワーメニュー（実質的なサイドバー）がスライド表示。
ドロワーメニュー内に表示する項目はテーマオプションから設定可。
（並び替え・表示/非表示も簡単操作）
ブログデザイン＆サイトカラー
ブログのデザインが2タイプから選択可。
- シンプルタイプ（画像なし・サイトカラーのみのデザイン）
- インパクトタイプ（デモサイトのような画像の設定を前提としたデザイン）
サイトカラーは5タイプのプリセットカラーからワンタッチで切り替え可。
（カラーピッカーを使った微調整やオリジナル配色への変更も可）
固定ページテンプレート
PORTALには固定ページ用のテンプレートがいくつか実装されてます。
プロフィール
ブログ運営者のプロフィールを表示するためのテンプレート。
ランキングページ
閲覧数の多い記事順にランキング表示する機能。
集計期間は日間・週間・月間・年間・無期限から選択可。（最大3種類まで）
ランディングページ（LP）
画面右上の検索アイコンやハンバーガーメニューやフッターの有り無しなどがワンタッチで変更可。
「よくある質問（FAQ）」も質問と回答を入力するだけの簡単設定。
4つの便利な追加スタイル
記事の装飾はTCDオリジナルのクイックタグ機能で簡単に設定できますが、PORTALには下記のような便利なスタイルも実装されてます。
frame
画像に枠とシャドウをつけるためのクラス。
（imgタグのクラスに「frame」を追加するだけ）
round
画像の四隅を丸くする（角丸）クラス。
（imgタグのクラスに「round」と指定するだけ）
e_link
記事内に外部リンクを設置する際、『新しいタブ or ウインドウで外部サイトが開きますよ』というのを”明示的に知らせる”小さなアイコンを表示するクラス。
（一般的には”新しいタブ or ウインドウで開く”だけの意味で用いられることが多いかと）
s_table
表（テーブル）の横幅が大きい場合、スマホでは小さく表示されて見づらくなります。
そこで表を横スクロールさせることでスマホでも見やすく（PCと同じ見え方に）できるクラス。
<div class=”s_table”>と指定すれば再現できます。
オリジナル機能【その他】
ヘッダー
ヘッダーエリアには静止画のほか（デモサイトのような）動画（MP4,YouTube）もセット可能。
（どちらもセットしないシンプルデザインも可）
ヘッダー中央にはロゴやキャッチフレーズも表示可。
（フォントサイズやフォントタイプも選択可）
トップページ仕様
タブ表示
ブログのトップページは一般的には記事一覧表示になるものですが、PORTALは（デモサイトのように）タブで表示分けすることもできます。
タブごとに表示する記事も細かく設定可。
（最新記事やおすすめ記事など）
さらにタブ内にはHTMLを使って自由にコンテンツを配置することも可。
CTA
PORTALのCTAは画像と文言を用意するだけで作成可。
（HTML等の知識不要）
デザイン済みCTAは記事の本文直下およびフッター上部に表示可能。
2タイプのデザインが用意されてます。
固定表示エリア
記事ページの上下には（全ページ共通の）テキストや画像を設置可。
HTMLも使用可能なのでオリジナルのバナー画像を設置したり広告の設置箇所としても利用できます。
（PCとは別にモバイル用の設置エリアも実装）
フッターコンテンツ
フッターエリアには以下の３つが表示できます。
- プロフィール（これ以外にHTMLでの自由作成も可）
- カテゴリーナビゲーション
- 記事一覧（新着・閲覧数順のほか指定した記事のみの表示も可）
その他
- 新クイックタグ
- カスタムCSS
- カスタムスクリプト
- ヘッダーメッセージ
- 新スマホ専用フッターバー
- 構造化マークアップ適用パンくずリスト
- 404ページカスタマイズ機能
- SNSボタン設定
- ソーシャルボタンの表示設定
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、（それなりの知識がある方でも）独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマRebirth
TCDテーマの中には完全無料で利用できるテーマもあります。それが「Rebirth」。
元々有料で販売する予定だったテーマなので機能もしっかりしたものです。
お試し感覚で利用してみるのもいいかもしれません。
どんな方におススメ？
- 1カラムの見やすいブログサイトを作りたい
- 仰々しいのは飽きたのでシンプルなデザインのブログサイトを作りたい
- テキスト中心の記事が多いので飽きずに見てもらえるデザインテーマを探してる
”広告は多いわサイドバーはうるさいわ”みたいなごちゃごちゃしたサイトではなく、純粋に記事を読ませたいブログサイトを運営したい方にはおススメのテーマです。
コメント