Jordy Meow

<p>Gallery Custom Links allows you to link images from galleries to a specified URL. Tested with WordPress Gallery, Gutenberg, the <a href="https://wordpress.org/plugins/meow-gallery/" rel="ugc">Meow Gallery</a> and others. The official page is here: <a href="https://meowapps.com/gallery-custom-links/" rel="nofollow ugc">Gallery Custom Links</a>.</p>
<h3>Usage</h3>
<p>Two fields are added to your images, in your Media Library: Link URL and Link Target (but also, Link Rel and Arial Label). If, at least, the Link URL is set up, this image will link to that URL every time it is used within a gallery. Lightbox will be automatically disabled for those images.</p>
<p>To do this, the Gallery Custom Links needs to analyze/rewrite your content. Depending on your WordPress, you can pick the most appropriate method (known as engine).</p>
<ul>
<li>HtmlDomParser: Very reliable. It will rewrite your HTML so that the links are hardcoded.</li>
<li>DiDom: Same as HtmlDomParser but faster. However, your HTML needs to be perfectly valid.</li>
<li>Javascript: This is the fastest, but the links won’t be hardcoded. Only the visitor will experience the links.</li>
</ul>
<h3>Compatibility</h3>
<p>It currently works with the native WP Gallery, the Gutenberg Gallery, and the <a href="https://wordpress.org/plugins/meow-gallery/" rel="ugc">Meow Gallery</a>. It should actually work with any gallery plugin using the ‘gallery’ class and Responsive Images (src-set). Let me know if you would like more galleries to be supported, it should be easy.</p>
<h3>Filters</h3>
<p>You can optimize (run the plugin only on the pages where you need it) and support more galleries (through CSS classes) easily by using filters. To know more about this, visit the official page, here: <a href="https://meowapps.com/gallery-custom-links/" rel="nofollow ugc">Gallery Custom Links</a>.</p>
<h3>Thanks</h3>
<p>The motivation to build this plugin came from my users who had issues trying to use WP Gallery Custom Links. I realized that this plugin was working extremely well with the standard gallery, but would require too much rewriting for Gutenberg and other galleries, hence the creation of this plugin. I hope it will help.</p>
<p>Languages: English.</p>


Gallery Custom Links


This plugin severely impacts the performance of a website.


Terrible performance

Gallery Custom Links allows you to link images to a specified URL. Tested with WordPress Gallery, Gutenberg, the Meow Gallery and others.

Toro_Unit (Hiroshi Urabe)

Okamoto Hidetaka

Takashi Kitajima

Mayo Moriyama

Hidekazu Ishikawa

Justin Fletcher

sysbird

Kengyu Nakamura

けい (Kei Nomura)

まーちゅう

Toshihiro Kanai

Toshimichi Mimoto

designhehe

Robssanches

fuyuan9

yousan

Hisako Isaka

hanamura

