Ultimate Member 2.7.0がリリースされました

<p class="wp-block-paragraph">WordPress向けメンバーシッププラグインであるUltimate Memberの2.7.0がリリースされました。</p> <p class="wp-block-paragraph">2023年3月以来、半年ぶりのマイナーバージョンアップです。</p> <p class="wp-block-paragraph">機能拡張やバグフィックス、非推奨機能のなかから、機能拡張を一緒に見てみましょう。</p> <div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-pale-cyan-blue-color is-style-vk_borderBox-style-solid-kado-tit-tab"><div class="vk_borderBox_title_container has-background has-pale-cyan-blue-background-color"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-1f6fe9cc-dc87-435d-8799-b779515a13d3">この記事は次のような方にお勧めです</h4></div><div class="vk_borderBox_body"> <ul class="wp-block-list"> <li>Ultimate Memberで会員サイトやマッチングサイトを構築している開発者</li> </ul> </div></div> <div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><input type="checkbox" id="chck-toc-u61bbtds"/><label class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" for="chck-toc-u61bbtds" id="vk-tab-label-toc-u61bbtds">CLOSE</label><ul class="vk_tableOfContents_list tab_content-open"> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-47ff95cc-ca70-47e4-9db4-d5a9bf1ab96e" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">1. </span> Ultimate Member 2.7.0 機能拡張 </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-d26921a3-4de6-4355-902f-d7b64515fa48" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">2. </span> サイトヘルスセクションの追加 </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-b8a38ffa-0860-47de-9385-a78f501d7159" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">3. </span> ユーザプロファイルURLにハッシュ値やメタデータを設定できる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-900994c5-1d42-4d39-a4f1-4ef3c6a42fa9" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">4. </span> ユーザプロファイルにoEmbedフィールドが使えるようになった </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3"> <a href="#vk-htags-f351e5ed-5ab5-471d-92b3-dd12c05ebbb7" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span> oEmbedとは </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4"> <a href="#vk-htags-f68a1901-d482-423b-ba1b-f7cc5fbcc643" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">4.1.1. </span> oEmbedフィールドをプロフィールに追加する </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4"> <a href="#vk-htags-032c6976-393b-498f-8e62-d41638851903" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">4.1.2. </span> oEmbedフィールドにURLを指定してみる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-517223e5-f20f-4c57-9a02-53ff99eb2e28" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">5. </span> 2.6.8以上のバージョンに直ちにアップデートすること </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-db6b2eeb-a358-4e7e-b5b7-6913b1bd9bbc" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">6. </span> まとめ </a> </li> </ul></div></div> <h2 class="wp-block-heading" id="vk-htags-47ff95cc-ca70-47e4-9db4-d5a9bf1ab96e">Ultimate Member 2.7.0 機能拡張</h2> <p class="wp-block-paragraph">機能拡張された項目は以下のとおりです。</p> <div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-luminous-vivid-orange-color is-style-vk_borderBox-style-solid-kado-tit-onborder"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-07a1ba8c-70e0-4bcf-8588-9dff5723d4f5">Ultimate Member 2.7.0 機能拡張</h4></div><div class="vk_borderBox_body"> <ul class="wp-block-list is-style-vk-check-mark"> <li>Added: Site Health sections　<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">★ピックアップ</mark></strong></li> <li>Added: oEmbed field type <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">★ピックアップ</mark></strong></li> <li>Added: YouTube field type supports YouTube Shorts links</li> <li>Added: Profile permalink base options: Unique hash, Custom usermeta <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">★ピックアップ</mark></strong></li> <li>Added: UM Form meta um_form_version for legacy support in the future</li> <li>Added: Setting “Deleting user comments after deleting a user” for WordPress native logic workaround</li> <li>Added: aria-invalid and aria-errormessage attributes to the fields on UM Forms</li> <li>Updated: Structure for enqueue assets PHP classes</li> <li>Updated: Hooks Documentation v2</li> </ul> </div></div> <p class="wp-block-paragraph">WordPressのサイトヘルスセクション対応や、ユーザプロフィールのパーマネントリンクのオプション追加、ユーザ削除後のユーザコメント削除など、比較的に地味めな拡張が多いですね。</p> <p class="wp-block-paragraph">バージョン2.7.0では劇的な機能拡張が行われてはいませんが、面白そうな機能追加をいくつかピックアップします。</p> <h2 class="wp-block-heading" id="vk-htags-d26921a3-4de6-4355-902f-d7b64515fa48">サイトヘルスセクションの追加</h2> <p class="wp-block-paragraph">2.7.0バージョンからUltimate Memberのサイトヘルスセクションが追加されました。</p> <p class="wp-block-paragraph">これにより、WordPressサイトヘルスの情報タブでUltimate Memberの情報が参照できます。</p> <p class="wp-block-paragraph">サイトヘルス内で確認できることで、何か運用が変わるわけじゃないんですけどね...</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/b178aa57f7a3ee1344a733641aad1cea.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/b178aa57f7a3ee1344a733641aad1cea.png" alt="" class="wp-image-689" style="aspect-ratio:1.352755905511811;width:661px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">なお、Ultimate Memberのサイトヘルスセクションで確認できる内容は、全てUltimate Memberの設定で確認できる内容と同じです。サイト状態の健康に関して、2.7.0バージョンから何か寄与するわけではないのでご注意ください。</p> <h2 class="wp-block-heading" id="vk-htags-b8a38ffa-0860-47de-9385-a78f501d7159">ユーザプロファイルURLにハッシュ値やメタデータを設定できる</h2> <p class="wp-block-paragraph">2.7.0バージョンから、ユーザのプロファイルページのURLに、ハッシュ値や独自のメタデータを設定できるようになりました。</p> <p class="wp-block-paragraph"></p> <figure class="wp-block-image size-full"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/adc26db41b9b5d8a196777db8478f1b5.png" alt="" class="wp-image-691"/></figure> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">既存機能ではユーザIDやユーザ名をURLが使えましたが、</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-think vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://wakatchi.dev/wp-content/uploads/2022/07/wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name">わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color vk_balloon_content_fullwidth"><span class="vk_balloon_content_before "></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">ユーザIDはWordPressでユーザを追加するたびにカウントアップされる数字なので、URLに使うのはなんか気持ち悪い...</p> </div></div></div> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-think vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://wakatchi.dev/wp-content/uploads/2022/07/wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name">わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color vk_balloon_content_fullwidth"><span class="vk_balloon_content_before "></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">ユーザ名をログイン時のIDとして使ってる場合はメールアドレスのような文字列がURLになるので、なんか気持ち悪い....</p> </div></div></div> <p class="wp-block-paragraph">というのがありました。</p> <p class="wp-block-paragraph">またUltimate memberが公開している、ユーザにユニークなIDを付与する方法もありますが、いまいち手間だな、という思いもあります。</p> <div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e37897db wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><h5 class="wp-block-vk-blocks-blog-card-title"><a href="https://docs.ultimatemember.com/article/1683-how-to-generate-a-unique-account-id" target="_self" >How to Generate a Unique Account ID - Ultimate Member</a></h5></div> </div> </div> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">なので、ハッシュ値でURLを公開できるのは、なかなか良いと思います。</p> <h2 class="wp-block-heading" id="vk-htags-900994c5-1d42-4d39-a4f1-4ef3c6a42fa9">ユーザプロファイルにoEmbedフィールドが使えるようになった</h2> <p class="wp-block-paragraph">2.7.0バージョンから、oEmbedのフィールドをユーザプロファイルに追加できるようになりました。</p> <p class="wp-block-paragraph">oEmbedフィールドが使えることで、従来からあったYoutubeやX（旧Twitter）の埋め込みはもちろん、oEmbedに対応したブログサイトなどのリッチコンテンツも簡単に組み込めるようになりました。</p> <h3 class="wp-block-heading" id="vk-htags-f351e5ed-5ab5-471d-92b3-dd12c05ebbb7">oEmbedとは</h3> <p class="wp-block-paragraph"><strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">oEmbedとは、サードパーティのWebサイトにURLの埋め込み表現を可能にする形式</span></strong>です。oEmbedに対応したURL（リソースへのリンク）を設定すると、そのリソースを直接解析することなく、Webサイトに写真やビデオなどの埋め込みコンテンツを表示できます。</p> <p class="wp-block-paragraph">そういえば、Advanced Custom FieldsはoEmbedフィールドに対応済みだったので、Ultimate Memberとしても、遅ればせながらの対応と言えます。</p> <div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e37897db wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://www.advancedcustomfields.com/resources/oembed/" target="_self" ><img src='https://www.advancedcustomfields.com/wp-content/uploads/2014/04/acf-oembed-field-interface-1.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><h5 class="wp-block-vk-blocks-blog-card-title"><a href="https://www.advancedcustomfields.com/resources/oembed/" target="_self" >ACF | oEmbed</a></h5> <div class="wp-block-vk-blocks-blog-card-excerpt"><p class="wp-block-vk-blocks-blog-card-excerpt__excerpt">Description The oEmbed field provides an interactive component for embedding videos, images, tweets, audio, and other content. This field makes use of the</p></div> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-17ef6164 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://www.advancedcustomfields.com" target="_self" ><img src='https://www.advancedcustomfields.com/favicon.png' /></a></figure> <p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://www.advancedcustomfields.com" target="_self" >ACF</a></p></div> </div> </div> </div> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">では、Ultimate MemberのoEmbedフィールドを見てみましょう。</p> <h4 class="wp-block-heading" id="vk-htags-f68a1901-d482-423b-ba1b-f7cc5fbcc643">oEmbedフィールドをプロフィールに追加する</h4> <p class="wp-block-paragraph">Ultimate MemberのプロフィールにoEmbedフィールドを追加してみましょう。</p> <p class="wp-block-paragraph">フィールドマネージャーからoEmbedを選択してフィールドを追加します。</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/06dc6e50b55d29b31b132315953edbad.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/06dc6e50b55d29b31b132315953edbad.png" alt="" class="wp-image-814" style="aspect-ratio:1.2744755244755244;width:509px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/f9effd4d213d90073843d9849d15d714.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/f9effd4d213d90073843d9849d15d714.png" alt="" class="wp-image-810" style="aspect-ratio:1.3005366726296959;width:479px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/8accc47abcaf364aff0538c80ff80428.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/8accc47abcaf364aff0538c80ff80428.png" alt="" class="wp-image-811" style="aspect-ratio:1.971774193548387;width:505px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <h4 class="wp-block-heading" id="vk-htags-032c6976-393b-498f-8e62-d41638851903">oEmbedフィールドにURLを指定してみる</h4> <p class="wp-block-paragraph">では、さっそくプロフィール欄から、oEmbedのフィールドにURLを指定します。</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/e3ed965babd1f652c42417b3bee94dac.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/e3ed965babd1f652c42417b3bee94dac.png" alt="" class="wp-image-815" style="aspect-ratio:2.636042402826855;width:646px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph">TwitterのURLを入力してみましたが、綺麗に表示されますね。</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/f22b2a6c27e0fd50a6eb57068015f081.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/f22b2a6c27e0fd50a6eb57068015f081.png" alt="" class="wp-image-812" style="aspect-ratio:1.6223277909738718;width:715px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">次にSpeakerDeckのURLを入力してみましたが、わかりずらいと思いますが、コンテンツ部分がやたら大きくなってみずらいです。</p> <div class="wp-block-image"> <figure class="aligncenter size-large is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/08860232318bd477260b4b0496327adf.jpg"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/08860232318bd477260b4b0496327adf-1024x831.jpg" alt="" class="wp-image-809" style="aspect-ratio:1.2322503008423586;width:813px;height:auto"/></a></figure> </div> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">なお、対応していないサイトのURLを指定すると、ただの外部リンクとして表示されます。</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://wakatchi.dev/wp-content/uploads/2023/10/c344b492fd2369f65d6d8ab09a458441.png"><img src="https://wakatchi.dev/wp-content/uploads/2023/10/c344b492fd2369f65d6d8ab09a458441.png" alt="" class="wp-image-813" style="aspect-ratio:4.939597315436242;width:643px;height:auto"/></a></figure> </div> <h2 class="wp-block-heading" id="vk-htags-517223e5-f20f-4c57-9a02-53ff99eb2e28">2.6.8以上のバージョンに直ちにアップデートすること</h2> <p class="wp-block-paragraph">Ultimate Memberの開発元からは、もし 2.6.7バージョンを使っている場合は、直ちに2.6.8バージョン以上にアップデートすること、と警告されています。</p> <p class="wp-block-paragraph">2.6.7バージョンではセキュリティ特権昇格の脆弱性が認められているため、もしお使いのサイトがあれば直ちにアップデートしましょう。</p> <blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"> <p class="wp-block-paragraph">IMPORTANT: PLEASE UPDATE THE PLUGIN TO AT LEAST VERSION 2.6.7 IMMEDIATELY. VERSION 2.6.7 PATCHES SECURITY PRIVILEGE ESCALATION VULNERABILITY. PLEASE SEE THIS ARTICLE FOR MORE INFORMATION</p> </blockquote> <p class="wp-block-paragraph"></p> <h2 class="wp-block-heading" id="vk-htags-db6b2eeb-a358-4e7e-b5b7-6913b1bd9bbc">まとめ</h2> <p class="wp-block-paragraph">今回は、Ultimate Memberの2.7.0バージョンアップに伴って追加された機能拡張のうち、いくつかピックアップしてご紹介しました。</p> <p class="wp-block-paragraph">マッチングサイトを作りたいというご要望をたくさん伺いますが、その方法の筆頭として、WordPress + Ultimate Memberをご提案したいと思います。</p> <p class="wp-block-paragraph">Ultimate Memberは日々開発は進んでおり、今後さらに使いやすくなっていくでしょう。</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-think vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://wakatchi.dev/wp-content/uploads/2022/07/wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name">わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color vk_balloon_content_fullwidth"><span class="vk_balloon_content_before "></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">このブログでもUltimate Memberの技術ネタや小ネタをどんどん発信していきます！</p> </div></div></div> <p class="wp-block-paragraph">本記事が少しでもお役に立てれば幸いです。</p> <p class="wp-block-paragraph">最後までお読みいただき、ありがとうございました！</p>