• もっと見る

2014年02月09日

ライトグレー(両サイド)のカスタマイズ1 基本

コピーして貼り付けたら、ライトグレー(両サイドバー)のデザインが変わります。

<ライトグレー(両サイドバー)の変更前>
110_04.jpg

<ライトグレー(両サイドバー)の変更後(1)>
文字が大きくなる。記事タイトルの緑の○を消去して背景色を設定。リンクを標準色に変更、など
110_05.jpg

<HTMLに新着情報追加後(2)>
メインページ自由記述の下に新着情報を配置
110_07.png



(1)ライトグレー(両サイドバー)の見た目を変えたい
1.右ファイルをダウンロード side2_css.txt
2.「スキンサイドバー>デザイン一覧>一覧からデザインを追加する」をクリックして「ライトグレー(両サイドバー)」を追加。
3.テーマタイトル一覧画面で「ライトグレー(両サイドバー)」の右横のチェックをクリック(適用を変える)
4.一覧で「ライトグレー(両サイドバー)」のリンクをクリック
5.開いた画面で「スタイルシートタイトル 」に「ライトグレーカスタマイズ_両サイド」と入力。
6.「スタイルシート 」をすべて削除し、1のファイルをテキストエディタ(メモ帳など)で開きコピーする
5.「スタイルシートを変更する」ボタンを押す
完成です!
※元に戻す場合は一覧画面で前のデザインタイトルの右横のチェックをクリックし、適応を変更。



(2)新着情報を表示したい
1.右ファイルをダウンロード side2_new_html.txt
2.「スキンサイドバー>HTML>HTMLの追加」をクリックしてHTMLを追加
3.開いた画面で「HTML名」に「ライトグレーカスタマイズ_両サイド_新着あり」と入力。
4.「HTML」をすべて削除し、1のファイルをテキストエディタ(メモ帳など)で開きコピーする
5.「保存する」ボタンを押す
6.HTML名の一覧画面で「ライトグレーカスタマイズ_両サイド_新着あり」の右横のチェックをクリック(適用を変える)
完成です!
※元に戻したい場合は、「デフォルトHTML」の右横のチェックをクリックし適応を変更。

タイトルや説明の背景に画像を設定したり、タイトルや説明の代わりに画像を設定したりもできます。

110_10.png 110_10.png




その他、タイトルや文章の文字の色、フォント種類や全体背景色の変更など、まだまだいろいろありますが、説明はまた後日手(パー)
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
トラックバックの受付は終了しました
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック