軽量な読了プログレスバー(どこまで読んだ?)をWordPressに設置してUX改善してみる

深夜の暗い作業部屋で、読了プログレスバーが表示されたモニターを静かに見つめる少女のイラスト。上部には細いサーモンピンク色の進捗バーが光り、WordPressサイトのUX改善を表現している。
最近、テック系のサイトを中心にあちこちで見かけるのが読了プログレスバー。 特にダークテーマですと、一筋の光が闇を貫くようで格好いい。 なんて厨二心をくすぐるの…… というわけで、自称中学二年生の私は本サイトに実装してみま … 記事を読む:軽量な読了プログレスバー(どこまで読んだ?)をWordPressに設置してUX改善してみる

UXを考えたナビゲーション設計(前編)|GeneratePressでスマホメニューを横スクロール化する方法

GeneratePressでスマホメニューを横スクロール化する方法をテーマに、ハンバーガーメニューとの違いやUXを比較・解説するイメージイラスト。
本稿ではWordPressテーマGeneratePressカスタマイズとして、スマホメニューを横スクロールする方法を紹介します。 サイトのモバイルレイアウトにおけるメニューはハンバーガーメニューが一般的です。 では、どう … 記事を読む:UXを考えたナビゲーション設計(前編)|GeneratePressでスマホメニューを横スクロール化する方法

モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

モバイル時代のサイト設計をイメージした、ダッシュボードを見つめる女性Webディレクターのイラスト
1カラムが多く見られるようになった昨今のサイトレイアウト事情ですが。 サイドバーを設置した2カラムのサイトもまだまだ多いです。 私にしても、他のサイトは1カラムですが、技術ブログ的な当サイトは2カラムにしています。 ただ … 記事を読む:モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

ブログやサイトに「この記事は約 ○ 分で読めます」という読了所要時間を表示するには?

読了時間を表示するWordPress記事のUXを解説するプレゼンテーションイラスト
本記事では「記事を読み終える時間」を表示する方法について紹介します。 具体的には、記事冒頭のタイトル付近にある「この記事は約 ○ 分で読めます」という表記です。 私の活動している「小説家になろう」でも読了時間表示がありま … 記事を読む:ブログやサイトに「この記事は約 ○ 分で読めます」という読了所要時間を表示するには?
× 閉じる