ポータル的なブログ・Webマガジンにおすすめ。WP無料テーマ「Portal」

本日ご紹介するのはWordPress無料テーマ「Portal」。記事をガンガン更新していきたいという方向けにポータルサイト・ニュースサイトに、あるいはブログやWebマガジンといった用途におすすめのテーマです。

特徴的なのは３カラムのグリッドレイアウト、しかもサイドバー付きなところでしょう。２カラム・グリッドレイアウトのブログは珍しくありませんが、これは随分と珍しいほうかもしれません。

当サイト「テーマタンク」でも３カラムのグリッドレイアウトを採用しています。読み手にパッと同じ形で「情報」を提示し、興味をもったものを選んで読んでもらいたいという場合にマッチします。

もちろん情報（記事）に優劣をつけ、読んでもらいたいものを目立たせるということも大事です。そのために「テーマタンク」ではスライドショーを使い、「Portal」ではサイドバーを用意しているのでしょう。

レスポンシブ、SEO対策などなど、、これが「無料テーマかぁ〜」と思わずうれしいため息が出るような特徴多数のテーマです（笑）ぜひ最後までお読みください。

目次

1. テーマの特徴
2. テーマのデザイン・レイアウト
3. テーマの導入方法
4. テーマのカスタマイズ
5. まとめ

１．テーマの特徴

◆ デザイン・仕様 ・・・・・・・

• ３カラムのグリッドレイアウト
• モバイル端末対応レスポンシブデザイン：スマホ、タブレットもOK
• ページネーション：SEO対策、ユーザビリティ向上
• 見出しタグの最適化：各ページ毎に最適化！SEO対策に効果的
• ソーシャルメディア連携：独自ウィジェットパーツで各種ソーシャルと連携
• 広告スペース：ヘッダーをはじめ、各ウィジェットで簡単に広告掲載
• クロスブラウザ：主要ブラウザに対応（IE8+, Firefox, Chrome, Safari, Opera）
• 日本語化ファイル内蔵：テーマをインストール後、すぐに使用可！

◆ カスタマイズ・オプションメニュー ・・・・・

• テーマ独自のオプションメニューで簡単カスタマイズ
• ロゴ・アップロード機能：サイトロゴも設置簡単
• バックグラウンド・カスタマイズ機能：背景画像、背景色を設定
• ファビコンのアップロード機能：こだわり派にうれしい機能
• メニュー・カスタマイズ機能：ナビゲーションメニューを自由に編集
• ウィジェット・カスタマイズ機能：
• 独自ウィジェットパーツ：ソーシャル連携用など便利パーツ豊富
• フッター・カスタマイズ機能：クレジット表記の編集機能
• カラーオプション：指し色を自由に編集
• CSSカスタマイズ：オプションメニューから追記可能
• ヘッダー、フッターへのコード記述：オプションメニューから追記可能
• アイキャッチ画像サポート：トップページ、カテゴリページが映えます
• 全幅（横幅フル）ページ用テンプレート：固定ページより全幅ページ作成可

◆ その他 ・・・・・・・・・・

• 英文マニュアル：テーマフォルダの中に共に格納されています
• 英語サポート：サポートフォーラムの閲覧も、コメントも可能
• テーマ・アップデート：バグ修正、WPアップデート対応、セキュリティ向上に

２．テーマのデザイン・レイアウト

２−１）トップページのデザイン

「Portal」テーマのデザイン、レイアウトから確認していきましょう。

右サイトバー、左コンテンツエリアの「Portal」の特徴は、なんといっても３カラムのグリッドレイアウトでしょう。各記事がカクカクしく規則正しく並ぶ外観は、まさに「ポータル」という雰囲気が出ます。

下の画像をご覧のとおり、ヘッダー、サイドバー、フッターとウィジェットエリアが充実。広告を簡単に掲載するウィジェットパーツ、FacebookやTwitterなどのソーシャルとの連携用のウィジェットパーツもあり、簡単にWebサイトを構築することができます。

ページネーションがあることもポイントです。ページ数が増えて来た時には「Next」ボタンだとちょっぴりまどろっこしい時があります（笑）

２−２）カテゴリページのデザイン

記事カテゴリごとのページはトップと同じです。