<p>Smart Custom Fields is a simple plugin for managing custom fields.</p>
<h4>Features</h4>
<ul>
<li>Field group loop support.</li>
<li>Meta data revision support.</li>
<li>Meta data preview support.</li>
</ul>
<p><iframe loading="lazy" title="Smart Custom Fields beta" width="750" height="563" src="https://www.youtube.com/embed/WxPZurn0yvI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Field Types</h4>
<ul>
<li>Text</li>
<li>Textarea</li>
<li>Radio</li>
<li>Select</li>
<li>Checkbox</li>
<li>WYSIWYG editor</li>
<li>Image</li>
<li>File</li>
<li>Related Posts</li>
<li>Related Terms</li>
<li>Color picker</li>
<li>Date picker</li>
<li>Datetime picker</li>
<li>Boolean</li>
<li>Message</li>
</ul>
<h4>How to get meta data ?</h4>
<p>**The return value of each of the following methods is not sanitized. Please sanitize them if necessary. **</p>
<p>https://developer.wordpress.org/apis/security/escaping/</p>
<p><strong>Post meta data</strong></p>
<p>This method can get any meta data.</p>
<pre><code>SCF::get( 'field-name' )
</code></pre>
<p>This method can get meta data of any group.</p>
<pre><code>SCF::get( 'group-name' )
</code></pre>
<p>This method can get all meta data.</p>
<pre><code>SCF::gets()
</code></pre>
<p><strong>User meta data</strong></p>
<p>This method can get any user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id, 'field-name' )
</code></pre>
<p>This method can get user meta data of any group.</p>
<pre><code>SCF::get_user_meta( $user_id, 'group-name' )
</code></pre>
<p>This method can get all user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id )
</code></pre>
<p><strong>Term meta data</strong></p>
<p>This method can get any term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy 'field-name' )
</code></pre>
<p>This method can get term meta data of any group.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy, 'group-name' )
</code></pre>
<p>This method can get all term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy )
</code></pre>
<p><strong>Custom options page meta data</strong></p>
<p>This method can get any custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'field-name' )
</code></pre>
<p>This method can get custom options page meta data of any group.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'group-name' )
</code></pre>
<p>This method can get all custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug )
</code></pre>
<h4>Create custom options page</h4>
<pre><code>SCF::add_options_page( $page_title, $menu_title, $capability, $menu_slug, $icon_url = '', $position = null );
</code></pre>
<h4>Register custom fields by the code.</h4>
<p><style>.gist table { margin-bottom: 0; }</style>
<div style="tab-size: 8" id="gist19764654" class="gist">
<div class="gist-file" translate="no" data-color-mode="light" data-light-theme="light">
<div class="gist-data">
<div class="js-gist-file-update-container js-task-list-container">
<div id="file-gistfile1-php" class="file my-2">
<div itemprop="text"
      class="Box-body p-0 blob-wrapper data type-php  "
      style="overflow: auto" tabindex="0" role="region"
      aria-label="gistfile1.php content, created by inc2734 on 04:18PM on February 25, 2015."
    ></p>
<div class="js-check-hidden-unicode js-blob-code-container blob-code-content">
<p>  <template class="js-file-alert-template"></p>
<div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center">
  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
    <span><br />
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.<br />
      <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank" rel="nofollow ugc">Learn more about bidirectional Unicode characters</a><br />
    </span></p>
