公式見てて、ずっと欲しいなー欲しいなーと思いつつ、ただ買わなくても実現できる案件しかなかったので我慢してたけど、ついに Advanced Custom Fields PRO が必要な案件が来た！ ということで速攻買いまし… 続きを読む Advanced Custom Fields PROで、オプションページを作ってみた
ワードプレス（WordPress）の設定ページを作成する
本当であればClassを使ったりした方がいいんだろうけど、ちょっとまだPHPに詳しくないのでfunctions.phpに書いてなるべくカンタンに分かりやすく作れる最低限のものを書いてみる。 正直まだちょっとよく分からない… 続きを読む ワードプレス（WordPress）の設定ページを作成する
1行で jQuery toggle する！
色々未検証です。 たとえばフォームとかで、 「男性 or 女性」のラジオボタン選んで、それに応じてその後の項目を出し分けるなど。 普通に書くと下記のようになりますかね。 [crayon-680b7e0d57c740226… 続きを読む 1行で jQuery toggle する！
最低限の機能を備えたメールフォームを作ってみたい【願望】パート２
前回：最低限の機能を備えたメールフォームを作ってみたい【願望】 前回は「入力」⇒「確認」⇒「完了」の流れを作りました。 次は、POSTされる情報と、name値について。 ■STEP1 まずは超基本的なことですが、name… 続きを読む 最低限の機能を備えたメールフォームを作ってみたい【願望】パート２
最低限の機能を備えたメールフォームを作ってみたい【願望】
色々なメールフォームプログラムは、 無料でもあるし、有料でも簡単に使えるものなど沢山ありますが 様々な場面を考慮し、かつ簡単に作れるようにするため、案件ごとで見れば不必要なプログラムまで内包しているものです。 そのせいで… 続きを読む 最低限の機能を備えたメールフォームを作ってみたい【願望】
datepickerの特定のオプションのみを変更する
もろもろdatepickerの設定をして出力して たとえばセレクトボックス切り替えたら それに応じて特定のオプションのみを変更する方法。 まあ公式のページでもやってることなので大したものじゃないんですが、クライアントにふ… 続きを読む datepickerの特定のオプションのみを変更する
要素を一定範囲のみでスクロールさせるjs
サイドバーなどを追従させる時ヘッダーやフッターにかぶってしまうのを制御したかったのでやってみました。 完成デモ まず基本的なhtmlとcss
|
1 2 3 4 5 6 7 8 9 10 |
<div id="header"> header </div> <div id="main"> main </div> <div id="footer"> footer </div> <a href="" class="fixed">要素</a> |
[crayo… 続きを読む 要素を一定範囲のみでスクロールさせるjs
htaccessによるデバイス振り分け
ある案件で全ページ切り替えたいというのがあったので… スマホ→PC でも スマホ←PC でもいけるようにするイメージです。 そのHPは元々トップページのみjsで切り替えてたんですが、それだとスマホのURL(/… 続きを読む htaccessによるデバイス振り分け
iPhoneでもスムーズに、一定量スクロールしたら追従固定になるグローバルメニューを実装する
最終的な一応の完成コーディング例 DEMO よくある、グローバルメニューがウインドウの上部に来たら追従固定になるようなものを実装します。 コーディング例１ DEMO 1 [crayon-680b7e0d58… 続きを読む iPhoneでもスムーズに、一定量スクロールしたら追従固定になるグローバルメニューを実装する
PCもスマホも同一URLで表示する方法
1ページ完結のLPでしか試してないので 備忘録程度に書いておきますが、 htaccessで表示を切り替える方法です。 demo サイトの構成
|
1 2 3 4 |
ドメイン直下 ├ index.html (PCサイト) └ sp └ index.html (SPサイト) |
上記の構成で… 続きを読む PCもスマホも同一URLで表示する方法