kokusyo

WordPressでカテゴリ一覧を表示することは多いです。サイドバーに設置したり、セレクトボックスに使用するなど様々な場所で使用することになります。 カテゴリ一覧、またカスタムタクソノミーの一覧を表示 ...

画像にマウスホバーした際に、まるで拡大鏡のようなアニメーションをつけるプラグインやライブラリなどはいくつか存在しますが、今回は私が半年くらい前になんとなく作成した画像Zoom機能のJSを紹介します。 ...

コーディングでアイコンを使用するといえば、最も有名なのは、Font Awesomeではないでしょうか？でも、手順通りにやっているはずなのにアイコンが表示されない。。。もしくは、↓の画像のよう ...

コーディングをデザイン通りに行い、レスポンシブになってるか確認しますよね。デザイン幅では、ぴったりでもいざ画面の幅を小さくすると、ビミョ～なところで改行されたりしませんか？ 私は、画面幅の狭いiPho ...

Local（Local by Flywheel)とは、ナンバーワンのローカルWordPress開発ツール（公式調べ）です。

面倒なサーバー周りの知識がなくても自分のパソコンに簡単にWordPress作成の環境を整えてくれます。

そんなLocalのインストール方法と使用方法を分かりやすく解説致します。

皆さんは、headタグの中に「noindex」という表記を見たことがありますか？
noindexは適切に使うことでサイトのSEO評価を高めることができます。
記述方法とどのような時に使用するかを解説致します。

これまでアコーディオンを作る際は、jQueryなどのslideToggle()を使って作成することが多かったのではないでしょうか？

ですが、IEのサポートが終了し、大手を振って使えるようになったタグの中にdetailsとsummaryタグがあります。

この二つのタグでアコーディオンを作ってみましょう

Wordpressのプラグインは便利な機能ですが、なかにはプラグイン同士がお互いの機能を邪魔したり、時にはエラーを引き起こしてしまったりなどの問題が発生することがあります。
もしエラーになって管理画面すら開けなくなった場合はあせらずここに書いてある内容を実践してみましょう。

最後の要素や何番目の要素にだけスタイルを当てたい 時に便利なlast-of-typeやntn-of-typeなどの疑似クラス。 last-of-typeで最後の要素にだけmarginを当てるぞ～と思ってcssに書いても何故か機能しない。 今回はそんなlast-of-typeが効かない原因と対策を考えたいと思います。

googleマップをサイトに埋め込む機会は結構多いです。

特にアクセスページなどに設置しているサイトなど多いのではないでしょうか？

googleMapが出来る前などは、画像の地図なんかを埋め込んでたことを考えると凄く便利になりました。

今回はそんなgoogleMapをサイトに埋め込む方法を解説します。