今日もポートフォリオサイトのWordPress化作業を続けています。

トップページのTopicsセクションにスライダーを実装したのですが、最初は全く動かなくて困りました。

ブラウザのコンソールを見ると「$ is not a function」というエラーが。

WordPressのjQueryはnoConflictモードで動作するため、$が直接使えないみたい。

script.jsをjQuery(function($) { … })でラップすることで解決しました。

bxSliderのファイルが見つからず、CDNから読み込むように変更。

これでようやくスライダーが動作するように！

記事が自動で切り替わる様子を見ると、少し達成感があります。

「記事一覧を見る」リンクもスライダーの外に移動して、常時表示されるようにしました。

ユーザーにとって分かりやすくなったと思います。

まだまだやることはありますが、一つずつ進めていきます。