【WordPress】画像のカスタムフィールドをカテゴリ、タグ、カスタムタクソノミーで実装する方法【プラグインなし】 | webico blog
こんにちは、しばです。 最近WordPressで、カテゴリやタグ・カスタム分類に画像のカスタムフィールドを実装したいなぁと思い、色々調べる機会がありました。 情報は落ちてるは落ちてるんですが、どれもプラグインを使った方法ばかり(´・ω・｀) サイト全体でカスタムフィールドをバンバン使うならまだしも、その箇所しか使わない予定だったので、無闇にプラグインを増やしたくないなぁと思いプラグインを使わない実装方法を調べてみました。 functions.php 出力したいテンプレート この2箇所にコードを書くだけで対応できる方法をまとめたので、同じように困ってる方の参考になれば幸いです！ 実装イメージ まず、どういう時にこの「カテゴリやタグ、カスタム分類に画像のカスタムフィールドを実装」が必要になるかという例をあげてみます。 アーカイブ(一覧)ページの画像(又は背景)を、タームごとに変えたいという場合
[WordPress] Advanced Custom Fields で Google Map を使うときに取得しておくAPI - Qiita
[WordPress] Advanced Custom Fields で Google Map を使うときに取得しておくAPIWordPressGoogleMapsAPIadvancedcustomfields 前提として Advanced Custom Fields で Google Map の設定などができてる Google Maps のAPIが有料なのは知ってる 有料化に伴いAPIもあれこれ変わったらしく、以前から利用していたサイトで「APIが有効化されてない」と表示されたので、覚書。 APIキーをとるとき ※有料化に関してなんやかんや登録しないといけないことは割愛 1 Google Maps Platform から「使ってるみる」をクリック 2 Enable Google Maps Platform で Maps を選択して CONTINUE 3 Select a project
![[WordPress] Advanced Custom Fields で Google Map を使うときに取得しておくAPI - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c11bfa582010ad9e1f7104c24feff4b55cc2fc0d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV29yZFByZXNzJTVEJTIwQWR2YW5jZWQlMjBDdXN0b20lMjBGaWVsZHMlMjAlRTMlODElQTclMjBHb29nbGUlMjBNYXAlMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYlRTMlODElQTglRTMlODElOEQlRTMlODElQUIlRTUlOEYlOTYlRTUlQkUlOTclRTMlODElOTclRTMlODElQTYlRTMlODElOEElRTMlODElOEZBUEkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTgyMGJkOTYxMzdmMDBhMTQxNWI0YTNiZGEwZDMzZGJj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBnYXRlc3BhY2UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc1MDFhOGJlZDc5YmVhN2M3MTM0NGZjYzJmN2Y4OTM5%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OH44K444K_44Or44Kt44Ol44O844OWIChEaWdpdGFsQ3ViZSBDby4gTHRkLiAp%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D4912046bcf0d72c8e3af889b6b329a36)
meta_query高速化プラグイン作ってみました。 | アイティーエー株式会社
本プラグインを利用している方へお知らせです。 WordPress4.5にアップデートすると動作しない不具合がver.1.0.2に見つかりました。 アップデートの際は必ずプラグインを1.0.3へアップデートしてからWordPressをアップデートしてください。 とある案件で、投稿数が10万を軽く超え、カスタムフィールドテーブルの合計が1000万レコードに届くシステムを作ることになりました。 WordPressが適切かという意見はありそうですが、サイトなので、WordPressの強力な管理画面とプラグインを利用したかったわけです。 しかし、meta_queryが遅い！、1つのメタキーに条件をセットするだけで返ってくるのに1分かかります。これではサイトとして問題があるわけです。なぜ、遅いかというと、WordPressはカスタムフィールドの情報を1つのテーブルに縦に持っています（この表現で伝わって
Really Simple CSV Importerで繰り返しフィールドにデータをインポートする方法 | VIVA!TANACIO
ホームWordPressReally Simple CSV ImporterでWordPressのカスタムフィールド（Smart Custom Fields）の繰り返しフィールドにデータをインポートする方法 Really Simple CSV ImporterでWordPressのカスタムフィールド（Smart Custom Fields）の繰り返しフィールドにデータをインポートする方法 2022 2/25 カスタムフィールドのプラグインは Smart Custom Fields を使っています。 CSVをインポートするプラグインは Really Simple CSV Importer を使いました。 Smart Custom Fields は、繰り返しフィールドが使えるので大変重宝しているプラグインです。今回、カスタムフィールドの繰り返しフィールドをCSVで一括登録したく、インポートする
【WordPress】Smart Custom Fieldsの日付ピッカーに時間を追加する｜よみももも｜株式会社momomo（ももも）
Smart Custom Fieldsプラグインで使われている日付ピッカーって、jQuery ui Datepickerなんですね。 jQuery ui Datepickerって、通常は日付のみなのですが、Timepickerというアドオンがあって、この拡張機能を使うと、日付と一緒に時間も入力できるようになるんです！ Smart Custom Fieldsをカスタマイズして、Timepickerを入れて日付と時間を入力できるカスタムフィールドを作ろう！という試みです。 Timepickerを動かすのに必要なファイルをダウンロードする Adding a Timepicker to jQuery UI DatepickerのDownloadにある、Download Timepicker AddonからJSファイルを、required CSS.からCSSファイルをダウンロードしてきます。 これだ
Smart Custom Fieldsを触ってみた ｜ 名古屋でホームページ制作なら花のや
以前よりMW WP Formのカスタマイズをシリーズ化して色々やっておりましたが そのプラグインの作者様がカスタムフィールド管理のプラグインを公開しておりました。 Smart Custom Fieldsプラグインの特徴はデータの持ち方をwordpressの DB設計に準じた方法で持つようにしているという点です。 他にもシンプル軽量、繰り返しフィールドがデフォルトで利用できる等など。 詳しくは作者様のサイトで確認して下さい。 ぶっちゃけて言いますと、クライアントさんからすればどのようにデータを持ち回していようと それを意識しているわけではありませんので、ユーザーの使いやすさ最優先で今までは advanced custom fieldsを使用しておりましたが 確かにシリアライズ化して保存しているため、検索の際に無理やり部分一致で 取得したりと一部面倒だったり仕様に沿えない部分がありました。 こ
WordPress PHPでカスタムフィールドのラジオボタン・チェックボックス・セレクトボックスの項目を画像で表示する！
カスタムフィールドでチェクボックス・セレクトボックスを作りました。 しかし吐き出したデータはただ羅列しただけのテキストです。 「これじゃあ何だか味気ないや・・・」と思い、チェックした項目を画像で表示出来るように設定しました！ 格段にクオリティが上がりました。 ここにメモとして記します。 詳しくは続きを読むから。 チェックボックスの注意事項スタンダードなカスタムフィールドプラグイン「Advanced Custom Fields」はチェックボックスの項目をシリアライズしてデータベースに格納しています。 以下のPHPが使えない訳では無いのですが、ちょっとややこしかったのと、ある機能との兼ね合い(後日書きます)で僕はAdvanced Custom Fieldsの利用は控えました。 詳しくはこのサイトを見てください。 かわりに「Smart Custom Fields」を使用しました。 かなりシンプル
WordPressで日時を指定して予約削除／非公開するための３つの方法 - ソフプラント
2016.08.24 WordPressでは予約投稿という未来の日時を指定して記事を公開する機能がありますが、予約非公開や予約削除という機能はありません。 ブログを書いている人の立場からすれば、公開は予約しても、非公開は手動で十分という事なのでしょう。しかし、企業やサービスを提供している人がホームページを運営する時は、ある一定期間だけ公開して、あとは見れないようにしたい事があります。例えば・・・ 申し込み期限のある入力受付フォーム 期間限定のイベント告知 ある期間だけユーザーの行動を計測するABテストのような実験ページ 時間が来た時に手動で非公開にしてもよいのですが、期限が深夜だったり、対応すべきページがたくさんあったりした時にとても大変ですね。 この記事ではまずテーマファイルに少し追加するだけで、予約削除ができるカスタマイズ方法、次にプラグインで解決する方法、さらに、本格的に複雑な動作を
WordPress のカスタムフィールドを使って記事に自動でシリアル番号を振る | バシャログ。
メリークリスマス。今年のベスト映画は『キカイダーREBOOT』…と半年くらい思っていましたがここにきて『ベイマックス』にやられてしまっている kagata です。 WordPress で記事を一覧表示する際に、その記事が全体の何番目かを示す番号を振ってほしいという要望を受けることがたまにあります。細かい要件によっていろいろ考えられる実装方法のうち、ここではカスタムフィールドに番号を保持するアイディアをご紹介します。 カスタムフィールドというと管理画面に入力欄があるものを想像しがちですが、今回は入力欄を作らず記事投稿時に自動でデータを登録するようにしています。シリアル番号以外にも、アイディアしだいでいろんな使い方ができそうです。 シリアル番号の要件 今回実装するシリアル番号はおおよそこんな感じのものです： ある投稿タイプの記事に、新規投稿された順に1から番号を振っていく 途中で記事を削除した
Advanced Custom Fieldsで、googleマップ表示から、住所だけでmapで開くリンク取得までやっちゃう | 株式会社カンマン
さらには、今回は「Advanced Custom Fields」連動で、もろもろ簡略化しちゃおう！という話しなので、カスタムフィールドでもろもろやっちゃいたい人は、導入だけいろいろコードをコピペしなければいけませんが、あとあと楽なのでオススメです。 Advanced Custom Fieldsで、googleマップ表示まで 使えば使うほど万能感を味わえる「Advanced Custom Fields」ですが、実は選択できるフィールドタイプのなかに「Google Map」があります。 何も考えずに有効化して、投稿画面を開くと、、 GUI付きで地図がどんと。 試しに住所とか、固有名詞とか、そういうので検索してみると、ちゃんと地図上でどこが表示されるか確認出来てしまう。 なんだこれ、もう既にカンタンに地図表示できそうじゃないか。 ともあれ、使い方はオフィシャルのドキュメントをよく読んで、サンプル
カスタムフィールド定義のデプロイ問題を解決する Advanced Custom Fields の Local/Synchronized JSON | Shinichi Nishikawa's
カスタムフィールド定義のデプロイ問題を解決する Advanced Custom Fields の Local/Synchronized JSON カスタムフィールド製造業界のみな様、こんにちは！ 「ACF ってすっごく便利なのだけど、フィールドの定義情報をデプロイするのが面倒くさい問題」が解決できる機能が、ちょっと前から追加されていたようです。 Advanced Custom Fields の、フィールドの定義情報を json 形式で保存でき、また、それをテーマに含めることができるというドキュメントにばったりと出会ってしまいました。みなさん知ってて僕だけが知らなかったのだとしたら、すみません。 簡単に言いますと、 ACF のフィールドグループを管理画面を使って定義すると、 テーマ内に json が生成されて、 git で管理できるし、 デプロイも簡単で、 json からデータベースへの逆
Custom Field Templateプラグインでajaxzip3を使う - Show-web
進めている案件で使うかもしれないのでメモです。（既にありそうなネタだけど） カスタムフィールド拡張プラグイン Custom Field Template と郵便番号検索API ajaxzip3 を使って、投稿のカスタムフィールドに郵便番号を入力したら住所が出るようにします。 それぞれの詳しい使い方については本家を参照下さい。 カスタムフィールドコンテンツ登録 “設定 > カスタムフィールドテンプレート”のコンテンツ部分に以下を記述します。 [zipcode] type = text size = 10 label = 郵便番号 [pref] type = text size = 10 label = 都道府県 [addr] type = text size = 50 label = 市町村区 投稿に郵便番号・都道府県・市町村区の入力欄が表示されました。 郵便番号を入力したら自動的に都道府県
郵便番号入力で住所自動入力するシンプルな Javascript
今回はレアな情報ではありませんが、お問い合わせフォームなどで郵便番号を入力すると住所を自動入力してくれるjavascriptです。 Javascript スクリプトの実行にはjQueryが必要です。 <script type="text/javascript"> jQuery(function($){ // 郵便番号入力による住所自動入力 $('#zipcode').change(function(){ var zip = $(this).val(); var url = 'http://api.zipaddress.net?callback=?'; var query = {'zipcode': zip}; $.getJSON(url, query, function(json){ /* json.pref 都道府県の取得 * json.address 市区町村の取得 * json.fu
MW WP Form にカスタムフィールドの値を入れたい
お世話になります。 MW WP Formをsingle.phpに組み込んで使用しています。 イベント関係のページを複数作っており、それぞれのページのカスタムフィールドに入力された「開催場所」「開催日」「開催時間」などや、そのページが属しているターム名などといったデータをあらかじめテキストフィールドやhiddenフィールドに入れたいのですが、やり方がよくわかりません。 前のページから投稿データを引っ張ってくる、というのはいくつか見かけたのですが、同じページ内というのは探しきれなくて質問してみました。どうぞよろしくお願いします。 「URL引数を有効にする」が無効になっている場合は、{post_title} などとしたときに、そのページの投稿情報が取得されます。従って、そのページのカスタムフィールドの情報を埋め込みたいときも同様で、hiddenフィールドのvalueにカスタムフィールド名を埋めこ
Google Maps API | WordPressとプラグインを使ってお店紹介サイトを作る方法
WordPressと便利なプラグイン＆APIを使いお店紹介サイト（東池袋「カレーマップ」のようなサイト）を構築する方法全部教えます！！ Google Maps APIは沢山のサイトでも利用されていて、今更説明の必要もないくらいメジャーなものですが、物凄くシンプルに書くと「Googleマップを活用できるAPI」となります。 詳細をグダグダ書いてもわかりにくくなるし、Google Maps APIの詳細は（これも）色んなところで書かれていますから、参考サイトを最後に紹介するにとどめてここでは実際に運用しているソースコードを中心に紹介していきます。 Google Maps API 目次 準備編 トップページも個別ページも共通になっているのが、ヘッダーへの記述になります。これがないといくら頑張っても表示されませんよ、、 といってもそんなに大変ではなく、次のものをheader.phpのscript
WordPressのカスタムフィールドの値を使用してカスタムフィールドに値を登録する | com4tis
WordPressのカスタムフィールドの値を使用してカスタムフィールドに値を登録する方法です。 今回は、カスタムフィールドに住所の値を登録すると緯度経度の情報をカスタムフィールドに登録するようなものを作成します。 WordPressのカスタムフィールドの住所から緯度経度を登録するためには、 WordPressのカスタムフィールドから住所を取得 取得した値(住所)からカスタムフィールドに登録 WordPressのカスタムフィールドに登録 と、いうような流れになります。 WordPressのカスタムフィールドから住所を取得 WordPressのカスタムフィールドから住所を取得する方法です。 今回は、保存した際に自動的に緯度経度を登録していきたいので、保存のタイミングでカスタムフィールドから値を取得します。 WordPressのタイミングとして、フックというものがあります。このフックに引っ掛けて
WordPress備忘ログ » Blog Archive » カスタムフィールドの記事内での表示方法
カスタムフィールドの基本的な使い方は、WordPress公式ドキュメントを参照 記事中に全てのカスタムフィールドのメタデータを表示する場合は、WordPressループ内に <?php the_meta(); ?> を記述すれば、順不同リスト形式で表示できます。 特定キーのメタデータのみを表示したい場合は get_post_meta() 関数を使い <?php echo get_post_meta($post->ID,'公開希望日',TRUE); ?> でループ内に表示できます。 指定するキーは日本語もOKです。 ひとつのキーに対して、複数のメタデータがある場合、上述だと表示出来ないので、その方法を。 $single が TRUE だと、一つ目のメタデータのみしか文字列で取得出来ないので、FALSEを指定するんですが、この場合配列で返ってきます。この配列要素を文字列で連結するため imp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RSSフィードのタイトルをカスタムフィールドで設定したtitleに変更 | 愚者の紋章 -The Fool-
Loading...
Advanced Custom Fieldsを使って住所を入力するだけでGoogleマップを表示するようにする方法
