カテゴリー「カスタマイズ」の記事
カスタマイズすると、こんなことできます (^^♪
Google フォントを使ったグローバルナビのカスタマイズ例2022年6月3日
Google フォント を使った英語表記メニューの例としてお客様へのデモ用に作ってみたものです。フォントの切り替えができるようになっています。
グローバルナビの最後の2項目を画面の右端に固定表示するカスタマイズ例2022年6月2日
このカスタマイズを行っておくことによって、HTML/CSS をいじらなくてもいいので、誰でもかんたんに 外観 ⇒ メニュー で右端の2項目を設定(差し替えも)できるようになっています。
- カテゴリー
- Lightning G3カスタマイズ
スクロール時のヘッダー固定を解除するやり方 - Lightning G3 無料版2022年5月29日
フィルターフックを使ってヘッダー固定を解除するカスタマイズ手順を紹介します。
VK Filter Search カスタマイズ例 - アマゾンっぽい小さい検索ボックス2022年5月20日
VK Filter Search ブロックをカスタマイズして、アマゾンの検索ボックスのようなデザインでコンパクトなものにしてみました。
パンくずリストの先頭のアイコン・表記を変更するには2022年5月6日
Lightning G3 はフィルターフックでアイコンをカスタマイズできます。
VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション②2022年4月25日
VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。【続編】
VK ボタンのカスタマイズ例 - マウスホバーでアイコンがアニメーション2022年4月18日
VK Blocks のボタンをカスタマイズして、マウスホバー時にアイコンがアニメーション動作するようにしてみました。
VK Post Author Display の投稿者プロフィールの画像のスタイル調整2022年4月11日
スマホで見たときに余白がかなり大きくて気になるので、CSS でカスタマイズしてみました。
register_block_style で追加したブロックスタイルの見本2022年4月11日
register_block_style により追加した見出しとグループのブロックスタイルの見本です。
段落やテーブル内のテキストリンクをボタンにするカスタマイズ2022年4月1日
WordPress のブロックエディターで、段落やテーブルの中のテキストリンクをボタンのようなスタイルにするやり方を考えてみました。
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②2022年2月28日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューのお問い合わせだけスタイルを変えてみました2022年2月25日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。
- カテゴリー
- Lightning G3カスタマイズ
ヘッダーロゴ画像のリンク先を変更するやり方2022年2月21日
フックが豊富な Lightning G3 でも、ここにはフィルターフックが用意されていなかったので、jQuery を使ってカスタマイズしました。
- カテゴリー
- Lightning G3カスタマイズ
- タグ
- jQuery
404 ページをカスタマイズしてみた2022年2月11日
大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。
CSS だけでアコーディオンを実装しました (Lightning 無料版)2022年1月24日
JavaScript を使わずに CSS だけでアコーディオンを実装するやり方を紹介します。
- カテゴリー
- カスタマイズ
ページヘッダーに投稿のタイトルを表示するやり方【続編】2022年1月13日
投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。
アコーディオンを実装しました (VK Blocks 無料版)2022年1月10日
VK Blocks Pro にはアコーディオンブロックが含まれていますが、無料版の VK Blocks にはないので、アコーディオンブロック相当のものを作ってみました。
外部リンクに Font Awesome アイコンをつけるカスタマイズ2021年12月28日
段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。