wordpressの記事はデフォルトでは追加した順に並んでいきますが、あいうえお順にソートすることもできます。カスタムフィールドでふりがなを入力させ、それをもとにソートします。 PHP カスタムフィールドを使ってソートす…

pcでtelリンクのかかっているものをクリックするとポップアップが出てしまいますが、これをpc幅のときに起動させない方法です。簡単なものならcssメディアクエリで振り分けが可能です。 HTML CSS デモページ

Easy FancyBoxは主に画像等をポップアップできるlightbox系プラグインです。このプラグインの凄いところは画像だけではなく、inline要素やyoutube、iframe要素までも簡単にポップアップできるこ…

CSSだけで作れる、ページを読み込み時にふわっとさせるアニメーションです。コードをコピペするだけで簡単にふわっとできます。 CSS デモページ

wordressを入れたサイトで静的htmlを載せたい時がたまにあります。 そんな時にどこにhtmlファイルを入れればいいのか試しました。 まずthemesの中に入れてみたのですが、当たり前ですけどhtmlは認識しません…

PHPで作るメールフォームです。今回はデータベースには値をpostせず、入力されたデータをただメールで送信するだけのシンプルなもの。自信ないのであんまり使わない方がいいかも。またリベンジしたいです。※サーバーによっては動…

2016年6月22日以降に新たに制作されたサイトでGoogle Mapsを利用する場合は、APIキーが必須なっています。以前この時期にAdvanced Custom Fields(以下ACF)を使ってサイトを作ったクライ…

リキッドデザイン用に作ったナビゲーション。hoverすると子メニューが出現します。PC幅用のメニューです。隣接セレクタの”+”を使用して、.nav_list_innerをhoverしたとき、.na…