LPコーディング– category –

ボタンをキランと継続的に光らせる方法です。美容系LPなどによく使われます。 STEPボタンブロックにclass名を追加する shine-btn STEP追加CSSにコードを貼り付ける .shine-btn a{ position: relative; overflow: hidden; } /* 光 */ .shine-btn a::before{...

スマホでの表示 PCでの表示 画面の下に固定ボタンを置く方法です。 スマホでは全幅で表示され、タブレット以上になると右端に移動します。 STEPボタンのHTMLコードを入れる LP編集画面の最下部に「カスタムHTMLブロックを入れ、」以下のコードを貼り付けて...

【使用したCSSコード】 @media screen and (max-width: 599px) { .lp-content__postContent{ padding:0; } .lp-content{ padding:0; } .lp-btn{ width:95%; margin:0 auto!important; margin-bottom:1em!important; } }

【使用したCSSコード】 .lp-footer{ font-size:14px; } .lp-footer a{ color:#333; } .lp-copyright{ font-size:12px; padding-bottom:2em!important; } .lp-footer div{ gap: 25px; flex-wrap: nowrap; }

【使用したHTMLコード】 <figure class="wp-block-image size-full offer1"> <img src="http://web-kumi.com/rise-new/wp-content/uploads/2026/02/lp01_08.webp" alt="" class="wp-image-146"/> <figure class="wp-block-image size-full btn1 l...

【サルワカ】画像をWebPに変換https://saruwakakun.com/tools/png-jpeg-to-webp/