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

2024年9月5日

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

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

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

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

ビフォー

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

アフター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご案内

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

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

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

   

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

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

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

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

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

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

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

 

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

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

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

《新着記事》

Thumbnail of new posts 135

: note

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

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

: LINE

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

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

: Gemini

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

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

: ワードプレス

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

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

: ワードプレス

【AIセミナー受講感想】一人起業家が今選ぶと良いAIツールの使い分け

冬の澄んだ空気に、一筋の光が差し込むような。 そんな温かな時間をご一緒させていた ...

ワードプレス

Posted by Thank you