[プラグイン不要]ワードプレスのテーマCocoonでメルマガ登録フォームの色合いを変えたい

2024年9月5日

こんなことありませんか?

メルマガ登録フォームの色合いを変えたい。

ワンクリックでメルマガ登録をしてもらえるよう、わかりやすく枠で囲って引き立てたい。

かっこよくカスタマイズしたい。

ビフォー

ブログ本文下に、こんなふうに作ってただけでした(テーマはCocoon、スキンはアリス(ユニコーン)を使用してます)。

アフター

どうでしょうか?かっこよくなった感じがしませんか?以下、作り方を説明します。

メルマガ登録フォームのカスタマイズ方法

シチュエーションとしては、サイト型のトップページの一番下に作るイメージで作ります。

ダッシュボード→固定ページ→新規追加をクリックします。

白抜きボックスをクリックする

次に、白抜きボックスを選択したままでクラシックを選択する。

そうすると以下のようになります。

マイスピーを立ち上げ、入れたいシナリオを選択して、TOP > シナリオ一覧 > シナリオ管理メニューをクリックします。

登録フォームタグの発行(HTML)をクリックします。コピーをクリックします。

Cocoonの画面に戻り、白抜きボックスの中にあるHTML挿入をクリックします。

HTMLに、さっきのマイスピーでコピーしたものをペーストして、OKをクリックします。

すると、こういう状態になります。

白抜きボックスの色指定のボーダー色、背景色、文字色などを好きな色合いに変更できます。

操作が行ったり来たりですが、落ち着いてやればあなたにもきっとできます。

ご案内

もし、やり方がわからない場合は、以下のお悩み・お問合せフォームをご利用ください。

お問合わせ内容によっては、ご返答に少々お時間をいただく場合がございますが、必ず返信いたします。

WEB関係のことってわかりにくかったりしますよね。もしかしたら、あなたも「やってみたいけど不安」「自分にできるかな?」と感じているかもしれません。 そんな時は、以下のお悩み相談窓口(初回30分無料) をぜひご利用ください!! 小さな疑問や不安でも大丈夫!あなたのペースで一歩を踏み出すお手伝いをします。

   

初心者向け!Wordpress個別相談!ブログ制作の無料お悩み相談窓口

~無料メルマガのご案内~

お悩み相談に申し込むのはちょっとまだいいかなと思われた方へ。まずは無料メルマガを読んでみませんか?

一歩踏み出したいあなたへ!パソコン・ブログ応援する無料メルマガ、配信中!

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

人生を楽しく生きる為のパソコン講座
無料メルマガ登録フォーム
 

あなたのペースで無理なくパソコンスキルアップのお手伝いをします!

初心者向けWordpressのお悩み相談受付けます 1ヶ月質問し放題とビデオチャット30分オンライン個別講座

《新着記事》

Thumbnail of new posts 028

: ワードプレス

【保存版】Google Chromeの標準機能でホームページ全体をオフライン保存するやり方

Google Chromeでホームページをまるごと保存できるってホント? インタ ...
Thumbnail of new posts 110

: ワードプレス

初心者必見!Threadsで失敗しない始め方&日常投稿のヒント

Threads初心者でもわかる始め方・使い方 はじめてのThreads、ちょっぴ ...
Thumbnail of new posts 196

: ワードプレス

無料相談に感謝!Google検索から見つけてもらえた嬉しい驚き

昨日、このブログでご案内している「初心者向け!WordPress個別相談!ブログ ...
Thumbnail of new posts 002

: ワードプレス

【初心者向け】WordPress記事リライトのやり方と効果的なSEO対策5選 ― アクセスアップを叶える記事改善法

ブログの記事を書き続けても「なかなかアクセスが伸びない…」と感じたことはありませ ...
Thumbnail of new posts 042

: ワードプレス

3分で分かる!初心者向けWordPress・Ameblo・noteのアクセスアップリライト術

今日は「WordPressのブログ」と「Ameblo(アメーバブログ)」や「no ...

ワードプレス

Posted by Thank you