kiwami

Simple Template – KIWAMI –

MENU

127_0_0_1_56296_index_htmlb

INDEX.HTML – TOP PAGE

127_0_0_1_56296_index_htmla

SINGLE.HTML – SINGLE PAGE

127_0_0_1_56296_single_html

ARCHIVE.HTML – ARCHIVE PAGE

127_0_0_1_56296_archive_html

SMART PHONE

kiwami_1

 

kiwami_2

 

kiwami_4

 

kiwami_5

 

 

kiwami_6

マウスポインターが見えるのは操作が分かりやすくするためです

 

テンプレートの特徴と説明

こちらのテンプレートはシンプルさにこだわったもので、名前の通り シンプルを極めるテンプレート 「Simple Template – KIWAMI -」です。白を基調としたテンプレートで、コンセプトは文章に没頭できるテンプレート。メニューをボタンで開閉するタイプにして、ファーストインプレッションから文章にスっと入れるようになっています。読み物系のサイトに使っていただくことを想定して作りましたので、文字がメインのサイトとして設計しています。

また文章だけではなく画像をシンプルに配置できるように設計しています、画像はページの中央寄せになり、さらにサイズも指定より大きくならないようになっています。このことによって文章とのバランスがもっとも取りやすい形になっているかと思います、さらに画像はクリックすることで画面のサイズに合わせて拡大するようになっています、スマートフォンのところに載せているGIFアニメーションの3番め、4番めがそれになります。クリックで再び閉じます。そしてこの機能は意識せずとも利用できるように作りました、HTMLのimgタグを記事本文中に入れるだけで機能するようになっています。HTMLが不得意な方でも利用しやすい方法を採用しました、画像が拡大されるとき画像のサイズが小さい場合は元のサイズより大きくは表示されないようになっています、埋め込む画像は大きいサイズを使うことをおすすめします。

文章系のサイトというのを想定していますので、あまり色々な機能は盛り込んでいません。文章系でも比較的よく使うテーブルのデザインと引用文のデザインはしてあります

個別の記事のページ、シングルページには読み終わった後にカテゴリ、タグ、そして関連する記事のエイラ、コメント欄があります。これお文章の下に置いたのは読者が文章に入りやすく集中できるようにするためです

アーカイブ用のテンプレートはトップとほぼ同じですが、カテゴリやタグ別のページ用に、少しだけ付け加えています。

コメントにはDISQUSを利用しています無料のコメントシステムです、ご利用の際はDISQUSのアカウントを作成して、設置してください

シンプルながら機能的なテンプレートにできているかと思います
シンプルさに少しだけ、メニューの回へにアニメーションを付けてカラフルな三本線にしてポイントをつけています。

このテンプレーはレスポンシブデザインで、スマートフォン、タブレットでも最適に表示されるようになっています。また最新のブラウザに対応、IEは9以上に対応しています それい以前のブラウザでは正常に表示できません・

 

DEMO index.html DEMO single.html DEMO archive.html DOWNLOAD

ダウンロードの際にはSNSでのシェアをお願いしています m(__)m

ご利用前に利用規約を一読ください

Other Template

wedding Getting Married gallery 001 kiwami

9ineBB Free Image

infant-303075 rabbit-344311 急所を狙われた空手・武道・格闘中のシルエット fire-269845 - コピー Dotombori_neon_sign_at_night chaplin チャールズ・チャップリン backflip-345027 guardian-deity-of-children-250024 book-92771 大きなお金の入った袋を運ぼ男性のイラスト

Comment