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

2024年9月5日

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

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

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

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

ビフォー

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

アフター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご案内

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

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

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

   

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

《新着記事》

Thumbnail of new posts 175

: ワードプレス

Zoomセミナー、休憩中に優しいBGMを。あなたも簡単に、みんなを笑顔に

こんなことありませんか? セミナーや講義を主催していて、一時休憩したい時、途中で ...
Thumbnail of new posts 178

: note

効率よく心軽くブログを届けよう!!SocialDogで予約リプの魔法を手に入れる5ステップ

ブログやnoteをコツコツ書いているのに、X(Twitter)のリプ欄にリンクを ...
Thumbnail of new posts 171

: LINE

【ゼロからでも安心】LINE公式アカウントをかんたん開設♪はじめてさん向けガイド

今日は「LINE公式アカウント」を作って、お仕事や活動に活かしたい方へ、わかりや ...
Thumbnail of new posts 002

: Gemini

起業家のためのGemini完全攻略:データ漏洩リスクゼロでAIを活用しよう!設定5分で実現

1. なぜ起業家は「設定」を変えるべきなのか? Geminiはデフォルト(初期設 ...
Thumbnail of new posts 180

: ワードプレス

AIは指示通りに動くのか?理想の画像を生成するまでの全記録

2023年6月から受講開始させていただいた「仕事の自給講座」が、本日ついに卒業の ...

ワードプレス

Posted by Thank you