WordPressのウィジェットに動きをつけるには??

最近Wordpressのウィジェットを使い始めました!

その理由としては、もっとホームページを使い易く、見易くするためです。ウィジェットは色々なものを追加できるサイドバーやフッターエリアで、画像だったり検索バーだったり、月別アーカイブ、カテゴリー別に記事をわけてブログが見れるなど様々な使い方がありとても便利です。ただ、このサイドバーなんかいまいちパッとしない…ってなったので、サイドバーに動きをつけてみました!

ちょっとマウスポインターをサイドバーのアーカイブの項目に当ててみましょう…

背景色と文字の大きさが変わります!

今回はこのコードと基本的なWordpressでのサイドバーの操作について書いていこうと思います。

 

■ウィジェットの操作について

 

 

基本的には、Wordpressの外観→ウィジェットからサイドバーやフッターエリアに何を入れるか自由に決めることができます。(ドラッグ&ドロップ)

また、表示したい固定ページなどの指定もすることができ便利です。

 

 

ウィジュットのカスタマイズをするために、今回はテキストをサイドバーに追加しそこに、javascript(jQuery)&cssを追加してあげます。

 

■コードの追加方法

 

テキストをサイドバー、もしくはフッターに追加してあげてテキストにコードを埋め込みます。

 

 

■コード内容

 

 

コードを書いたあと、ビジュアルを見ると…再生ボタンのようなiconが表示されていると思います。あとはブラウザ上で確認するだけ。簡単ですね!

 

 

最近ホームページのレイアウトを考えていたのですが、浮かばずテーマをころころ変えていて…悲惨なめにあってしまったので

 

WordPressで不用意にテーマを更新する恐ろしさ。

このテーマから変えずに自分の好きな感じにカスタマイズしていこうと思います(笑)



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です