FRANKIES

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

約19分

ご挨拶

2020年、行徳駅にオープンした「Frankies International Bar」のマスター Frank(フランク)です。

長年、日本でのバーテンダーとしてのキャリアがあり日本語も話せます。
もちろんスタッフは全員英語が通じます。

フランキーズはお一人様から団体様、また男性から女性まで自由に楽しめる空間を提供しています。
お客様同士の出会いを求めたり、ゆっくり一人で飲みたい方も、ぜひお気軽にお越しください。

皆さまとお話できるのを楽しみに待っています。
ぜひ気軽に遊びに来て下さい。


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を指定した場合

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Evernote
Feedly
Send to LINE