レスポンシブ対応に必須！シンプルな折りたたみ式メニューを作ってみた
スマホからインターネットを利用する人が増えてきたことで、Google もモバイル向けページの評価に基づいて検索順位を決定する「モバイルファースト」に重点を置くようになってきました。画面サイズによってブレイクポイントを設定して CSS の設定を切り替えるわけですが、ブログやウェブサイトで定番のグローバルナビゲーションのレスポンシブ対応はちょっと難しかったりします。 …[続きを読む]
ローカル環境のjQueryでHello World！
超簡単な jQuery の動作テストをしようとしたのですが、ローカル環境に XAMPP を用意したり、レンタルサーバーにアップロードするのも面倒臭いので、簡単にテストできる方法がないのか考えました。デバッグなどにご利用下さい。 …[続きを読む]
WordPress にプラグインなしでトップに戻るボタンを設置する
WordPress でページの先頭に戻るボタンを設置するなら、プラグインの「Scroll To Top」が有名ですが、最近プラグインが多すぎるかなと思い、自作することにしました。 …[続きを読む]
WordPressのサイドバーのリストの最後の下線を消したいとき
WordPress で運用されているブログは、ダイナミックサイドバーを使ってサイドバーを実現しているテーマが多いと思いますが、「最近の投稿」や「アーカイブ」などは ul と li を使用したリストになっています。ここで、見やすくしようとしたり、見栄えをよくしようとしてリストの項目ごとに下線を引こうとすると、 …[続きを読む]
PHPファイルに書いたJavaScriptソースをWordPressに読み込ませる
WordPress の記事を装飾したりするのに JavaScript を利用する場合、テーマのフォルダに「js」などのフォルダを作り、その下に JavaScript ファイルを作成して読み込ませることが多いと思いますが、実は PHP ファイルに JavaScript のソースコードを書いて読み込ませることもできたりするんです。 …[続きを読む]
[超訂正] WordPressのテーマをjQuery初心者がカスタマイズしてみる
前回と同様、「WordPressのテーマをjQuery初心者がカスタマイズしてみる | Naokix.net」に対する訂正エントリーです。前回の話題なら、「あまりよろしくないけど、なんとか動作はするよね」で済むのですが、今回の話は下手すると WordPress が動作しなくなる場合もあるので、非常にマズイです。本当にスミマセン。 …[続きを読む]
WordPressのテーマをjQuery初心者がカスタマイズしてみる
WordPress のテーマを自作して運営している当ブログですが、さすがに CSS による装飾だけでは満足できなくなってきたことと、jQuery を使うと CSS の記述を減らすことができたりして、ブログ保守の負担を減らすことができるようなので、jQuery に手をだすことにしました。 …[続きを読む]
