【ワードプレス】無料テーマのCocoonでもっとアピールする! これだけの表現ができる!!

ワードプレス
 

サイトに広告を掲載してお小遣いが稼げる!【A8.net】

 

ワードプレス無料テーマのCocoonでもっとアピールする! これだけの表現ができる!!

標準的なCocoonの状態

 

無料テーマのCocoon(コクーン)ですが、必要なことはほぼそろっていて実用的であり見やすくもあります。 本来ブログというものは「これでいいのだ」とも思えます。

でも、時として・・

もっとアピールしたい! (見出し3)

ここを特に目立たせたい

このリンクに飛んで欲しい (見出し4)

有料テーマなみのビジュアルがほしい

 

など要求はいろいろですが、わたしも似たような事を思い、Cocoonテーマでのいろいろなこころみを試行錯誤してこのページに盛り込みましたので、もし気に入ったところがありましたらコピペしてお使いいただければと思います。

 

 

 

 

【 Cocoonの記事ライクな状態ここまで 】

 

・こちらのサイトはCocoonテーマを使用しています スキンはCOLORS(ブルー)です [作者: わいひらさん]

 

 

 

ランキング機能の骨組みだけ使ったビジュアル

 

骨組みだけ

会員限定様ご招待ハワイ4泊6日の旅

行くなら今!!

割引価格 123,000円
ビジネスクラス利用
代理店Pacific Japan

 

 

こちらは通常の使い方

会員限定様ご招待ハワイ4泊6日の旅

行くなら今!!

割引価格 123,000円
ビジネスクラス利用
代理店Pacific Japan

 

 

 

ボタン(大)でアピール、誘導

 

LET’S TRY!

 NURO光に変えて、光回線の俗世から解脱する

 

LET’S TRY!

蚊のいない世界がここにあった おすだけベープのある世界

 

・グレーの太字 + ボタンで、ボタンのリンクに誘導する
(NURO申し込み、Amazonにそれぞれ飛びます)

 

 

広告なしバージョンはこちら!詳細はこちら

 

・ボタン + ボタン の組み合わせ

 

 

 

グレー地にして目に優しく

地味だけどグレー地にすると白地より目が疲れにくい、目に優しい

(ボックスで長めの文もできる)

 例 文 

このページ作成のきっかけはお世話になっている運送会社の方からお問い合わせを頂いた際に情報が検索エンジンなどで探せなかったので、ここに日程と会場などを整理しておきたいと思いました。神奈川県だけでもかなりの方が受講されると聞きましたのでお役に立てればと思います。

日程、会場などをこちらでご覧いただき、神奈川運輸支局ホームページ上で詳細をかならず確認していただけますようにお願い申し上げます。

 

使用ページの例

【日本全国版 2020年度】整備管理者研修の日程まとめ
【選任前 選任後 どちらも掲載!!】 整備管理者研修の日程(日本全国版 2020年度・令和2年度) 最新の情報に随時更新しています!!

 

 

 

ボタン+リンクでビジュアルに訴えかける目次

目次でそれぞれの事業者に飛べます

バス事業者

ハイタク事業者

トラック事業者

各会場の地図

 

スポンサーリンク

 

・自動生成の目次とは別にボタン+リンクでビジュアルに訴えかける目次を作成
(さいごにちゃっかりとアドセンス広告を貼る。。)

 

2019年度整備管理者研修(選任後)の日程と場所 神奈川より
https://yasssy.com/car-mntkana

 

※実用的なページ内容に配慮し現在は自動生成のもくじにレイアウト変更しました

 

 

バッジ、ボタン、ブログカード 組み合わせなど

 

アドセンス広告の自己クリックはやめましょう!!

 

・サイト内の記事リンクを張ってボタンを作成しておき、関連のあるところに配置。
(ブログカードとはまた違った効果)

 

・ブログカード + バッジの目立つ色でアピール

 

・こちらをご覧頂くとわかりやすいかもしれません

