WordPress プラグイン ACF の機能の１つ、繰り返しフィールド（Repeater Field、以下リピーターフィールド）の表示方法を紹介します。 例えば、カスタムフィールドを繰り返し入力したいときに便利な機能です。 表示方法と合わせて、値を取得する際に間違いやすい点や、対処方法や便利な使い方を紹介します。 リピーターフィールドとは？ リピーターフィールドの表示方法 基本的な表示方法 入力が無い場合の処理 リピーターフィールドと有料機能のオプションページを使った場合の表示方法 注意点 foreach を使った基本的なループの表示方法（PHP foreach loop） foreach で最初と最後を判断して処理する方法 配列の順番を逆にする方法 リピーターフィールドを入れ子にした場合の表示方法 表示結果をランダムにする方法 フィールド値をリセットする方法 配列の数を取得する方法 よ

現在表示しているページのカスタム投稿名を表示 <?php $gpt=get_post_type(); ?> <?php echo $gpt; ?> タクソノミーで条件分岐（アーカイブページの時） <?php if(is_tax('fruit_cat', 'apple')): ?> // <?php endif; ?> タクソノミーで条件分岐（アーカイブページの時）（タームが複数ある時） <?php if(is_tax('fruit_cat', array('apple','orange'))): ?> // <?php endif; ?> 現在表示しているページのカスタム投稿名（英語）※最後に［_cat］を付属している <?php $cat=(get_post_type_object(get_post_type())->name).'_cat'; ?> <?php wp_list_cate

カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた（つもりな）のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ

WordPress（ワードプレス）のプラグインのひとつに「Advanced Custom Fields」というカスタム系のプラグインがあります。 投稿の入力項目をカスタマイズでき、とても使い勝手の良いプラグインです。 私自身も頻繁に使用する機会があります。 今回はカスタムフィールドの入力の有無を判別し、未入力の場合は項目ごと非表示にさせる備忘録です。

イベント管理ができる WordPress 用プラグインの紹介です。 それは「Modern Events Calendar Lite」です。 その導入手順から日本語化・使い方と設定などを解説していきます。 Modern Events Calendar Lite は、イベント管理とイベントのカレンダー表示ができます。 Modern Events Calendar Lite の主な特徴は、以下のとおりです。 イベントとショートコードの新規作成は、ウィザード形式によるクイック作成も可能イベント登録は管理者だけでなく、ユーザーがフロントエンドから登録可能１回限りのイベントだけでなく定期開催イベントの登録も可能時間指定のイベントだけでなく、終日開催のイベントも登録可各イベントをカテゴリー・タグ・ラベル・イベントカラーで分類可イベントには、会場と主催者（複数の主催者を指定可）を登録可オプションで演者・登

2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を

WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し

ホーム技術ブログ簡単に会員制サイトを作れるWordpressプラグイン「Simple Membership Plugin」を試してみた 技術ブログ 2020年12月13日 [WordPress][プラグイン] 簡単に会員制サイトを作れるWordPressプラグイン「Simple Membership Plugin」を試してみた 最近立て続けにWordPressを使った会員制サイトの話があり、いくつかプラグインを試してみた結果、「Simple Membership Plugin」がいいかな（2020年12月現在）、ということになったので試しに導入してみました。 Wordpressで会員制サイトを作る際のポイント ひとくちに”会員制サイト”といっても、要件はそれぞれ異なるでしょう。 まずは要件をしっかり洗い出し、それに適したプラグインを選ぶようにしましょう。 例えば有料会員が必要な場合や会員同

CSSやJavaScriptの読み込みはSTYLEタグやSCRIPTタグをheader.phpなどに直接書くこともできますが、WordPressではfunctions.phpでwp_enqueue_style()、wp_enqueue_script()をアクションフックを使って読み込むことが推奨されています。wp_enqueue_style()やwp_enqueue_script()を利用する利点として、CSSやJavaScriptの重複読み込みを回避できたり、functions.php内で一元管理できることなどが挙げられます。 ファイルをキューに登録する関数 wp_enqueue_style() – CSSファイルをキューに登録wp_enqueue_scripts() – JavaScriptファイルをキューに登録 wp_enqueue_script関数 wp_enqueue_scrip

