Article

        

スポンサーサイト

--/ --/ --
                 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
                         
                                  
        

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

2016/ 01/ 19
                 
モンサンミシェル
 共有テンプレの追加のページはこちら
 過去2,3作は季節に合わせたテンプレートを作っていましたが、今回は季節柄はなく、テーマは名所「モンサンミシェル」です。画像は幅広のバナー風に用い、ヘッダーを比較的小さく取りました。
 今回はサムネイルを使ったインデックスページは無しで、とてもシンプルなデザインですが、この方が記事が引き立つと思います。
 全体はレスポンシブデザインになっており、横幅が小さくなるにつれて、コンテナーの部分は2カラムから1カラムへと変化します。またプラグインの部分も2カラムから1カラムと動きます。このデザインが一番使いやすいですね。
 SEO対策として、html文法は完璧を来たし、Another HTML-lint 5で百点満点の判定になっています。
 シンプルなレスポンシブデザインとSEO対策を特徴としたテンプレートになりました。
                         
                                  

コメント

No title
素敵なテンプレートになりそうですね。
楽しみにしてます!
ジャッキー・カンさんへ
ありがとうございます
初心に戻って、
基本的なデザインのテンプレートにしました
No title
ブログを書こうと思い
早速テンプレートに
使いました
ありがとうございます
sukan00さんへ
ご利用ありがとうございます
カスタマイズ等のご要望がありましたら、
遠慮なくコメント下さい
No title
てつぼ様
以前のペンギンよりこちらの方がとても気に入ってます。
早速使用させて頂こうとテンプレートの追加を行ったのですが、ブログ全体の左上に

 プロフィールの紹介文+”>

の文字

(introduction2)+…

が表示されてしまいます。
プラグイン等調べて見たのですが、よく判らなくて、
てつぼ様のHTML で
<!--index_area--><meta name="description" content="<%introduction2>"><!--/index_area-->
の部分を削除すると旨くいったのですが、こんな処理はOK なのでしょうか?
higeさんへ
> <!--index_area--><meta name="description" content="<%introduction2>"><!--/index_area-->

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

No title
FireFox 43.0.4 です。
higeさんへ
> FireFox 43.0.4 です。

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

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

元々検索エンジン用のタグですから、
それで十分に本来の役割を果たします
なんとか
なんとか大改造ができまして、テンプレートを、てつぼさん作、私め大改造に変更できました。
細かいところは追って改造していきたいと考えてます。
おかげさんで、これでスマホ(フォ?じゃないのね)に対応できそうです。

感謝!!
higeさんへ
綺麗に出来ましたね
オリジナルより良い位です
後はHTML文法を修正すれば完璧でしょう
HTML-LINT-5をご利用ください
HTML-LINT-5
早速HTML-LINT-5 のサイトを捜してみると、Another HTML-lint gateway というサイトに行き着き、そこでチェックを掛けてみました。
すごい量のエラーが検出されましたが、全てが不具合でもなさそうなんですね。
ただ、/li に対するli がないとか、table 内にtr を書き忘れているとか、初歩ミスがいくつか見つかって、助かりました。
少しずつ勉強しながら見直していこうと思ってますが、 <header> は不明なタグです というのはどういうことなんでしょう?
難しいですわ。
Re: HTML-LINT-5
検索されたのはHTML4の対応サイトですね
これでいくとheaderタグが未使用で不明タグとなります
最新バージョンのHTML5は、Another HTML-lint 5 で判定してください
Another HTML-lint 5
あっ そういうことですね。
Another HTML-lint 5 早速、見つけてきました。
チェックし直します。
Re: Another HTML-lint 5
ご苦労様です
IE11で
なんどもすいません。
IE11 では、本文の横幅の可変やサイドコラムの下欄への移動が旨く動かないのですが、私だけでしょうか?
ペンギンはIE11 でも大丈夫ですねぇ。
IE は11.0.27 です。

Firefox 40.0.3 とChrome 48.02564.103 m の二つでは大丈夫です。
PS:IE11
もしかして
media screen and (max-width: 959px){
の締めの } が1ヶ抜けてます?
これを次の media 文の前に追加するとOK になりましたが。
higeさんへ
ご指摘の通りです。早速訂正の記事を書きました。
てつぼさま
やっぱり、 でしたか。

ますます、このテンプレート快適です。
感謝!
higeさんへ
ありがとうございます
もう直ぐ新作も出ますので、
そちらもよろしく
No title
レスポンシブ対応のテンプレートを探していて「Mont-St-Michel」にたどり着きました。
素晴らしいテンプレートで敬服しています。
ただ私のブログは「Mont-St-Michel」にまったく関係もないので、別の写真か無地にして使用してもよろしいでしょうか。せっかくの作品に対して大変失礼なお願いですが、お返事いただければ幸いです。
クリックすさんへ
問題無いです
自由にカスタマイズして下さい
アダルト画像にして使っている人もいますよ
No title
ありがとうございます。
m(_ _)m
クリックすさんへ
どういたしまして
No title
てつぼさんモンサンミシェルを使わせて
戴きました^^

サグラダファミリアとどちらにするか

迷いましたw スツキリして見やすいと

コメント戴き喜んでおります

ありがとうございました

by yoko
yokoさんへ
ありがとうございます
サグラダファミリアも使って下さいね
とても励みになります
No title
てつぼさん、こんにちは。

ブログ始めました。
共有テンプレートを探しています。
そこで、"Mont-St-Michel"を利用させていただきたいのですが、

利用させていただいているのに、大変失礼なのですが、
背景やヘッダ画像、レイアウトなど変更させていただいてもよろしいですか?

また、ブログについて質問等させていただいてもよろしいですか?
rukaさんへ
カスタマイズはご自由にどうぞ
解らない点がありましたら、
コメント頂ければ回答します
        

        
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。