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

2024年9月5日

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

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

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

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

ビフォー

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

アフター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご案内

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

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

無料メルマガのご案内

自分の思い込みを外してみませんか?

このメルマガを読んだら、「パソコン苦手で見るのも嫌!」と思っている意識が、もしかして「あれ?意外に私もパソコンできるかも!」に変わるかもしれません。

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

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

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

 

「パソコンを通じて人生を楽しく生きる」
メルマガ登録フォーム
 

《新着記事》

Thumbnail of new posts 144

: ワードプレス

ワードプレス テーマCocoon 動画を自動再生する方法:キャンバ(Canba)を使用

キャンバ(Canba)を立ち上げる カスタムサイズの幅1600、高さ900、単位 ...
Thumbnail of new posts 001

: ワードプレス

ワードプレス テーマCocoonのアピールエリアを使ってみよう

こんなことありませんか? メルマガを配信しているんだけど、なかなか登録してくれる ...
Thumbnail of new posts 076

: ワードプレス

ワードプレス スマホ用のヘッダーメニュー表示の作り方

こんなことありませんか? ワードプレスでブログを作成していて、ブログの上部のヘッ ...
Thumbnail of new posts 031

: ワードプレス

ワードプレス テーマCocoon スキンとCTRボタンの色合いの関係

CTRボタンを使っているんだけど、なんだか黒枠になっててなんか色合いを何とかした ...
Thumbnail of new posts 049

: ワードプレス

Cocoonカラムの設定方法

Cocoonのカラム設定方法 デザインの中にカラムがあります。 2分割にしたい場 ...

ワードプレス

Posted by yoko