Port

最終更新日:2015-12-11

Port Theme — WordPress Themes for Blogs at WordPress.com

テーマの解説 Port Theme — WordPress Themes for Blogs at WordPress.com
デモ Port | A Sleek and Sylish Agency Theme
使用例 Port | Pearltrees
価格 $75(2014-07-02現在)
レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等 Port | ThemeTrust WordPress Themes ($58 (2015-12-11現在))
サポートページ(英語) Port « Premium Theme Support
テーマの制作者 

テーマ「Port」の背景/特徴

1ページサイトを作成することができます(テンプレート「ホーム」を使用)。

iPhone 等に対応しているレスポンシブデザイン設計のテーマです。

Untitled

コンテンツタイプ「推薦文」が準備されており、

ダッシュボード ‹ t demo — WordPress

メンバー紹介等の情報管理等ができます。

Port | A Sleek and Sylish Agency Theme

コンテンツタイプ「ポートフォリオ」に対応しています。

Port | A Sleek and Sylish Agency Theme-1

右側に折りたたみ式のメニュー・ウィジェットエリアがあります。

 

外観設定のバリエーション

3つのウィジェットエリアがあります。

Noticons の表示テスト | t demo

投稿記事の個別表示

t demo | WP.com のデモ用

メニューの下

「カスタマイズ → フッター」より、

ポート のカスタマイズ — WordPress

フッター部に文字やソーシャルアイコン等を挿入することができます。

t demo | WP.com のデモ用-1

ソーシャルアイコンの入力例は以下のとおりです(記事「Port Theme — WordPress Themes for Blogs at WordPress.com」より該当部を引用)。

1つのメニューエリアがあります。

記事設定のバリエーション

テンプレート

4つのテンプレートが準備されています。

テンプレート「デフォルト」 | t demo

デフォルトテンプレート

Full Width Page | t demo

Full Width

Port | A Sleek and Sylish Agency Theme-2

ホーム

テンプレート「ホーム」の諸設定は「カスタマイズ → Homepage」のところで行います。

ポート のカスタマイズ — WordPress-1


Portfolio Page | t demo

ポートフォリオ

また、「(URL)/testimonial/」にアクセスすると推薦文の一覧が表示されます。

Testimonials | Port

 

アイキャッチ画像

投稿記事にアイキャッチ画像を設定すると、アーカイブ表示のときにアイキャッチ画像が記事タイトルの上に表示されます。

おすすめ投稿 | t demo

ポートフォリオ記事にアイキャッチ画像を設定するとポートフォリオの一覧表示のときにアイキャッチ画像がサムネイル画像として適用されます。

t demo | WP.com のデモ用-2

テーマ「Port」固有の HTML タグ

以下の記述を記事に追加すると、

<a class="button" style="background: #46adb1;" href="your-url-goes-here">This is a Button</a>

以下のようなボタンを表示させることができます。

ポート のカスタマイズ — WordPress-5

 

カスタマイズ(色等)・CSS 編集のバリエーション

カスタマイズ:色

その他特記事項

背景の設定について

背景の設定メニューはありますが、私が確認した限りにおいては、その適用箇所を見つけ出すことはできませんでした。

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。