WordPressサイトで、 簡単に記事一覧の無限スクロールを実現する「」と「」の２つのプラグインを紹介してきました。 すると、 という声をいただきましたので、 ここでは２つのプラグインについての比較を紹介していきたいと思います。 【比較１】プラグインの更新頻度 プラグインのアップデートは、 「Ajax Pa...

WordPressサイトで、 、 プラグイン「」を使うことで簡単に実現できます。 ここでは、プラグインをダウンロードするところから、 実際に無限スクロールを実現するまでの一連の手順を紹介していきます。 プラグインのインストール まずは、プラグインをインストールしていきましょう。 WordPress管理画面の「プラ...

WordPressサイトで、 、 プラグイン「」を使うことで簡単に実現できます。 ここでは、プラグインをダウンロードするところから、 実際に無限スクロールを実現するまでの一連の手順を紹介していきます。 プラグインのインストール まずは以下の公式サイトから、 「Infinite-Scroll」プラグインをダウンロード...

このようなアニメーション付きのローディング画像は、一から作るとなると結構手間なものです。 「」というサービスでは、 「画像タイプ」「背景色」「画像色」のたった サービスです。 ここでは、「Ajaxload」でオリジナルのローディング画像を作るためのすべての手順を紹介していきます。 【手順１】サイトへアクセスす...

上のキャプチャのように、 ことがあります。 こういった場合は、 jQueryプログラムを記述することによって、表示処理の振り分けが実現できます。 コピーページを使わずに同一ページ内で表示を切り替えた方が良い理由 通常、ボリュームがあるコンテンツページの一部の内容の表示を切り替えたい時は、 コピーページを作って擬似...

jQueryでは、 URLの語尾の「?page=1#block1」といった、 を実現することができます。 これにより、同一ページ内での表示ブロックの切り替えや、特定のスクリプトプログラムを実行させるといったことができるようになり、より幅広いデザイン・機能をもったWEBサイトを作ることができるようになります。 jQu...

通常、マウスホバー時にオブジェクトの枠を太くすると、オブジェクトそのもののサイズが大きくなってしまいます。 例えば、元々300pxの正方形オブジェクトがあったとして、ホバー時に5pxの太枠で囲おうとすると、310pxの正方形になってしまいます。 ここでは、について見ていきましょう。 オブジェクトのサイズは保ったま...

ブログ記事一覧を表示する時、 カテゴリーごとにデザインを指定して表示をしたい時があります。 ここでは、について見ていきましょう。 カテゴリー・タクソノミーごとにデザインを適用する方法 単純に、カテゴリーやカスタムタクソノミーごとにデザインを変化させるためには、カテゴリー・タクソノミーごとに違ったHTMLタグを付与し...

「」というjQueryプラグインを使えば、画像やテキストブロックといった要素を横方向にゆっくりとループスライドするスライドショーを作ることができます。 ※2017年5月段階のバージョンでは、横幅可変サイズ指定時に無限スクロールが発生しない（１度のみループスライドして停止する）という不具合を確認しています。 横幅を固定...

画像やテキストといったコンテンツをスライドではなく無限スクロールで表示したい時は、jQueryプラグインの「」が便利です。 ここでは、「infiniteslide」をダウンロードするところから、実際にサイトに適用するまでの一連の流れを紹介していきます。 「infiniteslide」について 「infinitesl...