<div data-view-component="true" class="flash-action">        <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn" rel="nofollow ugc">    Show hidden characters<br />
</a>
</div>
</div>
<p></template><br />
<template class="js-line-alert-template"><br />
  <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"><br />
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
</span></template></p>
<table data-hpc class="highlight tab-size js-file-line-container" data-tab-size="4" data-paste-markdown-skip data-tagsearch-path="gistfile1.php">
<tr>
<td id="file-gistfile1-php-L1" class="blob-num js-line-number js-blob-rnum" data-line-number="1"></td>
<td id="file-gistfile1-php-LC1" class="blob-code blob-code-inner js-file-line"><?php</td>
</tr>
<tr>
<td id="file-gistfile1-php-L2" class="blob-num js-line-number js-blob-rnum" data-line-number="2"></td>
<td id="file-gistfile1-php-LC2" class="blob-code blob-code-inner js-file-line">/**</td>
</tr>
<tr>
<td id="file-gistfile1-php-L3" class="blob-num js-line-number js-blob-rnum" data-line-number="3"></td>
<td id="file-gistfile1-php-LC3" class="blob-code blob-code-inner js-file-line"> * カスタムフィールドを定義</td>
</tr>
<tr>
<td id="file-gistfile1-php-L4" class="blob-num js-line-number js-blob-rnum" data-line-number="4"></td>
<td id="file-gistfile1-php-LC4" class="blob-code blob-code-inner js-file-line"> * </td>
</tr>
<tr>
<td id="file-gistfile1-php-L5" class="blob-num js-line-number js-blob-rnum" data-line-number="5"></td>
<td id="file-gistfile1-php-LC5" class="blob-code blob-code-inner js-file-line"> * @param array  $settings  Smart_Custom_Fields_Setting オブジェクトの配列</td>
</tr>
<tr>
<td id="file-gistfile1-php-L6" class="blob-num js-line-number js-blob-rnum" data-line-number="6"></td>
<td id="file-gistfile1-php-LC6" class="blob-code blob-code-inner js-file-line"> * @param string $type      投稿タイプ or ロール</td>
</tr>
<tr>
<td id="file-gistfile1-php-L7" class="blob-num js-line-number js-blob-rnum" data-line-number="7"></td>
<td id="file-gistfile1-php-LC7" class="blob-code blob-code-inner js-file-line"> * @param int    $id        投稿ID or ユーザーID</td>
</tr>
<tr>
<td id="file-gistfile1-php-L8" class="blob-num js-line-number js-blob-rnum" data-line-number="8"></td>
<td id="file-gistfile1-php-LC8" class="blob-code blob-code-inner js-file-line"> * @param string $meta_type post | user</td>
</tr>
<tr>
<td id="file-gistfile1-php-L9" class="blob-num js-line-number js-blob-rnum" data-line-number="9"></td>
<td id="file-gistfile1-php-LC9" class="blob-code blob-code-inner js-file-line"> * @return array</td>
</tr>
<tr>
<td id="file-gistfile1-php-L10" class="blob-num js-line-number js-blob-rnum" data-line-number="10"></td>
<td id="file-gistfile1-php-LC10" class="blob-code blob-code-inner js-file-line"> */</td>
</tr>
<tr>
<td id="file-gistfile1-php-L11" class="blob-num js-line-number js-blob-rnum" data-line-number="11"></td>
<td id="file-gistfile1-php-LC11" class="blob-code blob-code-inner js-file-line">function my_register_fields( $settings, $type, $id, $meta_type ) {</td>
</tr>
<tr>
<td id="file-gistfile1-php-L12" class="blob-num js-line-number js-blob-rnum" data-line-number="12"></td>
<td id="file-gistfile1-php-LC12" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L13" class="blob-num js-line-number js-blob-rnum" data-line-number="13"></td>
<td id="file-gistfile1-php-LC13" class="blob-code blob-code-inner js-file-line">	// SCF::add_setting( 'ユニークなID', 'メタボックスのタイトル' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L14" class="blob-num js-line-number js-blob-rnum" data-line-number="14"></td>
<td id="file-gistfile1-php-LC14" class="blob-code blob-code-inner js-file-line">	$Setting = SCF::add_setting( 'id-1', 'functions.php から追加 その1' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L15" class="blob-num js-line-number js-blob-rnum" data-line-number="15"></td>
<td id="file-gistfile1-php-LC15" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L16" class="blob-num js-line-number js-blob-rnum" data-line-number="16"></td>
<td id="file-gistfile1-php-LC16" class="blob-code blob-code-inner js-file-line">	// $Setting->add_group( 'ユニークなID', 繰り返し可能か, カスタムフィールドの配列 );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L17" class="blob-num js-line-number js-blob-rnum" data-line-number="17"></td>
<td id="file-gistfile1-php-LC17" class="blob-code blob-code-inner js-file-line">	$Setting->add_group( 'group-name-1', false, array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L18" class="blob-num js-line-number js-blob-rnum" data-line-number="18"></td>
<td id="file-gistfile1-php-LC18" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L19" class="blob-num js-line-number js-blob-rnum" data-line-number="19"></td>
<td id="file-gistfile1-php-LC19" class="blob-code blob-code-inner js-file-line">			'name'  => 'field-1',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L20" class="blob-num js-line-number js-blob-rnum" data-line-number="20"></td>
<td id="file-gistfile1-php-LC20" class="blob-code blob-code-inner js-file-line">			'label' => 'テストフィールド',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L21" class="blob-num js-line-number js-blob-rnum" data-line-number="21"></td>
<td id="file-gistfile1-php-LC21" class="blob-code blob-code-inner js-file-line">			'type'  => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L22" class="blob-num js-line-number js-blob-rnum" data-line-number="22"></td>
<td id="file-gistfile1-php-LC22" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L23" class="blob-num js-line-number js-blob-rnum" data-line-number="23"></td>
<td id="file-gistfile1-php-LC23" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L24" class="blob-num js-line-number js-blob-rnum" data-line-number="24"></td>
<td id="file-gistfile1-php-LC24" class="blob-code blob-code-inner js-file-line">			'name'    => 'field-2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L25" class="blob-num js-line-number js-blob-rnum" data-line-number="25"></td>
<td id="file-gistfile1-php-LC25" class="blob-code blob-code-inner js-file-line">			'label'   => 'テストフィール2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L26" class="blob-num js-line-number js-blob-rnum" data-line-number="26"></td>
<td id="file-gistfile1-php-LC26" class="blob-code blob-code-inner js-file-line">			'type'    => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L27" class="blob-num js-line-number js-blob-rnum" data-line-number="27"></td>
<td id="file-gistfile1-php-LC27" class="blob-code blob-code-inner js-file-line">			'default' => 2,</td>
</tr>
<tr>
<td id="file-gistfile1-php-L28" class="blob-num js-line-number js-blob-rnum" data-line-number="28"></td>
<td id="file-gistfile1-php-LC28" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L29" class="blob-num js-line-number js-blob-rnum" data-line-number="29"></td>
<td id="file-gistfile1-php-LC29" class="blob-code blob-code-inner js-file-line">	) );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L30" class="blob-num js-line-number js-blob-rnum" data-line-number="30"></td>
<td id="file-gistfile1-php-LC30" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L31" class="blob-num js-line-number js-blob-rnum" data-line-number="31"></td>
<td id="file-gistfile1-php-LC31" class="blob-code blob-code-inner js-file-line">	$settings[] = $Setting;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L32" class="blob-num js-line-number js-blob-rnum" data-line-number="32"></td>
<td id="file-gistfile1-php-LC32" class="blob-code blob-code-inner js-file-line">	return $settings;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L33" class="blob-num js-line-number js-blob-rnum" data-line-number="33"></td>
<td id="file-gistfile1-php-LC33" class="blob-code blob-code-inner js-file-line">}</td>
</tr>
<tr>
<td id="file-gistfile1-php-L34" class="blob-num js-line-number js-blob-rnum" data-line-number="34"></td>
<td id="file-gistfile1-php-LC34" class="blob-code blob-code-inner js-file-line">add_filter( 'smart-cf-register-fields', 'my_register_fields', 10, 4 );</td>
</tr>
</table>
</div></div>
</p></div>
</div></div>
<div class="gist-meta">
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6/raw/10bdf9bf49f4b3a67ae89b8f7c6123f45438589a/gistfile1.php" style="float:right" class="Link--inTextBlock" rel="nofollow ugc">view raw</a><br />
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6#file-gistfile1-php" class="Link--inTextBlock" rel="nofollow ugc"><br />
          gistfile1.php<br />
        </a><br />
        hosted with ❤ by <a class="Link--inTextBlock" href="https://github.com" rel="nofollow ugc">GitHub</a>
      </div>
</p></div>
</div>
<h4>GitHub</h4>
<p>https://github.com/inc2734/smart-custom-fields/</p>
<h4>Translators</h4>
<ul>
<li>Japanese(ja) – <a href="https://profiles.wordpress.org/tai/" rel="nofollow ugc">JOTAKI Taisuke</a></li>
</ul>
<p>You can translate this plugin into your language by using <a href="https://translate.wordpress.org/projects/wp-plugins/smart-custom-fields" rel="nofollow ugc">GlotPress</a>.</p>


Smart Custom Fields

GUIでカスタムフィールドを管理するプラグインとして必要な機能を満たし、かつ軽いです。また、他のプラグインでは有料オプションであるサイクリックにフィールドを増やす機能がデフォルトでついていて助かります。

Gallery Custom Links vs Smart Custom Fields