便利な使い方などを試したページいろいろ

• Swiper によるスライダー ～ エフェクト coverflow
• トップページのスライドの上に固定ページのコンテンツを表示する方法 https://lightning-pale.hp1.work/add_page_content_before_slide/
• Outer ブロックの使用例：ブロックの区切りを斜めにする https://lightning.hp2.work/outer-test/
• スライダーにロゴ画像と飾り枠を重ねた例 https://lightning.hp2.work/slider-kazari/
  トップページやランディングページに使える TIPS です。作り方の解説も載せてあります。
  
  ⇒ 全幅のスライダーを先頭に配置してヘッダー透過にした例 下部に街並みのシルエット https://lightning.hp2.work/slider-kazari-2/
  ⇒ 全幅のスライダーを先頭に配置してヘッダー透過にした例 下部に曲線 https://lightning.hp2.work/slider-kazari-3/
• お問合せフォーム (写真添付あり) https://lightning.hp2.work/form-image/
• :focus-within を使ったお問い合わせフォーム https://lightning.hp2.work/form-focus-within/
• 問い合わせフォームにリンク元の情報を投げる方法 https://lightning.hp2.work/pageinfo2form/
• アコーディオンを開くと色がつく FAQ https://lightning.hp2.work/colored-faq/
• メイン画像に重ねる文字を切り替えるアニメーション https://lightning.hp2.work/text-animation/
• ランディングページの作り方 https://lightning.hp2.work/landing-page-test/
• お問い合わせブロックのテスト 2020.9.5 https://lightning.hp2.work/contact-block-test/
• VK Blocks Pro 0.38.1 の新機能「スライダー」2020.7.30 https://lightning.hp2.work/vk-blocks-pro-0-38-1-slider/
• ブロックエディターで横スクロールできる表を作るには (Bootstrap 4 対応テーマ) https://lightning.hp2.work/scroll-table/
• VK Block Pro 0.30.0 の新機能「グリッドカラム」2020.5.26 https://lightning.hp2.work/vk-block-pro-0-30-0-grid-column/
• object-fit プロパティでトリミング＆サイズ指定 2020.5.19 https://lightning.hp2.work/object-fit/
• カバー画像にパララックスを設定 2020.5.17 https://lightning.hp2.work/cover-parallax/
• details タグ 2020.5.13 https://lightning.hp2.work/details-tag/
• VK All in One Expansion Unit 9.18.* の新機能 https://lightning.hp2.work/vk-all-in-one-expansion-unit-9-18-new/
• Bootstrap4 の border-色 の使い方 https://lightning.hp2.work/bs4-border-color/