【アドセンス広告が表示されない憂鬱】グーグル先生、自己クリックはもうしません。。
朝起きるとAdsense の広告が表示されていない! なぜ!! もしや?? その他、広告が表示されない場合やアドセンス禁止事項など

 

 

【アドセンス合格→広告激減→アカウント停止→復活】地獄の2ヶ月間よりhttps://yasssy.com/blg-ad02

 

 

 

ブランディング統一用ボタン

ライフスタイル・ファクトリーズ LifeSTYLE Factories

 

・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories・あなたのライフスタイルにそっとよりそう LifeSTYLE Factories

 

こころのこもったページでおもてなし

あなたのライフスタイルにそっとよりそう LifeSTYLE Factories

 

 

・ブランディング統一用にボタンを作成

・コピーを書いたボタンを色違いで作成しておく

・フォントもボタン内で大きさを変えて微妙に調整

スポンサーリンク

 

 

 

 

カテゴリー別のボタン(シリーズもの)

 

17年17万キロストーリー LifeSTYLE Factories

 

 

はじめてハワイシリーズ LifeSTYLE Factories

 

 

わたしの逸品シリーズ LifeSTYLE Factories

 

 

 

・シリーズもののボタン + リンクにはカテゴリーに飛ぶリンクを貼る

(例 https://yasssy.com/category/hi )

 

スポンサーリンク

 

 

 

表の例 (テキストエディターで列や行もいじれます)

実施日業態会場収容人数受講対象の主な営業所所在地域
10月16日(水)トラック川崎市高津市民館 12階 大ホール 川崎市高津区溝口1-4-1600川崎市
10月29日(火)トラック横浜市西公会堂 横浜市西区岡野1-6-41

500

 

横浜市の西区,中区、南区、神奈川区、保土ヶ谷区、旭区、瀬谷区、金沢区、磯子区、港南区、戸塚区、泉区、栄区、横須賀市、三浦市、逗子市、三浦郡
11月21日(木)トラック横浜市都筑公会堂 横浜市都筑区茅ヶ崎中央32-1600横浜市の都筑区、青葉区、港北区、緑区、鶴見区
11月25日(月)トラック海老名市文化会館 海老名市上郷476-21000海老名市、座間市、厚木市、秦野市、伊勢原市、相模原市、愛甲郡
12月3日(火)トラック横浜市西公会堂 横浜市西区岡野1-6-41500横浜市の西区,中区、南区、神奈川区、保土ヶ谷区、旭区、瀬谷区、金沢区、磯子区、港南区、戸塚区、泉区、栄区、横須賀市、三浦市、逗子市、三浦郡
12月11日(水)トラック藤沢市民会館 藤沢市鵠沼東8-11380大和市、綾瀬市、小田原市、平塚市、鎌倉市、藤沢市、茅ヶ崎市、南足柄市、高座郡、中郡、足柄上郡、足柄下郡

 

・表の体裁はキレイに整えたいところですが、表示環境が異なると意図通りになかなか行かないのでムズかしい 改行位置はいじらずにフォントの大きさぐらいで妥協

 

2019年度整備管理者研修(選任後)の日程と場所 神奈川より
https://yasssy.com/car-mntkana

 

 

表の例 その2

指板とコード対応図(レギュラーチューニング)

↓弦 フレット→123456789101112
1弦 EFF#GG#AA#BCC#DD#E
2弦 BCC#DD#EFF#GG#AA#B
3弦 GG#AA#BCC#DD#EFF#G
4弦 DD#EFF#GG#AA#BCC#D
5弦 AA#BCC#DD#EFF#GG#A
6弦 EFF#GG#AA#BCC#DD#E
チューニングの音↑

 

 

使用ページ

ギター便利帳【指板とコード対応図など】
ギター便利帳 ギターやウクレレをいじっていて、いろいろ書き留めたものの一部です。 端末、ブラウザの状態によってはズレが生じますが、ご容赦ください。 ( ← ヘッド  フレット  ボディ → )

 

さいごに

 

まだWordPressとCocoonテーマを使い始めて4カ月ですので、至らない点はご容赦くださいませ。

また何かよいビジュアルがありましたら追加するか、記事にして随時更新したいと思います。

 

 

おしまい

 

Tips サンプル的なもの

 

王冠

 

王冠(飾りあり)

 

光るボタン

 

ここにある

 

 

多用は禁物の大げさボタン フォント32pxで大げさにアピール

 

文字色付き

ご存知ですか!!

 

 

 

吹き出しの写真にリンク貼れます

ツイッターに飛びます

 

 

NG
補足情報
注意喚起
メモ
コメント
OK
good
bad
プロフィール

とりあえずブログを初めてみたい方におすすめ!

 

ー 手順① ー

ダッシュボード > 外観 > テーマエディター > style.css を開く

 

オレンジ系の色で訴えかける

  • 無料テーマのCocoonでもっとアピールする!
  • これだけの表現ができる!!
  • もっているポテンシャルを引き出せ!!

 

 

 

あまり読まれないまとまりにもちょっとした装飾とページへのリンクを貼る

標準フォントは18pxだけど、ここは16pxとし、本文との違いをもたせる

免責事項 プライバシーポリシー

  • 万が一、当テーマや、当サイトの情報を利用して不利益を負ったとしても、当サイトはいかなる責任も負わないものとします。
  • プライバシーポリシーもあわせてお読みください
  • 正確さを記してはおりますが、かならず元の情報も確認していただけますようにお願いいたします。

 

 

カラーサンプル

パープル

ディープパープル

インディゴ

ブルー サイトのテーマに近い

ライトブルー

シアン

ティール

グリーン

ライトグリーン

ライム

イエロー

アンバー

オレンジ

ディープオレンジ

ブラウン

グレー

 

 

 

ブログ関連記事

 

・Cocoonテーマのカスタマイズ関連記事

【ワードプレス】無料テーマのCocoonでもっとアピールする! これだけの表現ができる!!
ワードプレスの無料テーマのCocoonですが、工夫をすると色々な見せ方ができます。気に入ったビジュアルがあれはここからコピペしてお使いください!!
【ワードプレス】外部ブログカードのビジュアル向上! より見やすく!!(例 Cocoonテーマ x So-netブログ)
サイトが成長するにつれショボいブログカードが目立つようになってきました。 ワードプレス+Cocoonテーマ x So-netブログの例でイケてないブログカードのビジュアル向上をめざします!! 他のテーマの方も、応用が効けばご参考にしてください

 

・Googleアドセンス関連

地獄の2ヶ月間 【アドセンス合格→広告激減→アカウント停止→復活まで】
Googleアドセンスの自己クリックで広告が激減・・そしてアカウント停止!! 停止期間を過ぎても復活がなく、アカウント剥奪もちらついたころ・・ようやく復活。【自己クリックはダメ・ゼッタイ】のことばが身にしみた制裁期間の憂き目。
【アドセンス広告が表示されない憂鬱】グーグル先生、自己クリックはもうしません。。
朝起きるとAdsense の広告が表示されていない! なぜ!! もしや?? その他、広告が表示されない場合やアドセンス禁止事項など

 

 

・Amazonアソシエイト関連

Amazonアソシエイトの審査合格に必要な〇〇【開設20日で記事数は12】
わたしはこれでAmazonアソシエイト審査に合格しました! Amazonアソシエイトの合格率upに必要な、ラブレターにも似た、レビューページ作成のススメ!!
TwitterでもAmazonアソシエイトが使えますよ
AmazonアソシエイトをブログだけでなくTwitter上でも活用して収益アップを図りましょう!! Amazonアソシエイトのアカウントを既にもっている方なら短時間で追加申請が可能です。

 

 

▼ ブログ開設のまとめ記事

6つのステップで!!【稼げるブログ】をあなたもはじめてみませんか?
終身雇用の神話崩壊、副業容認の世の中のムード→スキマ時間であなたも稼いでみませんか? ブログには稼ぐだけではない自分発見の魅力もあります! このブログを2019年5月にスタートしたときのやり方を順を追ってわかりやすく説明していきます