Article
新テンプレート「Mont-St-Michel」を作成しました
2016/ 01/ 19
共有テンプレの追加のページはこちら
過去２，３作は季節に合わせたテンプレートを作っていましたが、今回は季節柄はなく、テーマは名所「モンサンミシェル」です。画像は幅広のバナー風に用い、ヘッダーを比較的小さく取りました。
今回はサムネイルを使ったインデックスページは無しで、とてもシンプルなデザインですが、この方が記事が引き立つと思います。
全体はレスポンシブデザインになっており、横幅が小さくなるにつれて、コンテナーの部分は２カラムから１カラムへと変化します。またプラグインの部分も２カラムから１カラムと動きます。このデザインが一番使いやすいですね。
SEO対策として、html文法は完璧を来たし、Another HTML-lint 5で百点満点の判定になっています。
シンプルなレスポンシブデザインとSEO対策を特徴としたテンプレートになりました。
スポンサーサイト
コメント
No title
楽しみにしてます！
2016-01-21 19:57 ジャッキー・カン
ジャッキー・カンさんへ
初心に戻って、
基本的なデザインのテンプレートにしました
2016-01-21 20:51 てつぼちゃん
No title
早速テンプレートに
使いました
ありがとうございます
2016-01-24 05:57 sukan00
sukan00さんへ
カスタマイズ等のご要望がありましたら、
遠慮なくコメント下さい
2016-01-24 12:57 てつぼちゃん
No title
以前のペンギンよりこちらの方がとても気に入ってます。
早速使用させて頂こうとテンプレートの追加を行ったのですが、ブログ全体の左上に
プロフィールの紹介文＋”＞
の文字
（introduction2）＋…
が表示されてしまいます。
プラグイン等調べて見たのですが、よく判らなくて、
てつぼ様のHTML で
<!--index_area--><meta name="description" content="<%introduction2>"><!--/index_area-->
の部分を削除すると旨くいったのですが、こんな処理はOK なのでしょうか？
2016-01-26 17:30 ｈｉｇｅ
ｈｉｇｅさんへ
これは消去しても大勢には影響しません
本来は隠し文字なので、表には出ないはずなのですが…
ご利用のプラウザは何でしょうか？
2016-01-26 17:43 てつぼちゃん
No title
2016-01-26 18:44 ｈｉｇｅ
ｈｉｇｅさんへ
プラウザは問題無さそうです
私のFireFoxで見ると問題無いです
バグかと思い、適当に+を入れてみましたがそれも違います
原因不明ですね
2016-01-26 21:36 てつぼちゃん
検証ありがとうございます。
プラグインのHTML とか、触りすぎてますので私固有の問題かも知れません。
どちらにしろお伺いした行を削除しても良いとのこと。
今のところ<!-- -->で囲って注釈文扱いにしてあります。（注記付で）
2016-01-26 22:01 ｈｉｇｅ
Re: 検証ありがとうございます。
元々検索エンジン用のタグですから、
それで十分に本来の役割を果たします
2016-01-27 08:45 てつぼちゃん
なんとか
細かいところは追って改造していきたいと考えてます。
おかげさんで、これでスマホ（フォ？じゃないのね）に対応できそうです。
感謝！！
2016-01-31 23:16 ｈｉｇｅ
ｈｉｇｅさんへ
オリジナルより良い位です
後はHTML文法を修正すれば完璧でしょう
HTML-LINT-5をご利用ください
2016-02-01 06:02 てつぼちゃん
HTML-LINT-5
すごい量のエラーが検出されましたが、全てが不具合でもなさそうなんですね。
ただ、/li に対するli がないとか、table 内にtr を書き忘れているとか、初歩ミスがいくつか見つかって、助かりました。
少しずつ勉強しながら見直していこうと思ってますが、 <header> は不明なタグです というのはどういうことなんでしょう？
難しいですわ。
2016-02-01 20:24 ｈｉｇｅ
Re: HTML-LINT-5
これでいくとheaderタグが未使用で不明タグとなります
最新バージョンのHTML5は、Another HTML-lint 5 で判定してください
2016-02-01 23:02 てつぼちゃん
Another HTML-lint 5
Another HTML-lint 5 早速、見つけてきました。
チェックし直します。
2016-02-02 14:31 ｈｉｇｅ
Re: Another HTML-lint 5
2016-02-02 17:32 てつぼちゃん
IE11で
IE11 では、本文の横幅の可変やサイドコラムの下欄への移動が旨く動かないのですが、私だけでしょうか？
ペンギンはIE11 でも大丈夫ですねぇ。
IE は11.0.27 です。
Firefox 40.0.3 とChrome 48.02564.103 m の二つでは大丈夫です。
2016-02-05 15:35 ｈｉｇｅ
PS：IE11
media screen and (max-width: 959px){
の締めの } が1ヶ抜けてます？
これを次の media 文の前に追加するとOK になりましたが。
2016-02-05 17:28 ｈｉｇｅ
ｈｉｇｅさんへ
2016-02-05 20:09 てつぼちゃん
てつぼさま
ますます、このテンプレート快適です。
感謝！
2016-02-05 21:35 ｈｉｇｅ
ｈｉｇｅさんへ
もう直ぐ新作も出ますので、
そちらもよろしく
2016-02-05 23:33 てつぼちゃん
No title
素晴らしいテンプレートで敬服しています。
ただ私のブログは「Mont-St-Michel」にまったく関係もないので、別の写真か無地にして使用してもよろしいでしょうか。せっかくの作品に対して大変失礼なお願いですが、お返事いただければ幸いです。
2016-02-19 19:20 クリックす
クリックすさんへ
自由にカスタマイズして下さい
アダルト画像にして使っている人もいますよ
2016-02-19 20:23 てつぼちゃん
No title
m(_ _)m
2016-02-19 23:41 クリックす
クリックすさんへ
2016-02-20 06:43 てつぼちゃん
No title
戴きました＾＾
サグラダファミリアとどちらにするか
迷いましたw スツキリして見やすいと
コメント戴き喜んでおります
ありがとうございました
by yoko
2016-05-22 18:48 yoko
yokoさんへ
サグラダファミリアも使って下さいね
とても励みになります
2016-05-22 22:43 てつぼちゃん
No title
ブログ始めました。
共有テンプレートを探しています。
そこで、"Mont-St-Michel"を利用させていただきたいのですが、
利用させていただいているのに、大変失礼なのですが、
背景やヘッダ画像、レイアウトなど変更させていただいてもよろしいですか？
また、ブログについて質問等させていただいてもよろしいですか？
2016-06-03 19:44 ruka
rukaさんへ
解らない点がありましたら、
コメント頂ければ回答します
2016-06-03 20:38 てつぼちゃん