This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)
…or something like this:
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!
<style> /* LP全体のスタイリング */ .is-run-lp { font-family: “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif; color: #333; line-height: 1.8; } /* メインビジュアル */ .lp-hero { position: relative; height: 80vh; min-height: 500px; background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(‘ここに生成した画像のURLを入れる’) no-repeat center center/cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } .hero-content h1 { font-size: 3rem; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); margin-bottom: 20px; } /* 特徴セクション */ .lp-section { padding: 80px 20px; max-width: 1000px; margin: 0 auto; } .section-title { text-align: center; font-size: 2rem; margin-bottom: 50px; position: relative; padding-bottom: 15px; } .section-title::after { content: ”; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: #ffcc00; /* アクセントカラー：黄色 */ } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .feature-card { background: #f9f9f9; padding: 30px; border-radius: 10px; text-align: center; transition: transform 0.3s; } .feature-card:hover { transform: translateY(-5px); } /* CTAボタン（SWELL風） */ .lp-btn { display: inline-block; padding: 20px 50px; background: #e6b400; color: #fff !important; text-decoration: none !important; font-weight: bold; border-radius: 50px; box-shadow: 0 4px 15px rgba(230, 180, 0, 0.4); transition: all 0.3s; font-size: 1.2rem; } .lp-btn:hover { background: #ffcc00; transform: scale(1.05); } @media (max-width: 768px) { .hero-content h1 { font-size: 2rem; } } </style> <div class=”is-run-lp”> <header class=”lp-hero”> <div class=”hero-content”> <h1>豊川を、もっと熱く。<br>走る仲間、募集中。</h1> <p>IS RUN CREW | Toyokawa Running Community</p> <br> <a href=”#contact” class=”lp-btn”>無料体験に参加する</a> </div> </header> <section class=”lp-section”> <h2 class=”section-title”>ABOUT US</h2> <div style=”text-align: center; max-width: 700px; margin: 0 auto;”> <p>一人で走るのもいいけれど、仲間といれば、もっと遠くへ、もっと楽しく。<br> IS RUN CREWは、愛知県豊川市を拠点に活動するランニングコミュニティです。経験や速さは問いません。豊川の街を一緒に駆け抜けましょう！</p> </div> </section> <section class=”lp-section” style=”background: #fff;”> <h2 class=”section-title”>FEATURES</h2> <div class=”features”> <div class=”feature-card”> <h3>初心者歓迎</h3> <p>ゆっくりジョギングから始めるメンバーも多数。あなたのペースを大切にします。</p> </div> <div class=”feature-card”> <h3>豊川を走る</h3> <p>豊川稲荷周辺など、地元の魅力を再発見できるコースをセレクトしています。</p> </div> <div class=”feature-card”> <h3>最高の仲間</h3> <p>20代〜60代まで幅広い層が在籍。走った後の交流会も楽しみのひとつです。</p> </div> </div> </section> <section id=”contact” class=”lp-section” style=”text-align: center;”> <h2 class=”section-title”>JOIN US!</h2> <p>まずは一度、練習会の雰囲気をのぞきに来てください。</p> <br> <a href=”https://www.instagram.com/is_run_crew/” class=”lp-btn” target=”_blank”>InstagramからDMを送る</a> </section> </div>