サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
世界禁煙デー
whitewood-hp.com
ワードプレスでカスタムフィールドの作成にAdvanced Custom Fields(以下ACF)を使用している方は多いと思います。長ったらしいカスタムフィールドのコードを書かずに済む、とっても便利なプラグインですよね。 選択タイプのカスタムフィールド(セレクトボックス・ラジオボタン・チェックボックス)に、ACFのフィールド作成画面から直接選択肢を設定するのではなく、変数などを入れたいと思った事はないでしょうか。 今回は、ACFの選択系フィールドに変数などを取り込んで、選択肢を動的に設定する方法です。 今回やりたい事 ちょっと伝わりづらいかもしれませんので書いておきますが、今回やりたい事は以下のような事です。 たとえば、サッカー教室のサイトがあったとします。 カスタム投稿タイプ「教室」と、カスタム投稿タイプ「先生」があります。 「教室」の編集画面に「担当の先生」というセレクトボックスを作り
今回は久しぶりにコンタクトフォーム7についてのお話です。 普通に「お問い合わせフォーム」として使う場合、あらかじめ用意した入力枠や選択肢で事足ります。 しかし、「応募フォーム」だったり「お見積りフォーム」だったり、フォームの用途は様々です。場合によっては、フォームページへ移動してくる前の「遷移元」のページに合わせて、テキストフィールドのデフォルトの入力内容やチェックボックスなどの選択肢を動的に設定したい事も多いものです。ページごとに1つずつフォームを作成していくなんてナンセンスです!ありえません。 という事で今回は、コンタクトフォーム7の「デフォルトの入力内容」や「メール送信先」、「ラジオボタンなどの選択肢」など、さまざまな内容を遷移元のページに合わせて動的に設定する方法です。 遷移元のページからフォームページに情報を渡す ベースとなる1つのフォームを使用して、選択肢やメールの送信先を動的
CSS初心者の方が「サイズがバラバラの写真をトリミングして縦横比を揃えて綺麗に表示したい」と思った時に、「CSS 画像トリミング」なんてググると 、まず出てくるのが”object-fit”ではないでしょうか。たった1~2行ほどのコードを書き加えるだけで画像が綺麗にトリミングされます。「おおーっ!」って感じですよね。 しかし残念ながら”object-fit”は、IEでサポートされていません。IEはもう更新されませんから、ユーザーが居なくなるまでは実務では使いづらいところです。IEでも使用できるようにするスクリプトも出回っていますが、「面倒くさくて、そんなもん入れたくない」という人も多いでしょう。そこで、今回は”object-fit”やjavascriptを使用せずに、CSSだけで画像を特定の縦横比にトリミングする方法を書いてみたいと思います。縦横比に合わせるので、レスポンシブレイアウトでも問
WordPressでカスタムフィールドを簡単に作成して管理できるプラグインといえば、Advanced Custom Fields(アドバンスド カスタムフィールズ)じゃないでしょうか。個人的にはWordPressの標準機能にして欲しいくらいです。 そんな私のお気に入りのAdvanced Custom Fieldsですが、以前からカスタムフィールドの表示位置が思い通りに動かせなくなる事が、たま~にありました。その都度「あれ?バグかな?」なんて思って、適当にやり過ごしてきたのですが、ちょっと今回はそうもいかず、ちゃんと直してみました。 同じ状況の方がいましたら、簡単に直せますのでやってみて下さい。 位置を変更しても反映されない Advanced Custom Fieldsには、オプションに「位置」という項目があり、作成したカスタムフィールドの表示位置を変更できるようになっています。 この記事を
コンタクトフォーム7で一番よくやる(やれと言われる)カスタマイズの1つが、郵便番号からの住所自動入力ではないかと思います。 前置きが短めですが、今回は郵便番号を入力すると住所が勝手に表示されるようにカスタマイズしてみたいと思います。 2020-05-26 都道府県の入力欄にセレクトボックス(ドロップダウン)を使用する方法を追記しました。 郵便番号ライブラリの読み込み 今回はYubinBangoライブラリを利用します。以前はajaxzip3をよく使いましたが、YubinBangoライブラリの前身がajaxzip3というような立ち位置です。名前はダサめですが、こっちの方が新しいのです。。 読み込みは基本的に、下のコードを使用中のテーマのfunctions.phpに貼り付ければOKです。もし最終行に、?>が記述されていたら、その前の行に貼り付けます。 wp_enqueue_script('yub
このページを最初にブックマークしてみませんか?
『whitewood-hp.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く