【公式】アマゲッティver2.0の主な変更点まとめ | Amazonランキング自動取得プラグイン
2022年9月9日（金）より、Amazonランキング自動取得プラグイン『アマゲッティ（AmaGetti）』に関して、ver2.0 の配信を開始しました。 アマゲッティ（AmaGetti）配布サイト | Fantia ▼プラグイン公式紹介ページ インターフェースデザインを刷新したほか、有料版においてランキングのショートコード設置が可能になるなど、機能追加も行っています。 本記事では、Amagetti ver2.0における主な変更点についてまとめて紹介していきます。 変更点①：プラグインを無料版と有料版に分割 ...
2枚の画像を比較するのに便利な『比較用スライドショー』を超簡単に設置する方法を紹介！
以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 [blogcard url="https://fukafuka295.jp/homepage-slideshow-kantan/"] しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です！（通称：Cocoen） 例えば以下のような2枚の画像を比べて見せたいとします。 ここで『比較用スライドショー』を導入すると、以下のように、カーソル操作で2枚の画像を見比べる ...
[Bxslider]スライドショーが正常に動作しない、設置できない場合の対処法まとめ
以前このサイトの記事にて、jQueryで動作するスライドショー「bxSlider」の簡単な設置方法について解説しました。 すると、一部の方々から、スライドショーが正常に動作しないとの報告を少なからず頂きます。 そこで今回は「bxSliser」のスライドショーに関して、 「設置はできたがスライドショーが動かない」 「スライドショーに不自然な余白ができてしまう」 といった場合の対処法についてまとめてみました！ スライドショーが正常に動作しない場合の対処法 対処法① jQuery実行コードの書き換え 正常に動作 ...
『HCB Comment Box』コメントフォームの詳細カスタマイズ方法
こんにちは、ふかふかです！ 以前の記事で、非Wordpressサイト(HTMLベースで構築されたサイト)に、ブログのようなコメント欄を簡単に設置する方法について紹介しました。 ですがこのとき設置したコメントフォームは海外サイトの「HCB Comment Box」というサービスを利用したものなので、サイトにコードをコピペし、 コメントフォームを設置しただけでは各所の文字が英語のままになっていたり、納得のいくスタイルでなかったりして不満点も多いかと思います。 そこで今回は、設置したHCBコメントフォームの詳細 ...
ホームページにサムネイル付きスライドショーを簡単に設置する方法(jQuery)
ホームページやブログに設置した「bxslider」のスライドショーに簡単なカスタマイズを施して、 下に各スライドの画像が表示される"サムネイル付き"のスライドショーにする方法について解説します！ ▼実装例（このようなデザインのスライドショーが設置できます） 既にjQueryによるスライドショーが設置できている事が前提となりますので、初めてスライドショーを設置する方は、以下の記事を参考にスライドショーを設置しておいてください。 htmlへの記述 すでに「bxslider」のスライドショーが設置出来てる方はh ...
ホームページの記事上部にシンプルな目次を簡単に設置する方法
ホームページやブログの記事ページに"あった方が良い"ものの一つとして「目次」が挙げられます。 よくWordpressを使ったサイトで以下のような目次を見かけると思います。 目次があることにより訪問者は一目で記事の構成を理解することができ、特定の箇所へ簡単に移動することが出来るため"ページの離脱率"や"再訪問率"の改善が見込まれます。 そこで今回は、シンプルで使いやすい目次（スマホ表示にも対応）をコピペするだけで超簡単に設置する方法についてご紹介します。 目次の設置方法 設置したいページのhtmlの設置した ...
ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法
ブログでよく見るような、閲覧者が投稿したコメントがフィードバックされて表示されていくコメントフォームをホームページに設置する簡単な方法についてご紹介します！ ※このページの下部のようなコメント欄が設置されます（試しにコメントしてみて下さい）。 ちなみに以前の記事でもコメントフォームの設置方法について紹介しましたが今回は、より簡単に、より多機能な コメント欄を設置することができます。 ① 提供サイトへのアクセス＆ログイン 今回のコメントフォームの設置には、「HTML COMMENT BOX」さんのサイトが提 ...
超簡単！ホームページにスライドショー機能を実装する方法(JQuery)
自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい！ という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します！ ちなみに導入に成功すると↓このようなスライドショーが実装されます(GoogleChrome, IE11, IOS動作確認) ▼こちらのスライドショーもおすすめ！ スライドショーの簡単な設置方法 まずは「bxSlilder」さんのサイトで配布されている JQueryのプラグインファイルをダウンロードしてください（画像の赤枠部分からダウンロード ...
HTMLサイトでも設置可能！ホームページにブログのような"一言コメント欄"を設置する方法
自分のホームページにブログでよく見るようなコメント機能を追加したい！でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します！(Google Chrome, IE11で動作確認） ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。 ① プログラムのダウンロード まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン が ...