Designer

最終更新日:2015-12-11

Designer Theme — WordPress Themes for Blogs at WordPress.com

テーマの解説  Designer Theme — WordPress Themes for Blogs at WordPress.com
デモ  Designer | A portfolio theme for creatives.
価格 $75(2014-09-03現在)
レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等  Designer WordPress Theme • Array
サポートページ(英語) Designer « Premium Theme Support 
テーマの制作者 

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

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

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

Finder-4

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

Untitled-2

 

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

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

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

「カスタマイズ → テーマオプション → Always Show Sidebar」より、折りたたみ式のサイドバーを常時、開いたままにすることができます。

Designer のカスタマイズ — WordPress

カスタムメニューウィジェットを使って、サイドバーにソーシャルアイコンを設置することができます。

t demo | WordPress.com のデモ用-5

「カスタマイズ → サイト名 → サイトロゴ」より、サイドバーの上の方にロゴ画像を追加することができます。

t demo | WordPress.com のデモ用-6

背景を変更することができます。

Home | t demo

 

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

テンプレート

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

デフォルトテンプレート

デフォルトテンプレート

Homepage Template

Homepage Template

「カスタマイズ → テーマオプション → Number of Projects on Homepage」のところで、テンプレート「Homepage Template」に表示される記事数を調整することができます。

「カスタマイズ → テーマオプション → Project Archive Text」のところで、コンテンツタイプ「ポートフォリオ」のアーカイブページ 1 の上の方に記述を追加することができます。

Projects | Designer

「カスタマイズ → テーマオプション → Blog Index Style」のところで、ブログ形式での表示を以下のような感じで切り替えることができます。

Designer のカスタマイズ — WordPress-6

rect3015

ブログ | t demo | WordPress.com のデモ用

アイキャッチ画像

記事にアイキャッチ画像を設定すると、アーカイブ表示等でアイキャッチ画像がサムネイル画像として適用されます。

アイキャッチsffads画像 Search Results t demo.jpg

「カスタマイズ → テーマオプション」より、

Designer のカスタマイズ — WordPress-1

コンテンツタイプ「ポートフォリオ」のアーカイブページ 2 およびテンプレート「Homepage Template」での記事の表示を以下のような感じで切り替えることができます。

Tiled

Tiled

Designer のカスタマイズ — WordPress-3

Landscape

Portrait

Portrait

Designer のカスタマイズ — WordPress-5

Square

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

カスタマイズ:色

 

CSS 編集のバリエーション

ハイライトの追加

以下のタグを使うと

<span class="highlight">This will be highlighted.</span>

文章の一部をハイライトさせることができます。 3

見出し表示等の確認用 | t demo

文章の一部右寄せ等

以下のタグを使うと、

<span class="pull-right">Pull this text right.</span>

文章の一部を右寄せさせたりすることができます。 4

見出し表示等の確認用 | t demo-1


  1.  url のあとに「/portfolio」を追加。 
  2.  url のあとに「/portfolio」を追加。 
  3. Style Guide | Designer 
  4. Style Guide | Designer 

 

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

WordPress.com ロゴ

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

Google フォト

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

Twitter 画像

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

Facebook の写真

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

%s と連携中

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