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

2024年9月5日

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

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

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

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

ビフォー

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

アフター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご案内

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

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

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

   

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

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

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

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

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

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

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

 

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

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

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

《新着記事》

Thumbnail of new posts 051

: ワードプレス

ブログ閲覧数が2倍に!SNS発信と時間帯で見えた意外な効果

「あれ?なんでこんなに見てもらえたの?」という、私自身のちょっとした驚きの体験で ...
Thumbnail of new posts 038

: YouTube

Zoomから直接YouTubeライブ配信!カンタン設定で始める方法【初心者必見】

YouTubeを始めたばかりだけども、パソコンでYouTubeでコラボライブ配信 ...
Thumbnail of new posts 134

: LINE

知らなきゃ損!パソコンでLINEができる便利な使い方ガイド

スマホでLINEの操作していて「やりにくいなぁ」と感じたことありませんか? 例え ...
Thumbnail of new posts 135

: ブログの作り方

続ける力は心のゆるやかさから!ブログ初心者が知りたいヒント集

専門家じゃないからこその強み 専門家じゃなくても、発信していいんだよ。 ブログを ...
Thumbnail of new posts 032

: ワードプレス

Google AIモードで検索はどう変わる?ブログ運営者が知っておきたいこと

最近、「Google AIモード」という言葉を耳にする機会が増えてきました。 初 ...

ワードプレス

Posted by Thank you