画像スライダーを作るワードプレスのプラグインはたくさんあります。凝った仕様のものが多いんですよね。自分が求めているのは、シンプルに記事内からサクッと画像スライダーを生成できるもの。結局見つけることができなかったので、自作ショートコードにより、実装することにしました。以下では、その手順を説明します。具体的には、次の要件をみたすような画像スライダーが必要です。表示画像をクリックすると、拡大表示できる(ライトボックス)完成したショートコードのデモはこちら。1つ目は、画像スライダーライブラリの「lightSlider」。1つは、ライトボックス・エフェクトライブラリの「lightGallery」です。コードを書いていきましょう。Headers:ライブラリのCDNライブラリのCDNリンクを取得。Header」に書きます。src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery.min.js"></script>ポイント「.min.css」と「.min.js」だけでOKこれでライブラリのインポートは完了。残りは、自作ショートコードの実装のみです。やりたいことは、次のようなショートコードを記事内に書くだけで、画像スライダーを表示できるようにすること。コードを適用する「#lightslider」と「画像素材のURL」の埋め込みが必要です。テーマの編集」と進みます。利用しているテーマの「functions.php」を開き、自作ショートコードを追加します。任意のIDを付したHTMLテンプレートを返す必要なセットアップは以上。完成したショートコードのデモはこちら。WordPresskei178兵庫県西宮市生まれのフリーランスRailsエンジニア。海外を拠点にデジタルノマド生活中。コメントをキャンセルメールアドレスが公開されることはありません。Authorkei178兵庫県西宮市生まれのフリーランスRailsエンジニア。海外を拠点にデジタルノマド生活中。Colorlib.com.HomeProgrammingAccounting/TaxBooks。