マイサーチのデザインを編集する(CSS編)

マイサーチのデザインをスタイルシートでカスタマイズ出来ます。ここでは、サンプルとしてサムネイルの枠線を太くするまでの解説をします。

１．デザインをクリック

管理者ページより「デザイン」をクリックします。

２．どこにソースを入力するか

管理者ページに「追加 CSS」という項目がありますので、そちらにCSSのソースを入力していきます。

３．どのように反映されるか

管理者ページで入力したソースは、head要素内のstyle要素で指定されます。

４．元となるCSSはどこで閲覧出来るか

http://マイサーチのURL/img/style.css

から閲覧可能です。

５．サムネイル画像についてのクラスを探す

【３】のURLからCSSを確認し、サムネイル画像のスタイル部分をコピーします。

６．太くしてみる

管理者ページのCSS欄にペーストし、枠線の太さを変えて適用ボタンをクリックしてみましょう。ここでは1px→10pxにしてみました。

７．確認する

サムネイル画像の枠線が太くなりました。

変更前

変更後

STEP10：タグクラウドのデザインを変えてみよう

STEP11：マイサーチのデザインを編集する(CSS編)

STEP12：マイサーチのデザインを編集する(カラー編)