Read Article

ラジオボタンとCSSを使ってソート機能を実装する

ラジオボタンとCSSを使って、特定の規則に従ってデータを並び替えるソート機能を実装するサンプルです。ソート機能を実装しようと思ったらとりあえずJSを利用するのを考える人も多いと思いますが、本当に簡易的なものであればCSSでもそれっぽい動きが実装できます。

March 26, 2019
Tips

Read Article

イメージホバー時に複数枚あることを伝えるCSSアニメーションサンプル

要望があってサンプルとしていくつか作ってみたのをシェアします。パッと見は1枚のイメージなのですが、そこにホバーすると複数枚のイメージがあるように見せるアニメーションをCSSで実装したものです。リンク先でイメージが複数枚あるとかクリックすると複数枚表示するイメージモーダル（ライトボックス）が開くのを伝えたいときに使えるかと思います。

March 25, 2019
Tips

Read Article

WordPress：「MW WP Form」でセレクトボックスを使った年月日の選択値を動的に出力する方法

確認・完了画面付きフォームを実装できる「MW WP Form」で、生年月日などの項目で年月日を選択するセレクトボックスを設置する際の選択値を動的に出力させる方法です。この方法を用いることで大量の選択値も楽に設定できたり現在から過去何年分を出力といったこともできます。

March 20, 2019
WordPress

Read Article

Monthly Bookmarks #62

今月（2019年2月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

February 28, 2019
Bookmarks

Read Article

WordPress：Gutenbergブロックの表示・非表示を簡単に設定できるプラグイン「Disable Gutenberg Blocks – Block Manager」

使わせてもらうことありそうなので備忘録兼ねて紹介します。「Disable Gutenberg Blocks – Block Manager」は、その名の通りGutenbergの一部ブロックを非表示にすることができるプラグインです。デフォルトのブロックだけでなく、プラグインで追加されたブロックについても表示・非表示を設定することができます。

February 19, 2019
WordPress

Read Article

WordPress：Gutenbergに便利なブロックを追加してくれるプラグイン 10＋

Gutenbergにはデフォルトでも様々なブロックが用意されていますが、少し凝ったレイアウトを簡単に作成できたり、いろいろと細かく設定ができるブロックをさらに追加してくれるプラグインの備忘録兼ねたまとめです。中には特定のテーマ向けとして作られているプラグインもあるので一般的なテーマでは一部ブロックが使えないとか機能が制限されている場合もあるものの、基本的にはどのテーマでも利用することができます。ま…

February 19, 2019
WordPress

Read Article

Monthly Bookmarks #61

今月（2019年1月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

January 31, 2019
Bookmarks

Read Article

WordPress：タームのアーカイブページで、タイトルやスラッグなどの各種情報を取得・表示する方法

特定のタームに属している記事を表示するアーカイブページ（主に使用されるのは`taxonomy.php`や`taxonomy-{taxonomy}.php`など）で、タイトルやスラッグといったそのターム固有の情報表示や装飾などによく利用されると思う各種情報を取得・表示する方法です。

January 28, 2019
WordPress

Read Article

ダミーテキストで遊びたい人向け！ユニークなLorem Ipsumジェネレータ 10

カップケーキ・野菜・猫・ゾンビ・海賊など、様々なテーマに沿ったLorem Ipsumを生成できるジェネレータを紹介します。いずれも英語になるので実際に案件で使うとなると日本語ベースとか一般的なLorem Ipsumを用いるのが好ましいとは思いますが、個人プロジェクトだったりダミーテキストで遊びたいと思う人は試してみてください。