2019年7月13日ららです。メルマガにアスメルを利用している方も多いと思うんですが、アスメルの登録フォームをシリウスに上手に埋め込めてますか?アスメルの登録フォームは、単体だと、デフォルトでもこんなにカッコいいのに、シリウスの中で使おうとして、ただ単にHTMLをコピペしただけだと、こんなふうになっちゃってカッコ悪くなってませんか?これじゃ~、素人感まる出しですよね^^;これをこんなふうに見映えよくする方法をご紹介します。ContentsCSSジェネレータを使うコードをシリウスにコピペするシリウスのスタイルシートにコピペする部分シリウスの本文に貼り付ける部分シリウスの方でちょっと調整スペースを詰める姓名を1行にするできあがりCSSジェネレータを使うアスメルには、CSSジェネレータという素晴らしい機能があります。これを使うと、登録フォームを自分好みに簡単にカスタマイズできるんです。CSSジェネレータは、ここから起動します。シナリオNOは、これを入力します。上部のタブとスライダーで好みの形にフォームを整形します。下部にプレビューが自動で表示されますので、感覚で設定することができます。最後に、このボタンを押してコードを生成します。コードをシリウスにコピペするこのようなコードが生成されますが、赤い四角のマークをクリックすると、コピーしやすい形になります。これをそのままシリウスにペタッと貼り付けても、変なフォームが表示されるだけです。面倒ですが、ひと手間かけてください。シリウスのスタイルシートにコピペする部分ここからここまでをシリウスのスタイルシートの一番下に貼り付けます。シリウスの本文に貼り付ける部分ここからここまでをシリウスの本文に貼り付けます。コピペは以上で完了です。貼り付けたそのままだと、フォームはこんな感じになっているので、ちょっと手直しします。スペースを詰めるシリウスの場合、コードが改行されていると、表示も改行されてしまうので、空いているスペースは無条件で全部詰めてください。すると、無駄なスペースがなくなります。姓名を1行にする次に、2段になっている姓名を1行にします。わかりやすいように、コードをterapadにコピペして編集しています。ここの部分の改行をすべて詰めて1行にします。できあがりこれで、素人感のない登録フォームが出来上がりました。登録フォームが崩れていたりセンスが悪かったりすると、「本当にこの人、大丈夫かな?」と思われてしまいますよね。「機能を果たせば見た目は関係ない」と言う意見もありますが、あなたの信頼を高めるためには、見た目も大きな役割をしますので、登録フォームの表示には、ぜひこだわってみてくださいね^^ただし、この方法ではスマホなどモバイルで表示したときに切れてしまう現象が起きてしまいます。それを回避するためには、こちらの方法を試してみてください。2人の子供がいる40代の主婦です。アフィリエイトにチャレンジし、月6桁の目標を達成することができました。このブログでは、同じ目標を持つあなたに、ららの知識やアドバイスをお伝えしています。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。「メルマガを始めてみたいけど読者を集めるの大変そう...」そんなあなたへ。努力しなくっても読者さんが集まる、目からウロコの方法を伝授します(無料です)。>>レポートをダウンロード!メールはお気軽にあなたからのメールはいつでも大歓迎です。お問い合わせはこちらのフォームからどうぞ。48時間以内に愛をこめてお返事をさせていただいています。ららにメールするこの記事で使われているイラストは...この記事で使用されているイラストの大部分は、こちらのイラスト集のものを使用しております。コメントをキャンセルメールアドレスが公開されることはありません。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。シリウスで、通常の文字サイズを大きくする方法アスメルのフォームをシリウスに埋め込む方法~レスポンシブ対応編(簡易版)当サイトイチオシ教材ららが稼げるようになったのは、この教材を実践したから。>>詳細レビューはこちらプロフィールららです。高校生と中学生の2人の子供がいる、40代主婦です。主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、1教材150本販売・日給10万円を達成することができました。これからアフィリエイトを始めるあなたに、私の経験をお伝えするため、ブログ・メルマガを運営して情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞお気軽にメールを送ってくださいね。メールはお気軽にスタート記念につき感謝を込めた特別価格!え。ららってこんな順位...?「まじですか...」と読者さんが言いました。ご紹介している商品についてららは、自分で購入して実際に使ってみてイイと思ったものしかご紹介いたしません。教材もツールも書籍もすべて同じです。購入特典も「ららから買って良かった」と思っていただける特典作りを心がけていますし、購入後のサポートも、あなたに寄り添う形で行っています。不安なことはいつでもメールしてください。全てに責任を持って対応させていただいています。結局どこが一番いいのよ?メルマガ配信システムを探しているあなた。今のシステムに不満なあなた。ららがガチで4システムを比較しました。実際に使った上での比較なので、他とはひと味違います。ららの無料レポートどうぞご自由にお持ち帰りください。18最新の投稿ZOOMでのセミナーやコンサルに参加する前の音声チェック方法アフィリエイターの確定申告。無縁なあなたが知っておくべきこと。【重要】アンリミテッドアフィリエイトをららから購入したあなたへアンリミテッドアフィリエイトの特典にらら流手順書を追加しましたアンリミテッドアフィリエイトレビュー。買ってはいけない人とは?アンリミテッドアフィリエイトNEOが2019年版に生まれ変わります外注さんの記事では稼げない大きな理由。FAAP実践で思ったこと。FAAPの実践に必ず役立つ!ららの特典を一挙ご紹介します。最速!アドセンス審査の合格メールが7時間で届いたブログの特徴。【賢威レビュー】テンプレートをJINに変えてわかった賢威の凄さとコスパの良さ。【2019最新版・初心者さん用】サーチコンソールにブログを登録する方法ワードプレステーマ「JIN」基本の設定方法。私のブログの設定を解説します。ワードプレスで記事をnoindexにして検索結果に載せない方法。これならできる!ワードプレスに記事を投稿する超簡単7STEP!【JIN】グローバルメニューを作ってサイトマップなどを表示させる方法アクセスのこない記事を上位に押し上げる基本の改善方法ワードプレスの基本の設定方法!必要なところだけを解説します。お世話になってる画像サイト可愛いイラストが無料で使えて、とっても気に入っています。当ブログで多数利用中♪イラストボックスこちらも見てみてね。高校の時の部活:軽音楽部(バンドでベースやってたよ)学生時代のアルバイト:渋谷のケンタで5年。最近の投稿ZOOMでのセミナーやコンサルに参加する前の音声チェック方法アフィリエイターの確定申告。無縁なあなたが知っておくべきこと。【重要】アンリミテッドアフィリエイトをららから購入したあなたへアンリミテッドアフィリエイトの特典にらら流手順書を追加しましたアンリミテッドアフィリエイトレビュー。~WinShotの使い方ContactForm7のお問い合わせフォームの横幅を変更する方法cocoonで「この記事を書いている人」を表示させる方法ワードプレステーマ「JIN」基本の設定方法。私のブログの設定を解説します。40代からの情報商材アフィリエイト。