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

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

お問い合わせ

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

  • トップページ
    • 会社概要
  • サイト案内
    • レシピ(準備中)
  • メニュー 例
    • ハンバーガー(ドロワー)
      • ヘッダーと一体化したハンバーガー
      • CSS だけでハンバーガー①
      • CSS だけでハンバーガー②
      • CSS だけでハンバーガー③
      • 正統ハンバーガーメニュー
      • 正統ハンバーガーメニュー画像付
      • 商品画像を使用したメガメニュー
      • JPNSTYLEでハンバーガーメニュー
      • モバイルナビをPCで表示 (1)
      • モバイルナビをPCで表示 (2)
      • なんちゃってハンバーガーメニュー
    • 項目を横に並べるカスタマイズ
    • メニュー項目が多い場合の対処法1
    • メニュー項目が多い場合の対処法2
    • メニュー項目が多い場合の対処法3
    • メニュー項目が多い場合の対処法4
    • サブメニュー 1-1
    • サブメニュー 1-2
      • サブメニュー 1-2-1
      • サブメニュー 1-2-2
      • サブメニュー 1-2-3
      • サブメニュー 1-2-4
      • サブメニュー 1-2-5
      • サブメニュー 1-2-6
      • サブメニュー 1-2-7
    • サブメニュー 1-3
    • サブメニュー 1-4
    • サブメニュー 1-5
    • サブメニュー 1-6
    • サブメニュー 1-7
    • サブメニュー 1-8
    • サブメニュー 1-9
    • サブメニュー 1-10
      • サブメニュー 1-10-1
      • サブメニュー 1-10-2
      • サブメニュー 1-10-3
      • サブメニュー 1-10-4
      • サブメニュー 1-10-5
    • サブメニュー 1-11
    • サブメニュー 1-12
  • 商品
    • あんぱん
    • カレーパン
    • ベーグル
    • メロンパン
    • パニーニ
    • クロワッサン
    • 商品を横に並べた例
  • ブログ
WordPress の設定・カスタマイズを Zoom オンラインサポートでお手伝いします。詳しくはこちら
  • このメニューについて
  • トップページ
  • このサイトについて
  • 会社概要
  • サービスご案内
  • イベント情報
  • ブログ
  • お問い合わせ

対馬 俊彦

  1. HOME
  2. 対馬 俊彦
カスタマイズ
2023年4月19日 / 最終更新日 : 2023年4月29日 対馬 俊彦 Lightning Pro

モバイル固定ナビをパソコンでも使ったカスタマイズ例

Lightning モバイル固定ナビ をパソコンでも使えるようにカスタマイズして、ベクトルさんのサイト横断メニューのような画面下部のメニューを実装しています。

2023年3月19日 / 最終更新日 : 2023年4月17日 対馬 俊彦 Lightning Pro

6 Web Fonts with CSS で投稿日・投稿者のアイコンが表示されない問題

調べてみたところ、body タグに付与されるクラス名がセレクタに使われていることが原因でした。

2022年5月26日 / 最終更新日 : 2023年2月17日 対馬 俊彦 ExUnit

ExUnit のシェアボタン(ソーシャルボタン)のカスタマイズ例いろいろ

VK All in One Expansion Unit のシェアボタン(ソーシャルボタン)をカスタマイズした例をいくつか載せています。

ページ先頭に戻るボタンのデザインをカスタマイズ
2022年2月15日 / 最終更新日 : 2022年5月12日 対馬 俊彦 Lightning Pro

ページの先頭に戻るボタンのデザインをカスタマイズ

Lightning Pro / Lightning G3 / Katawara で使える、子テーマの CSS などにコピペするだけのお手軽カスタマイズを紹介します。

2022年2月13日 / 最終更新日 : 2022年3月8日 対馬 俊彦 その他

画像を拡大表示するプラグイン Simple Lightbox を CSS で調整してみました

