Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/11/18-eye.png): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 102

Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/11/ogp-rectangle.jpg): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 111

Warning: file_get_contents(https://klee.mypace.net/wp-content/themes/godios/style.min.css): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 300
モノクロ

白黒映画みたいなテンプレート「モノクロ」

「モノクロ」は白黒映画を意識したテンプレートです。18作目です。

写真とアニメーションで雰囲気のあるサイトに

どの端末からも見やすいレスポンシブデザインです。

「モノクロ映画がテーマ&レスポンシブデザイン」のご要望にお応えしました!

こんな方におすすめです

  • 雰囲気のあるサイトにしたい
  • ページを切り替える時のアニメーションがほしい
  • 短い小説やお題を展示したい

※ご利用の際は利用規約独自ライセンスの項目をご一読ください。

「モノクロ」の特徴2つ

文字がふわっと切り替わるアニメーション

ページ下部の点を押してページを移動すると、文字がふわっと切り替わります。黒い背景色と相まって、なんとなく雰囲気があります。

アニメーションは簡単に変更できます!

HTML内のmode: 'fade'でフェード効果を指定しています。horizontalverticalに変えると、また違った印象になりますよ。

さらにアニメーションの緩急などをカスタマイズしたい方は「bxSlider」で検索してみてください。

短い小説・お題サイト等におすすめ

このテンプレートでは「bxSlider」というプラグインを使用しました。
本来、画像を展示するものなので、小説展示に使うには不具合が一点ございます。

スマホでページを切り替えた時に文頭に飛ばないため、先の展開が目に入る可能性があります。

なので、現時点では以下のような使い方をおすすめします。

  • 1ページ500字程度に区切って使う
  • 短い小説やお題の展示に使う

テンプレートのデータ

文書型宣言 HTML4.01 Transitional
文字コード Shift_JIS
フレームワーク One% CSS Grid
CSSの書き方 PCファースト

サイト作りに慣れていなければ「HTMLテンプレートを使ったサイト制作の流れ」をご覧ください。


Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/11/18-eye-368x234.png): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/schema-org.php on line 51