INFINITII by DigiPress

Highly Flexible WordPress Theme

DigiPressによるコンテンツ装飾テスト

14873 views
約19分
DigiPressによるコンテンツ装飾テスト
デモ内容テーマに搭載の装飾CSSによるスタイリング
アイコン利用1つ1つ選定したアイコンフォントは300種類以上
拡張性独自アイコンセットのため、今後も随時追加
マニュアルオンラインドキュメントにて参照可能
その他投稿オプションの「フリーメタ情報」として自由項目(最大5件)を指定すると、このように本文の先頭に自動表示されます。

DigiPressテーマにはテキストやコンテンツを用途に応じて装飾する様々なスタイルシートが用意されています。
ちなみに、このページは投稿オプションにてサイドバーを非表示(1カラム)にしています。

ショートカットキーをキーボード風に表示

Mac の場合、+V で貼り付け。
Windows の場合、Ctrl+V で貼り付け。
+E でエクスプローラーを開きます。

このサンプルのコード

Mac の場合、<span class="keyboard"><i class="icon-cmd"></i></span>+<span class="keyboard">V</span> で貼り付け。
Windows の場合、<span class="keyboard">Ctrl</span>+<span class="keyboard">V</span> で貼り付け。
<span class="keyboard"><i class="icon-windows"></i></span>+<span class="keyboard">E</span> でエクスプローラーを開きます。

フォントサイズを変えよう(8〜100ピクセル)

フォントサイズを変更したいときは、ft[数値]pxという書式のクラス指定をするだけで変更できます。

表示サンプル

8ピクセルです。
10ピクセルです。
15ピクセルです。
20ピクセルです。
30ピクセルです。
35ピクセルです。
40ピクセルです。
45ピクセルです。
50ピクセルです。
60ピクセルです。
70ピクセルです。
80ピクセルです。
90ピクセルです。
100ピクセルです。

このサンプルのコード

<span class="ft8px">8ピクセルです。</span>
<span class="ft10px">10ピクセルです。</span>
<span class="ft15px">15ピクセルです。</span>
<span class="ft20px">20ピクセルです。</span>
<span class="ft30px">30ピクセルです。</span>
<span class="ft35px">35ピクセルです。</span>
<span class="ft40px">40ピクセルです。</span>
<span class="ft45px">45ピクセルです。</span>
<span class="ft50px">50ピクセルです。</span>
<span class="ft60px">60ピクセルです。</span>
<span class="ft70px">70ピクセルです。</span>
<span class="ft80px">80ピクセルです。</span>
<span class="ft90px">90ピクセルです。</span>
<span class="ft100px">100ピクセルです。</span>

Noto Sans Japaneseで美しいフォントで表示しよう

DigiPressは、Google, Adobeによって共同で開発されたOFL(Open Font License)の下で提供されているオープンソースのフリーフォント「Noto Sans CJK JP」が組み込まれており、設定画面から使用有無、適用箇所の指定(全体、主要タイトルのみ、class指定による個別表示)が簡単に行えます
なお、日本語フォントゆえにWebフォントとして利用するには致命的な欠点であった膨大なファイルサイズ(約115MB)を、使用する文字を実用的かつ必要十分なものだけに絞ることで軽量(サブセット)化しています。

テーマ標準フォント表示

指定した箇所のみに Noto Sansフォントで表示も可能です。これはテーマ標準。

Noto Sansを指定した場合

About The Author

digioress.incWebデザイナーBecky Mendez
これはユーザーのプロフィール情報エリアです。
肩書きや対象ユーザーのSNSアカウントのリンク、紹介文などをWordPressのプロフィール画面から登録するだけで自動的に表示されます。

また、各プロフィール情報はMicrodata形式として出力されるため、検索エンジンにも寄稿者として認識させることができます。
Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Evernote
Feedly
Send to LINE
012-3456-7890