カスタマイズ:OK、NG Day:2011.05.01 Cat:カスタマイズ カスタマイズでOKなこと文字色・リンク色・文字サイズ・フォントの種類の変更 *1左右カラムの変更カラムの増減コンテンツの幅を変更日付・コメントなど記事に関する情報や、プラグインの位置を変更余白の変更寄せの変更 *2ヘッダー画像の変更(ある場合のみ)コンテンツを追加(ヘッダー部分に画象を置きたいなど)HTML、CSS、JavaScriptを追加または削除*3*1 フォントに関してはサイズを変更すると素材にズレが生じる場合もあります。そのような場合はご自身で調整してください*2 センタリングする場合はcenterタグを使用しないでください。詳しくはこちら*3 CSSにある「▼基本設定」の「リセット」はよく分からない場合はいじらないでください。これは各ブラウザとの差異をなくす為ですカスタマイズでNGなこと背景色、背景画像の変更テンプレート内の画像の変更(背景画像を差し替えるなど。ヘッダー画像は除きます)テンプレート内の画像の加工、再配布他所様の素材サイトと組み合わせること*1カスタマイズ後の再配布、共有テンプレートへの登録、FC2ブログ以外での使用広告表示と当ブログへのリンクを削除*1 サイトによっては併用を可としている方もいますがそうでもない方も居ます。たまに素材サイトの規約を守らず利用している方を見ますが、こちらとしては面倒事を背負い込むのは嫌ですので基本的には使用しないでください。相手側の方は私が規約を守らずにテンプレートを作っていると勘違いされても困りますので… URL Edit
カスタマイズ:注意点 Day:2011.04.30 Cat:カスタマイズ 個人的にカスタマイズ後のソースを見て気になった点など文字が小さい小さめの文字を好んで8pxなど10px以下に設定する方が見受けられます。正直、見づらいです。最低限でも10px~12pxぐらいがいいと思われます。コンテンツの幅が大きいまれに#wrapperのサイズを1500pxなど大きめのサイズに設定している方を見受けます。ご自身のPCの解像度が大きい為にそのようなサイズになったと思われます。幅を変更するのは自由ですが、見ている方が同じ解像度とは限りません。あまりにも大きすぎると小さめの解像度で見ている方からすれば横にスクロールバーが出て非常に見づらく感じます。id、classの使い方id(#="id名")を重複して使用している方がいましたが、原則としてidは1度しか使えません。逆にclass(class="class名")は何度でも使うことが可能です。またid・class名に日本語を使用している方がいましたが半角英数字を利用してください。試してみると反映はしましたが文法的にいいとは言えません。記事本文をセンタリングする際にcenterタグを使用しているこれがもっとも見かけるやり方です。centerタグは使用ないでください。HTML5では廃止されたタグとなっています。その他にも、big、font、uなどいくつかのタグは廃止となっています。詳しくは廃止された要素とバリデーションをご覧ください。画像のように記事本文をセンタリングしたい場合は、以下の部分にコードを追加してください。当方のテンプレートでの例です。テンプレートによって違いますが、HTMLの記事の部分にtextpop-up<section class="content"><%topentry_body></section><!--△記事本文 --><section class="content"><%topentry_body></section><!--△記事本文 -->というのがあります。この場合、本文にあたる部分はcontentというクラスに囲まれています。なので、CSSの▼記事(個別)にある textpop-up.content { margin: 15px 0; padding: 8px 15px;}.content { margin: 15px 0; padding: 8px 15px;}の部分にtextpop-up .content { margin: 15px 0; padding: 8px 15px; text-align: center; } .content { margin: 15px 0; padding: 8px 15px; text-align: center; }「text-align:center;」を追加すれば文章がセンタリングされます。廃止されてるといってもブラウザがサポートしているかぎりは反映はします。ですが、HTML5に限らず元々centerタグなどは非推奨のタグとなっています。出来るだけCSSを使用してください。 URL Edit
その他:ブラウザ Day:2011.04.18 Cat:その他 ご利用しているブラウザについてHTML5で構成されているためIE(IE9は除く)や旧バージョンのブラウザで見るとレイアウトが崩れる場合がありますまた、JavaScriptを無効にしている場合、IE9以下はレイアウトが崩れます。ブラウザのCSS実装状況によってディテールの異なるパーツがありますIE8以下での利用は非推奨です。IE6に関しては非対応だと思ってください理由としては、IEはバージョンごとにバグがあり(特にIE6は酷い)こちらでは全てを対処し切れないからです。私自身も一部分しか把握していません。差異がないように気をつけていますが、出来るだけ最新のブラウザをお使いください。なお、IE9はOSがVista以降でないと利用出来ないのでご注意ください。個人的にはFirefoxやGoogle Chromeの利用をお薦めします。 URL Edit