2017年02月20日 17:14
先週末は機会があればキャンプへと思ってたんですが、次男→嫁→長男ときて、やはり僕にももれなくインフルエンザが来ました...。
おかげで先週はほとんど寝て過ごしてました。
来週は子供の学年末の試験前なんで僕一人遊びに行くとひんしゅくを買いそうなので、今月はノーキャンプほぼ確定です(泣)
でも一応キャンプに行ってもいいか聞いてみよっかな...
さて、ごく一部の方から支持を頂いている僕の公開しているテンプレートのカスタムネタです。
春だからでしょうか、最近またテンプレートを利用してくれる方がいらっしゃったので調子に乗ってテンプレネタの投稿ですｗ
今回はカスタムと言うか、ブログで使う画像サイズについてと、こういう書き方をするとこうなりますよ的な内容です。
まぁ、へぁ〜そぉなんだぁ...というぐらいの気持ちで見ていただければ幸いです。
僕の公開しているテンプレートのコンテンツの幅は720pxなので長辺が720px以下の画像を用意すればいいと思います。
小さい画像だと折角の素敵な写真なのに小さくって何が写っているのか目を凝らせないとわからないっていうのも、もったいないのでできれば最大サイズの720pxを用意されてはいかがでしょうか。
重要！横幅の長さではなく長辺の長さであることに注意！
ブログの記事を書く時に最初に<div>最後に</div>と書くと以下のようになります。
記事中の画像が中央によって角が丸く処理がされます。
上の画像のように中央に配置され画像の四隅が丸くなります。
pタグは2行分下にマージンがつきます。divタグは3行。
記事作成時の参考にしてみてください。
記事を書く時に本文の欄とか追記の欄それぞれの最初に「<div>」を書いて一番最後に「</div>」を書けばいいだけです。
ただ、注意しないといけないのが<div>〜</div>を書き間違うとレイアウトが大きく崩れてしまうので、そこだけは間違えて記述しないように十分に注意をしてください。
記事の中の内容のまとまりごとに見出しをつけて区切ってやってブログを見やすくしようということです。
見出しの文言を<h2>◯◯</h2>で囲ってやると、ブラウザや検索エンジンなどは、それが見出しなんだと認識します。
さらに僕のテンプレートだと
見出し見出し見出し
↑<h2>◯◯</h2>で囲ってやるとこんなふうに装飾されて表示されます。
見出しをつけてやるとブログ本文がぐっと見やすくなるので、ぜひご利用ください！
今回紹介したテンプレートのカスタマイズは、僕の公開しているテンプレートについての方法です。
僕の公開しているテンプレートはレスポンシブデザインで使っていただいている方からはスマフォやタブレットでとても見やすくなったと嬉しい声を頂いております。
よろしかったらどうぞｗ
最後に、僕はウエブデザイナーでも何でもございません。
趣味の領域で作成したテンプレートなので、テンプレート運用に関わるサポートはございません。
が、何かしらテンプレートの不具合があれば一緒に解決策を探っていきたいとは思っています。
このテンプレートで気になったことなどがあればお問い合わせください。
また、本職の方で「ここの記述はおかしい・ここはこうした方がいい」などアドバイスなどがあれば、大歓迎でお待ちしておりますので、どしどしコメントください。
お約束ですが、ご使用の際は自己責任でお願いします。
テンプレートの利用で不具合など生じても当方では責任は負えませんのでよろしくお願い致します。
また、このテンプレートは古いブラウザには対応していません。あしからずｗ