25どうも、会社員ブロガーのマクリンです。@yoshi_bpwire)という旅ブロガーさんがいらっしゃいます。WIRE」を運営してらっしゃいます。その人物も素敵で、良いこだわりを持って記事を書いていますし、謙虚でさわやかイケメン。彼はブロガーの中でもかなり早い段階から、ブログの行く末に危機感をもっていて、企業と積極的に取り組んできた次世代型のブロガーさんでもあります。企業取材のススメと手法noteそんな彼が、2019年8月末でサイトを閉鎖するという衝撃的なニュースが流れました。僕は、彼がなぜ閉鎖をするのか、真相を知りません。僕がおぼろげに思ったのは「お金を稼ぐことと文章をつづることを別々にしたかったのではないかなぁ」ということです。考えてしまうくらい、情緒ある生きた文章を書かれるブロガーさんでした。行動力も能力もある人格者なので、これからも素晴らしい人生を歩んでいかれると思っています。Yoshiさんは文才もありますが、ブログでお金を稼ぐという点でもすぐれたブロガーさんです。WIREを例によく挙げていましたし、好きだったのがこのCTA。アクション)の略で、読者に次の行動をうながすためのイメージやテキストのことをいう。イヤらしくないのに主張があって、これはクリックされそうだなぁと常々感じていました。Yoshiさん自身もあのCTAは、効果がとても高いものであったとおっしゃっていました。YoshiAmazonの関連商品おすすめから着想を得て作りました!そこで本記事では、Yoshiさんから必殺CTAのカスタマイズ方法をお伝えいただいたので、書き残していきます。Yoshiさんのご厚意ですので、今後のブログ運営にお役立ていただければ幸いです。MEMOYoshiさんの許可を得て転載しています。本記事のカスタマイズを行うことで、こちらのCTAを作ることができます。(画像のimgタグ)ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。記事一覧を見る(画像のimgタグ)ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。記事一覧を見る(画像のimgタグ)ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。テーマの編集」から子テーマのstyle.cssを開き、下記CSSを追加します。10px;width:100%;}}あとは記事内に以下のコードを書いていただき、画像・テキスト・ボタンに適切なものを入れれば完了です。class="ycta-box-desc">ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。class="ycta-box-desc">ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。class="ycta-box-desc">ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。ここに商品説明が入ります。記事一覧を見る</a></div></div></div>僕はYoshiさんCTAをベースに、ボタン文言の後にシェンブロンマークを入れたり、ボタンリンク自体をりらさんカスタマイズに変えたりしていますので、そこは適宜お好みに合わせて調整してください。MEMOボタンの装飾は、「SANGO」テーマのものを利用しています。他のテーマで使う際は、各自書き換えてください。アドバイスこちらのBOXコードを各記事に直接貼り付けると、あとで差し替える時に面倒になります。よって「Shortcoder」というプラグインを使うことおすすめします。このプラグインを使うと、自分で作ったコードをショートコードとして登録できるようになります。内容を差し替えたいときは、大元のコードを差し替えるだけですべて反映されるため、メンテナンス性が上がります。応用として、カテゴリーごとに表示を分けることもできるので、覚えておくと便利です!最後にYoshiさんから、これからブログをがんばっていく人たちへのメッセージです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。(7)PROFILEマクリンいや、俺なんてそんな、どこにでもいるただのマクリンですよ。東京在住のサラリーマンが、ガジェット8割・家電2割で、さまざまな商品をレビューしマクリンのブログです。レビュー依頼やご質問は、お気軽にお問い合わせフォームまで。