Notebook

最終更新日:2015-12-11

テーマの解説 Notebook Theme — WordPress Themes for Blogs at WordPress.com
デモ Notebook | Simple and modern WordPress theme
価格$75(2014-09-29現在)
サポートページ(英語) Notebook « Premium Theme Support
テーマの制作者  Tasko

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

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

フロントページにテンプレート「Homepage」の固定ページを設定し、その固定ページに複数の画像をアップロードすると、フロントページのヘッダー部にスライドショーの効果を持たせることができます。

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

Untitled

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

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

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

1つのソーシャルアイコンエリアがあります。

Notebook | Simple and modern WordPress theme

ロゴを追加することができます。

t demo | WordPress.com のデモ用

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

テンプレート

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

デフォルトテンプレート
デフォルトテンプレート

Homepage
Homepage

アイキャッチ画像

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

Taras Dashkevych  Notebook.jpg

また、記事の個別表示のヘッダー部やナビゲーション部ではアイキャッチ画像がその背景画像として適用されます。

Long and Interestingfsdffed Story  Notebook.jpg
記事の個別表示のヘッダー部
Skitch
投稿記事またはポートフォリオ記事の個別表示の下にあるナビゲーション部

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

 CSS 編集のバリエーション

文章全体の強調

CSS のクラス名に「intro」を指定すると

<p class="intro">文章全体を強調することができます。</p>

文章全体が強調されます。

テーマ「Notebook」の CSS | t demo
頭文字の強調

CSS のクラス名に「dropcap」を指定すると

<span class="dropcap">頭</span>文字を強調することができます。

頭文字が強調されます。 1

テーマ「Notebook」の CSS | t demo-1

  1. 原理的にはどこの文字でもよく、複数文字の指定も問題ないと思います。 

投稿者: comemo

WordPress.com での記事の作成方法など

 

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

WordPress.com ロゴ

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

Google フォト

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

Twitter 画像

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

Facebook の写真

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

%s と連携中

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