２−３）投稿ページのデザイン

こちらは投稿ページ。

記事の下にオプションで関連記事と著者情報を表示させることができます。プラグインで対処しそうなところですが、ありがたい機能です。

２−４）固定ページ（全幅ページ）

固定ページはデフォルトでは右サイドバーのページになりますが、全幅ページを作ることもできます。

２−５）レスポンシブデザイン

スクリーンの大きさに合わせて自動でカラム数が変わります。

３．テーマの導入方法

３−１）テーマのダウンロード

「Portal」を使うには配布元サイトで会員登録をする必要があります。２分で済みますので面倒ぐさがらずにぜひやってみてください（笑）

まず配布ページの上部にある【DOWNLOAD THIS THEME】ボタンをクリック。

Portal｜MyThemeShop

登録ページに飛びますので「Portal Free」（画像では「Diary Free」になっています）というボタンをチェックし、ユーザーネーム、氏名、国、Eメールアドレスを入力し【NEXT】ボタンをクリックします。

サンキューページに飛んだところで、先ほど登録したメールをチェック。パスワードが記載されていますので、コピペして【Login】ボタンを押します。

メルアドかユーザーネーム、パスワードを入力して【Login】。

マイページに入ると、「Active Resorces」という欄がありますので、「Portal_v1.zip」をクリックしましょう。（MyThemeShopで配布している他の無料テーマもダウンロードすることができます）

圧縮フォルダをダウンロードしたら解凍。

中に入っている「Portal.zip」がWordPressテーマファイルです。

「Documentation」というフォルダには英文マニュアルが入っていますので、そちらもご参照ください。

３−２）テーマのインストール

次に「Portal.zip」をWordPressのダッシュボード（管理画面）よりインストールしましょう。

ダッシュボード > テーマ > 新規追加 > アップロード

アップロードできたら【いますぐインストール】ボタンを押して完了したら「有効化」。「Portal」が無事インストールできました。

サイトを表示させてみるとこのようになっています。

４．テーマのカスタマイズ

テーマをインストールすると、ダッシュボードに「portal」というメニューが追加されます。こちらから各種セッティングをしていくことになります。

４−１）一般設定

ダッシュボード > Portal > General Settings

ここではロゴ、ファビコン、Headerコード、Footerコード、サイトフッターにあるクレジット表記、ページネーションの設定をすることができます。

クレジット表記については、デフォルトではテーマ作成者である「MyThemeShop」のテキストとリンクが入っていますが、これは外してしまっても問題ありません。

設定が済んだら、ページ下部にある【Save Changes】を押して保存しましょう。

 

４−２）デザイン設定

ダッシュボード > Portal > Styling Options

ここでは指し色、背景色、背景画像、カスタムCSSの編集を行うことができます。本格的にカスタマイズしたい場合にはテーマファイルを直接いじらなければいけませんが、このメニューから設定するだけでもずいぶんと外見（イメージ）は変わってくるでしょう。

４−４）投稿ページ設定

ダッシュボード > Portal > Single Posts

投稿ページについては、記事下の関連記事の表示、関連記事下のタグ表示、さらに下の著者情報の表示設定を変更することができます。

４−５）カスタム・ウィジェット

ダッシュボード > 外観 > ウィジェット

サイトヘッダー、サイドバー、フッターの各ウィジェットエリアを編集します。

独自ウィジェットパーツも充実しています。

４−６）カスタム・メニュー

ダッシュボード > 外観 > メニュー

ヘッダーのナビゲーションメニューを編集しましょう。

４−７）固定ページで全幅ページを作る方法

ダッシュボード > 固定ページ > 新規追加 > ページ属性「Page Without Slider」

固定ページの編集画面で「Page Without Slider」というテンプレートを選択します。

以上、「Portal」のご紹介はいかがだったでしょうか？コンテンツが充実するまでは若干さみしく感じるかもしれませんが、このテーマを使って、コンテンツ（ページ数）が豊富にあればかなり読み応え、見応えのあるWebサイトが出来そうですね。

お読みいただき、ありがとうございました。

検索で来られる方が多い同カテゴリのテーマ
ポータルサイトに最適！ブログにも使えるテーマ「MH Magazines Lite」

• Tweet
•