やってみたこと・変更履歴など

仕様変更 アーカイブページでのカテゴリー表示のスタイルを変更しました 2021.9.15

機能追加 検索結果ページでも上記同様にカテゴリー表示のスタイルを変更しました 2021.11.5

機能追加 個別投稿ページの日付に曜日の表示を追加しました。2022.2.1

仕様変更 VK Filter Search のフォームをコンパクトにしました。2022.6.7

VK Filter Search のフォームをコンパクトにしました

機能追加 アーカイブの先頭にページネーションを追加しました。2023.1.14

仕様変更 ページネーションの前・後ボタンの表示を Font Awesome アイコンに変更しました。2023.1.14

仕様変更 ページネーションのページ番号の表示を四角形から円形に変更しました。2023.1.16

現在、このブログには96の記事があります。まだこれからどんどん増やしていきたいと思ってます。😀

WordPress コアのナビゲーションブロックを使ったオーバーレイメニューNew!

ハンバーガーボタンの表示位置を CSS でカスタマイズしてヘッダーに表示しました。オーバーレイメニューのスタイルはノーコードで設定できます。

カテゴリー
WordPressカスタマイズ

【レスポンシブ対応】VK Blocks のスライダーで新着記事をカルーセル表示New!

有料版の VK Blocks Pro を使わなくても、組み合わせのアイディア次第でここまでできるんです。

カテゴリー
VK Blocksカスタマイズ

VK Blocks のスライダーを使った全画面表示のスライドショーNew!

カバーブロックと組み合わせて、CSS でカスタマイズしました。

カテゴリー
VK Blocksカスタマイズ

Lightning でヘッダーに検索窓を設置したカスタマイズ例③

アクションフックと jQuery・CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

VK スライダーブロックの前後ボタンとページネーションを外に出してみた

前後ボタンは画面幅が1200px以上のときだけ外側に表示するようにメディアクエリで調整してあります。

カテゴリー
VK Blocksカスタマイズ

VK Blocks の全幅のスライダーブロックの最大幅を指定したカスタマイズ例

スライドショーやスライダーを全幅で表示すると、フルHDやそれ以上の大きな画面で見たときに「大き過ぎる」と感じてしまう方もいらっしゃると思います。

カテゴリー
VK Blocksカスタマイズ

カスタム投稿タイプ「おいしい料理」を追加しました

ページヘッダーの背景画像にフルサイズのアイキャッチ画像を表示して、ひと目で料理のおいしさが伝わるようにしました。

カテゴリー
カスタマイズ

Lightning を Katawara 風レイアウトにカスタマイズしてみた

Lightning のヘッダーロゴとグローバルナビゲーションを Katawara 風に画面の左側に配置したカスタマイズ例です。

カテゴリー
Lightning G3カスタマイズ

VK Blocks 無料版でスライダーブロックが使えるようになった

従来は Pro版 だけで使える機能だったスライダーブロックが 無料版 VK Blocks でも使えるようになりました。

カテゴリー
VK Blocks

SVG アニメーションの試作品

vivus を使って、SVG アニメーションを作ってみました。

カテゴリー
その他

Lightning でヘッダーに検索窓を設置したカスタマイズ例②

アクションフックと CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

Lightning でヘッダーに検索窓を設置したカスタマイズ例①

アクションフックと jQuery・CSS を使って、ヘッダーに検索窓を設置してみました。

カテゴリー
Lightning G3カスタマイズ

VK Filter Search を使用した賃貸物件検索ページの機能追加

検索結果の画面で見出しが自動的に切り替わる機能と検索条件の表示/非表示を切り替えできる機能を追加しました。検索条件の項目が多いときに検索結果が見やすくなります。

カテゴリー
カスタマイズその他

WordPress コアのボタンブロックのマウスホバー時の色を指定する

【2022.10.23 仕様変更により使いやすくなりました】ボタンの色を指定した場合もカスタマイズで指定したキーカラーを元に決定された色がマウスホバー時に使われますので、指定したボタンの色と合わないと感じることがあります。

カテゴリー
Lightning G3カスタマイズ

Hover.css を使って VK ボタンをカスタマイズしてみた

VK ボタンと Hover.css のスタイルがバッティングしたり相性が悪かったりするので調整が必要ですが、調整してしまえば使いやすいです。

カテゴリー
VK Blocksカスタマイズ

モバイルナビのオーバーレイメニューをカスタマイズしてパソコンでも使う

カスタマイズしてフェードイン方式のオーバーレイメニューに変更して、そのオーバーレイメニューをパソコンでも使用するようにしてあります。

カテゴリー
Lightning G3カスタマイズ

WordPress の「メディアとテキスト」ブロックのカスタマイズ例②

WordPress 標準のメディアとテキストブロックをカスタマイズして、テキストをメディアに重ねたデザインにしてみました。縦書き・横書きの両パターンを作ってあります。

カテゴリー
WordPressカスタマイズ

Lightning G3 の前の記事・次の記事のオーバーレイの色を黒から変更

カスタマイズ初心者向けに CSS を使ってカスタマイズするやり方を紹介します。

カテゴリー
Lightning G3カスタマイズ

画面幅によって背景画像を透過設定するやり方

CSS の background-blend-mode プロパティを使うと、背景画像と背景色をブレンド(混合)することができます。

カテゴリー
カスタマイズ

ページ内リンクのリンク先でサイトヘッダー(固定ヘッダー)を表示してみた

JavaScript によりこの動きを実装してあります。

カテゴリー
Lightning G3カスタマイズ