画像、CSS、Javascriptは欠かせません。今回はプラグインページにそれらを適応させる方法を探っていきたいと思います。画像の表示方法CSSファイル、JSファイルの呼び出し方法まとめディレクトリ構成このような構成でディレクトリを作成しましょう。これ、実はbaserCMSのドキュメントルートと同じ構成になっております。設定したメッセージ)が表示されるようにします。以下のページからダウンロードできます。ダウンロードダウンロードが完了したら、/HelloWorld/webroot/img/フォルダに配置してください。フォルダの中にファイルを準備しましょう。ファイル名はhello_world.cssにして、内容は以下のようにしておいてください。続いてjsフォルダに同じようにjavascriptファイルを作成しましょう。ファイル名はhello_world.jsにして、以下の内容にしておきます。各ファイルを準備したので、それらを実際に使ってみましょう。以下のように修正します。この時点で動作するはずなので、フロント側で確認してみましょう。べっし〜が中央に配置され、画像をクリックするとポップアップウィンドウでメッセージが表示されます。画像ファイルを使用するにはbaserCMSの関数を利用すればOKです。呼び出し方は以下の2パターンあるので、お好みでご使用下さい。画像ファイルは拡張子まで記述する必要がありますので、気をつけましょう。jsは呼び出しの際、拡張子を省略可能です。※拡張子をつけても問題ありません。そこはbaserCMSが良きに計らってくれます。まとめお疲れさまでした!これで、画像・デザイン・クライアントサイドの処理を自由に設定できるようになりました。それらを駆使してユーザーエクスペリエンスまで考慮したプラグインを作りたいですね!ツイートあっきー-放浪システムエンジニアユーザーインターフェイスに重点をおいた設計を常に心がけ、常に最新情報を模索している。