コンテンツに移動 ナビゲーションに移動

WordPress テーマ「Lightning Pro」のカスタマイズ事例、便利な使用方法やアイディアなどを載せています。

  • サイト開設
  • サポート
  • お問い合わせ

Lightning Pro + Origin II のカスタマイズ、TIPS (1)

  • ホームHome
  • サイト案内About This Site
  • 便利な使い方Tips
  • おすすめの本Books
    • おすすめの本 固定ページ
    • 本を検索 (VK Filter Search)
    • 本を検索 (VK Filter Search Pro)
    • 検索 (Search & Filter)
  • ブログBlog
Zoom オンラインサポート - WordPress のカスタマイズ・設定をお手伝いします。詳しくはこちら

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

  1. HOME
  2. 便利な使い方などを試したページいろいろ
  • 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/

  • Facebook
  • X
  • Bluesky
  • Hatena
  • Pocket
lightning-pro-origin-ii

WordPress テーマ「Lightning Pro」およびデザインスキン「Origin II」でいろいろと試しています。
役に立つ情報の発信もなるべくしようと心がけていますが、お客様に提示するカスタマイズ案のショーケースとして使ったり、自分の勉強・備忘録のために使ったり、動作確認でテスト投稿したり…というサイトなので、手順の説明などを詳しく載せていないものやナニコレ?的なものがあります。その点はご了承ください。

魚沼情報サービス https://uonuma-js.com/

Copyright © Lightning Pro + Origin II のカスタマイズ、TIPS (1) All Rights Reserved.

  • ホーム Home
  • サイト案内 About This Site
  • 便利な使い方 Tips
  • おすすめの本 Books
    • おすすめの本 固定ページ
    • 本を検索 (VK Filter Search)
    • 本を検索 (VK Filter Search Pro)
    • 検索 (Search & Filter)
  • ブログ Blog
  • MENU
  • HOME
  • アクセス
  • お問い合わせ
  • TEL
PAGE TOP