画像を Lightbox 効果で拡大表示するだけの用途なら Simple Lightbox は必要十分だと思います。

404 Error
2022年2月11日 / 最終更新日 : 2023年6月1日 対馬 俊彦 Lightning Pro

404 ページをカスタマイズする方法

大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズするやり方を紹介します。

2021年9月25日 / 最終更新日 : 2022年4月15日 対馬 俊彦 Lightning Pro

スライドショーで画像をじわぁ~っとズームインさせるには

数行の CSS を書くだけで、かんたんです。

ハンバーガー
2021年8月12日 / 最終更新日 : 2022年4月15日 対馬 俊彦 Lightning Pro

ハンバーガーメニューをパソコンでも表示するカスタマイズ

パソコン画面でグローバルメニューをシンプルにして(または表示しないで)、ハンバーガーメニューをメインで使うユーザーインターフェースにしたいときに役立ちそうなお手軽なカスタマイズ方法です。

2021年8月12日 / 最終更新日 : 2022年4月15日 対馬 俊彦 Lightning Pro

ヘッダー上部のお問い合わせボタンをスクロール時に画面の右端に表示

ボタンをちょっとだけ大きめに表示して、マウスホバー時に動きを持たせてあります。

2021年7月31日 / 最終更新日 : 2021年8月1日 対馬 俊彦 WordPress

カバーブロックの使い方 – 焦点ピッカー と カバー画像の最小の高さ

WordPress 標準の カバーブロック を初めて使いましたが、このブロックも使いみちがありそうです。

投稿ナビゲーション

  • ページ 1
  • ページ 2
  • …
  • ページ 7
  • »
  • お問い合わせ
  • このサイトについて
  • メニューを右寄せするには
lightning-pro-origin-ii

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

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

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

MENU

WordPress テーマ「Lightning Pro」およびデザインスキン「Origin II」でいろいろと試しています。

  • トップページ
    • 会社概要
  • サイト案内
    • レシピ(準備中)
  • メニュー 例
    • ハンバーガー(ドロワー)
      • ヘッダーと一体化したハンバーガー
      • CSS だけでハンバーガー①
      • CSS だけでハンバーガー②
      • CSS だけでハンバーガー③
      • 正統ハンバーガーメニュー
      • 正統ハンバーガーメニュー画像付
      • 商品画像を使用したメガメニュー
      • JPNSTYLEでハンバーガーメニュー
      • モバイルナビをPCで表示 (1)
      • モバイルナビをPCで表示 (2)
      • なんちゃってハンバーガーメニュー
    • 項目を横に並べるカスタマイズ
    • メニュー項目が多い場合の対処法1
    • メニュー項目が多い場合の対処法2
    • メニュー項目が多い場合の対処法3
    • メニュー項目が多い場合の対処法4
    • サブメニュー 1-1
    • サブメニュー 1-2
      • サブメニュー 1-2-1
      • サブメニュー 1-2-2
      • サブメニュー 1-2-3
      • サブメニュー 1-2-4
      • サブメニュー 1-2-5
      • サブメニュー 1-2-6
      • サブメニュー 1-2-7
    • サブメニュー 1-3
    • サブメニュー 1-4
    • サブメニュー 1-5
    • サブメニュー 1-6
    • サブメニュー 1-7
    • サブメニュー 1-8
    • サブメニュー 1-9
    • サブメニュー 1-10
      • サブメニュー 1-10-1
      • サブメニュー 1-10-2
      • サブメニュー 1-10-3
      • サブメニュー 1-10-4
      • サブメニュー 1-10-5
    • サブメニュー 1-11
    • サブメニュー 1-12
  • 商品
    • あんぱん
    • カレーパン
    • ベーグル
    • メロンパン
    • パニーニ
    • クロワッサン
    • 商品を横に並べた例
  • ブログ
  • 商品カタログ
  • ショップ
  • お客様登録
  • お問い合わせ
PAGE TOP