Result SVG等を使わず、純粋にCSSだけで白抜き文字を作る、みたいなやつ 縁取りだけならtext-shadowやtext-strokeで済みますが上のデモのような白抜き文字だとSVGが主流になっていると思います SVGが使えないケースはblend-modeより少ないと思いますが選択肢があると良いなという事で メリットはコード書くのが楽、デメリットはblend-modeな点でしょうか css.label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 8px 25px; border-radius: 35px; font-size:2.5rem; font-weight: bold; } .label.style { background: #fff; colo

どうも、Dスケです。 ブログを書くうえで、写真や図版を使って分かりやすく説明すると、読む人にも伝わりやすく、文字ばかりの記事よりも楽しく読んでもらえて良いですよね。 ただ、画像を挿入する際に、「アップする画像のサイズは調整した方がよいのか？」「このサイズで読む人はちゃんと画像が見えているのか？」など、悩むことはありませんか？ 数枚だけ使用する記事なら都度サイズ調整してもよいかもしれませんが、10枚以上になってくるとさすがにシンプルな作業で工数を減らしたい。。。 そんなときに使ってほしいWordPressのプラグイン、「WP jQuery Lightbox」をご紹介します！ WordPressで画像アップロードの際に気になること 「WP jQuery Lightbox」を紹介するその前に、日頃WordPressでブログに画像をアップロードする際に、個人的に気になっていることを書き出してみたい

JavaScriptでのGutenbergのブロック作成の知識がなくても「Block Lab」を使えば簡単に作成できるので、サクッとオリジナルなブロックを作りたい方はぜひ使ってみてください！ #wctokyoで教えてもらった「Block Lab」が凄い…！ コード書けなくても管理画面からブロック作り放題です。 使い方のイメージ的には「Advanced Custom Fields」のブロック版みたいな！ pic.twitter.com/BceRc089If — はにわまん (@haniwa008) November 4, 2019 Block Labのインストール プラグイン → 新規追加 → キーワード「Block Lab」 → 今すぐインストール → 有効化 インストールされると左側に「Block Lab」のメニューが登場します。 Block Labの使い方 「Example Block

こんにちは！フリーランスエンジニアののせっち@nosecchi01です。 ワードプレスのサムネイル（アイキャッチ）をbackground-imageで使う方法をご紹介します。 コードをコピペするだけなのなら一瞬で終了します。 というわけで、早速コードを紹介 $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); echo '<div style="background-image: url('. $url.')"></div>'; the_post_thumbnailは<img>タグを返しますが、どうしてもbackgroundでいきたいときがありますよね。 →urlを取得してあげればOKです。$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID)

不動産専門ホームページ制作会社で働くエンジニアのブログです。日々、業務の中で得られた知識や技術、時々はプライベートなネタも投稿していきます。 menu アイキャッチ画像を表示、取得できる関数WordPressのアイキャッチ画像をユーザー側に表示したり取得できる関数をまとめました。 URLのみを取得したい場合やimgタグ付きで出力したい場合など、 案件によって処理が異なる場合も多々あります。 良ければ、こちらの記事を参考にしてみて下さい。 因みに、 アイキャッチを扱う場合には以下の様な関数が用意されています。 the_post_thumbnail() get_the_post_thumbnail() the_post_thumbnail_url() get_the_post_thumbnail_url() wp_get_attachment_image_src() the_post_thum

ACF テキストフィールド <?php the_field('text'); ?> ACF テキストエリア <?php the_field('textarea'); ?> ACF ラジオボタン <?php // vars $field = get_field_object('color'); $value = $field['value']; $label = $field['choices'][ $value ]; ?> <p>Color: <span class="color-<?php echo $value; ?>"><?php echo $label; ?></span></p> ラジオボタンによる分岐 <?php if( get_field('ラジオボタンのフィールド名') == "選択肢名1"): ?> <p>処理1</p> <?php elseif( get_field('

ベイジでエンジニアをしている野村です。 ベイジには2012年の新年ともに入社し、WordPressやMovable TypeなどのCMSのカスタマイズなど、サーバーサイドの開発を中心に行っています。今後もそのあたりの情報を発信していきたいと思います。 今回は、WordPressについて。 WordPressはブログシステムというより、もはやCMSといっていいでしょう。インストールなどの設定も簡単、自由にカスタマイズできるプラグインやデザインテーマも豊富、何よりオープンソースで無償、ということで世界中で広く使われています。 このように数多くのメリットがあり、コストパフォーマンスが非常に高いWordPressですが、最近、セキュリティ上の問題を理由に、WordPressの使用を禁止している企業にしばしば出会います。 確かにWordPressは特別セキュアなCMSではありませんが、他の多くのCM

DISCLAIMER: This article is more than a year old and may not be current. はじめに 先ずはじめに、 導入するにあたり gutenberg-examples (カスタムブロック) のフォルダーで作業する事を 前提としてお話していく事とします。 https://neco913.kirara.st/post-3485/ ブロックごとにスタイルを追加する ↑画像のように プレビュー機能もあり、 使いやすくなっています。 ブロックスタイルの追加方法 まず、 カスタマイズするためのファイルを 読み込む記述をします。 gutenberg-examples/index.php に 以下のコードを書きます。 // スタイルセレクト機能 script function style_editor($hook) { wp_enqueue_sc

スパム対策のreCAPTCHA v3をWordPressに導入するならプラグインが簡単で便利 2019年4月24日 最終更新日:2019年7月26日 ボットによる入力フォームのスパム防止対策として使われているGoogleのreCAPTCHAですが、v3になってから大幅にユーザビリティが向上し、導入するウェブサイトが増えています。 今回はGoogleのreCAPTCHA v3の登録手順とWordPressに簡単に導入できるプラグインInvisible reCaptcha for WordPressの設定方法をご紹介します。 GoogleのreCAPTCHA v3とv2の違いGoogleのreCAPTCHA v2では、ユーザーが画像の中から「信号機」、「お店」、「車」などをチェックするといった面倒な方法が採用されていて、中には微妙な画像が含まれてイライラさせることも度々ありました。 しかし、バ