標準的なCocoonの状態
無料テーマのCocoon(コクーン)ですが、必要なことはほぼそろっていて実用的であり見やすくもあります。 本来ブログというものは「これでいいのだ」とも思えます。
でも、時として…
もっとアピールしたい! (見出し3)
ここを特に目立たせたい
このリンクに飛んで欲しい (見出し4)
有料テーマなみのビジュアルがほしい
など要求はいろいろですが、管理人も似たような事を思い、Cocoonテーマでのいろいろなこころみを試行錯誤してこのページに盛り込みましたので、もし気に入ったところがありましたらコピペしてお使いいただければと思います。
【 Cocoonの記事ライクな状態ここまで 】
・こちらのサイトはCocoonテーマを使用しています スキンはCOLORS（ブルー）です [作者: わいひらさん]
ランキング機能の骨組みだけ使ったビジュアル
骨組みだけ
行くなら今!!
割引価格 123,000円
ビジネスクラス利用
代理店Pacific Japan
こちらは通常の使い方
行くなら今!!
割引価格 123,000円
ビジネスクラス利用
代理店Pacific Japan
ボタン(大)でアピール、誘導
LET’S TRY!
LET’S TRY!
・グレーの太字 + ボタンで、ボタンのリンクに誘導する
(NURO申し込み、Amazonにそれぞれ飛びます)
・ボタン + ボタン の組み合わせ
グレー地にして目に優しく
地味だけどグレー地にすると白地より目が疲れにくい、目に優しい
(ボックスで長めの文もできる)
このページ作成のきっかけはお世話になっている運送会社の方からお問い合わせを頂いた際に情報が検索エンジンなどで探せなかったので、ここに日程と会場などを整理しておきたいと思いました。神奈川県だけでもかなりの方が受講されると聞きましたのでお役に立てればと思います。
日程、会場などをこちらでご覧いただき、神奈川運輸支局ホームページ上で詳細をかならず確認していただけますようにお願い申し上げます。
使用ページの例
ボタン+リンクでビジュアルに訴えかける目次
・自動生成の目次とは別にボタン+リンクでビジュアルに訴えかける目次を作成
(さいごにちゃっかりとアドセンス広告を貼る。。)
2019年度整備管理者研修(選任後)の日程と場所 神奈川より
https://yasssy.com/car-mntkana
※実用的なページ内容に配慮し現在は自動生成のもくじにレイアウト変更しました
バッジ、ボタン、ブログカード 組み合わせなど
・サイト内の記事リンクを張ってボタンを作成しておき、関連のあるところに配置。
(ブログカードとはまた違った効果)
・ブログカード + バッジの目立つ色でアピール
・こちらをご覧頂くとわかりやすいかもしれません
【アドセンス合格→広告激減→アカウント停止→復活】地獄の2ヶ月間よりhttps://yasssy.com/blg-ad02
ブランディング統一用ボタン
・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories
あなたのライフスタイルにそっとよりそう LifeSTYLE Factories
・ブランディング統一用にボタンを作成
・コピーを書いたボタンを色違いで作成しておく
・フォントもボタン内で大きさを変えて微妙に調整
カテゴリー別のボタン(シリーズもの)
17年17万キロストーリー LifeSTYLE Factories
はじめてハワイシリーズ LifeSTYLE Factories
・シリーズもののボタン + リンクにはカテゴリーに飛ぶリンクを貼る
(例 https://yasssy.com/category/hi )
表の例 (テキストエディターで列や行もいじれます)
| 実施日 | 業態 | 会場 | 収容人数 | 受講対象の主な営業所所在地域 |
| 10月16日(水) | トラック | 川崎市高津市民館 12階 大ホール 川崎市高津区溝口1-4-1 | 600 | 川崎市 |
| 10月29日(火) | トラック | 横浜市西公会堂 横浜市西区岡野1-6-41 |
500
|
横浜市の西区,中区、南区、神奈川区、保土ヶ谷区、旭区、瀬谷区、金沢区、磯子区、港南区、戸塚区、泉区、栄区、横須賀市、三浦市、逗子市、三浦郡 |
| 11月21日(木) | トラック | 横浜市都筑公会堂 横浜市都筑区茅ヶ崎中央32-1 | 600 | 横浜市の都筑区、青葉区、港北区、緑区、鶴見区 |
| 11月25日(月) | トラック | 海老名市文化会館 海老名市上郷476-2 | 1000 | 海老名市、座間市、厚木市、秦野市、伊勢原市、相模原市、愛甲郡 |
| 12月3日(火) | トラック | 横浜市西公会堂 横浜市西区岡野1-6-41 | 500 | 横浜市の西区,中区、南区、神奈川区、保土ヶ谷区、旭区、瀬谷区、金沢区、磯子区、港南区、戸塚区、泉区、栄区、横須賀市、三浦市、逗子市、三浦郡 |
| 12月11日(水) | トラック | 藤沢市民会館 藤沢市鵠沼東8-1 | 1380 | 大和市、綾瀬市、小田原市、平塚市、鎌倉市、藤沢市、茅ヶ崎市、南足柄市、高座郡、中郡、足柄上郡、足柄下郡 |
・表の体裁はキレイに整えたいところですが、表示環境が異なると意図通りになかなか行かないのでムズかしい 改行位置はいじらずにフォントの大きさぐらいで妥協
2019年度整備管理者研修(選任後)の日程と場所 神奈川より
https://yasssy.com/car-mntkana
表の例 その2
指板とコード対応図(レギュラーチューニング)
| ↓弦 フレット→ | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 1弦 E | F | F# | G | G# | A | A# | B | C | C# | D | D# | E |
| 2弦 B | C | C# | D | D# | E | F | F# | G | G# | A | A# | B |
| 3弦 G | G# | A | A# | B | C | C# | D | D# | E | F | F# | G |
| 4弦 D | D# | E | F | F# | G | G# | A | A# | B | C | C# | D |
| 5弦 A | A# | B | C | C# | D | D# | E | F | F# | G | G# | A |
| 6弦 E | F | F# | G | G# | A | A# | B | C | C# | D | D# | E |
| チューニングの音↑ |
使用ページ
さいごに
まだWordPressとCocoonテーマを使い始めて4カ月ですので、至らない点はご容赦くださいませ。
また何かよいビジュアルがありましたら追加するか、記事にして随時更新したいと思います。
おしまい
Tips サンプル的なもの
王冠
王冠(飾りあり)
光るボタン
多用は禁物の大げさボタン フォント32pxで大げさにアピール
吹き出しの写真にリンク貼れます
ツイッターに飛びます
とりあえずブログを初めてみたい方におすすめ！
ー 手順① ー
ダッシュボード ＞ 外観 ＞ テーマエディター ＞ style.css を開く
オレンジ系の色で訴えかける
- 無料テーマのCocoonでもっとアピールする!
- これだけの表現ができる!!
- もっているポテンシャルを引き出せ!!
あまり読まれないまとまりにもちょっとした装飾とページへのリンクを貼る
標準フォントは18pxだけど、ここは16pxとし、本文との違いをもたせる
免責事項 プライバシーポリシー
- 万が一、当テーマや、当サイトの情報を利用して不利益を負ったとしても、当サイトはいかなる責任も負わないものとします。
- プライバシーポリシーもあわせてお読みください
- 正確さを記してはおりますが、かならず元の情報も確認していただけますようにお願いいたします。
・PCはいいのですが、スマホだとあまり違いが分からない事に気付いて、その後標準フォント(18px)に戻しつつあります
カラーサンプル
ブログ関連記事
▼ ワードプレスでのブログ開設のまとめ記事
・Cocoonテーマのカスタマイズ関連記事
・Googleアドセンス関連
・Amazonアソシエイト関連
▼ ワードプレスでのブログ開設のまとめ記事