Content

        

19/03/2016

新テンプレート「Mont-St-Michel」を作成しました

                 

モンサンミシェル
 共有テンプレの追加のページはこちら
 過去2,3作は季節に合わせたテンプレートを作っていましたが、今回は季節柄はなく、テーマは名所「モンサンミシェル」です。画像は幅広のバナー風に用い、ヘッダーを比較的小さく取りました。
 今回はサムネイルを使ったインデックスページは無しで、とてもシンプルなデザインですが、この方が記事が引き立つと思います。
 全体はレスポンシブデザインになっており、横幅が小さくなるにつれて、コンテナーの部分は2カラムから1カラムへと変化します。またプラグインの部分も2カラムから1カラムと動きます。このデザインが一番使いやすいですね。
 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  hige 
higeさんへ

> <!--index_area--><meta name="description" content="<%introduction2>"><!--/index_area-->

これは消去しても大勢には影響しません
本来は隠し文字なので、表には出ないはずなのですが…
ご利用のプラウザは何でしょうか?

    2016-01-26 17:43  てつぼちゃん 
No title

FireFox 43.0.4 です。

    2016-01-26 18:44  hige 
higeさんへ

> FireFox 43.0.4 です。

プラウザは問題無さそうです
私のFireFoxで見ると問題無いです
バグかと思い、適当に+を入れてみましたがそれも違います
原因不明ですね

    2016-01-26 21:36  てつぼちゃん 
検証ありがとうございます。

素早い回答ありがとうございます。

プラグインのHTML とか、触りすぎてますので私固有の問題かも知れません。
どちらにしろお伺いした行を削除しても良いとのこと。
今のところ<!--  -->で囲って注釈文扱いにしてあります。(注記付で)

    2016-01-26 22:01  hige 
Re: 検証ありがとうございます。

> 今のところ<!--  -->で囲って注釈文扱いにしてあります。(注記付で)

元々検索エンジン用のタグですから、
それで十分に本来の役割を果たします

    2016-01-27 08:45  てつぼちゃん 
なんとか

なんとか大改造ができまして、テンプレートを、てつぼさん作、私め大改造に変更できました。
細かいところは追って改造していきたいと考えてます。
おかげさんで、これでスマホ(フォ?じゃないのね)に対応できそうです。

感謝!!

    2016-01-31 23:16  hige 
higeさんへ

綺麗に出来ましたね
オリジナルより良い位です
後はHTML文法を修正すれば完璧でしょう
HTML-LINT-5をご利用ください

    2016-02-01 06:02  てつぼちゃん 
HTML-LINT-5

早速HTML-LINT-5 のサイトを捜してみると、Another HTML-lint gateway というサイトに行き着き、そこでチェックを掛けてみました。
すごい量のエラーが検出されましたが、全てが不具合でもなさそうなんですね。
ただ、/li に対するli がないとか、table 内にtr を書き忘れているとか、初歩ミスがいくつか見つかって、助かりました。
少しずつ勉強しながら見直していこうと思ってますが、 <header> は不明なタグです というのはどういうことなんでしょう?
難しいですわ。

    2016-02-01 20:24  hige 
Re: HTML-LINT-5

検索されたのはHTML4の対応サイトですね
これでいくとheaderタグが未使用で不明タグとなります
最新バージョンのHTML5は、Another HTML-lint 5 で判定してください

    2016-02-01 23:02  てつぼちゃん 
Another HTML-lint 5

あっ そういうことですね。
Another HTML-lint 5 早速、見つけてきました。
チェックし直します。

    2016-02-02 14:31  hige 
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  hige 
PS:IE11

もしかして
media screen and (max-width: 959px){
の締めの } が1ヶ抜けてます?
これを次の media 文の前に追加するとOK になりましたが。

    2016-02-05 17:28  hige 
higeさんへ

ご指摘の通りです。早速訂正の記事を書きました。

    2016-02-05 20:09  てつぼちゃん 
てつぼさま

やっぱり、 でしたか。

ますます、このテンプレート快適です。
感謝!

    2016-02-05 21:35  hige 
higeさんへ

ありがとうございます
もう直ぐ新作も出ますので、
そちらもよろしく

    2016-02-05 23:33  てつぼちゃん 
No title

レスポンシブ対応のテンプレートを探していて「Mont-St-Michel」にたどり着きました。
素晴らしいテンプレートで敬服しています。
ただ私のブログは「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  てつぼちゃん