背景の位置を調整するCSSの「background-repeat」ボタンなどを背景で表現する時にはよく使用するかと思います。 最近、Googleもレスポンシブサイトを推奨しており、レスポンシブサイトを導入しているサイトも…

アコーディオンメニューを作成する場合、jQueryを使用すれば簡単に作成できます。 まずはデモ。 ■デモ メニュー1 メニュー1の情報1 メニュー1の情報2 メニュー1の情報3 メニュー2 メニュー1の情報1 メニュー1…

プラグインでもあるのですが、重くなったり、バージョンが変わったりなど、ちょっと怖いので、自作してみました。 以下のサイトを参考させていただきました。 参考：https://manablog.org/wordpress-p…

よく、ブログのサイドやフッターに「最新記事」を表示しています。 WordPressで最新記事を表示したい場合、get_postsを使用して一覧を表示します。 表示させたい場所に以下のコードを設置します。 まずは、記事のI…

borderの1部分を透過にして三角形を作成するのが一般的ですが 結構考えるのがめんどくさい時があります。 そこで、オススメなのが ウェブツールなのですが 「CSS三角形作成ツール」です。 http://apps.eky…

現在（2016年8月時点）では少し効果が薄くなったとよく聞きますが、まだまだ、「被リンク数」はSEOにおいてかなり重要な指標です。 ずいぶん昔の話にはなりますが、どこのサイトも相互リンクを張り合うことで被リンク数を増やし…

WordPressでjQueryを使用する場合、WordPressのデフォルトのjQueryを読み込んでいるので、自作jQueryと喧嘩したり、ちょっと違う書き方をしたりしなければなりません。 そこで、 この一文をいれる…

WordPressをインストールすると デフォルトで入っている「twentysixteen」 こちらも中々不必要なコードが入っています。 私もそうですが、テンプレート修正して使用しようと思っている方は、このソース邪魔だな…

WordPressでheaderにmetaタグやlinkなどが勝手に入ってしまいます。 便利なものもありますが、不必要な物もあります。 そういった場合は、フックという方法で無効化することができます。 そこで、今回は削除の…

上記のようなシンプルなタブ切り替えはjQueryのプラグインなしで簡単に実装できます。