Wordpressのテーマ「Cocoon」で利用できる「をまつ作スキン」のデモサイトです

スキンを切り替えてどんな表示になるのか試す

スキン

スキンを使うとどんな感じになるのかざっくりと説明します。
右側のサイドバーにあるアイコンよりスキンが切り替えられます。

背景画像は各種さまざまなモノを随時作成中です。よかったら使ってください。
商用利用OK、編集OK、クレジット表記不要ですが、
リンクなんて貼っていただけたりしたら嬉しいです。

WordPressテーマ「Cocoon」スキン用に作成した背景画像まとめ
折角作ったスキン、背景に選択肢があったら面白いなぁと思い作成した背景画像をまとめました。

 

H2:見出し

H2はcocoonでは大見出しになります。
新聞や雑誌にあるように最初出てくる大きい文字でかつ太文字で用いたりしている部分です。大事なところです。

H3

H3は中見出しになります。

H4

H4、H5、H6は小見出しになる部分だと思っています。
H2→H3→H4→H5→H6と順番に使っていきます。

H5

 

H6

 

引用

引用は自分が書いた文章ではなく他の方が書いた文章を自分のサイトに載せる場合に使います。

自分が書いた文章、他の方が書いた文章をしっかり区別する為に用いりますが、引用ばかりになるのは少しSEO的にもダメかなぁと思います。blogならだいたい1記事に2,3割くらいが限度ではないでしょうか。

やはり自分自身の言葉で伝えないといけません。

引用はこんな感じ

 

引用のタグ「blockquote」って読み方気になりません?
「ブロッククォート」って読むんですけど知ってました?

引用:〇〇大辞典

サイドバー

サイドバーにも同じ色合いでタイトル部分が変わります。
プロフィール画面も付けています。

関連記事、コメント欄

関連記事やコメントのタイトル部分にはアイコン付きで表示させています。

画像を貼り付け

画像はこんな感じで表示されます。
ハリネズミさんが真剣な表情で何を見ているんでしょうかね。

スタイル

現在スタイルが沢山ありますが、ドットシリーズは初期に作成した為何も変更していません。

補足の説明だよ!
補足説明
補足情報
注意発起
メモ
コメント

まとめ

なんやかんや書いていたら800字にはなるもんですね。
ということでこんな感じの表示になります!

ご興味が出た方は使ってみてください!

 

コメント

  1. 山田野太郎 より:

    Cocoonのスキンってめっちゃ種類がありますよね。
    悩んじゃいますよねぇ・・・

    • をまつ より:

      山田野太郎さん
      コメントありがとうございます!
      悩みますよねぇ!一度決めたらもう変えられないというわけではないので
      いろいろ試してみて「コレだ!」というスキンに巡り合えたら良いですね!

  2. 山田野花子 より:

    山田野母です。
    いつもお世話になっております。
    スキンは自分でも作れる知り、娘は今HTMLやらタグやらを勉強しながら頑張っています。

    • をまつ より:

      山田野花子さん
      そうなんですね!良いサイトができると良いですね!

タイトルとURLをコピーしました