Link field work and improvements

[JoryHogeveen]

Is it possible to add a Link field to Pods?
Would be a bit similar to a Website field I think.

• URL (possible with the Link feature from wordpress itself so you can select the page to link to.
• Title
• Target

Could be separate metadata in the database or a serialized array.

Last items for Pods 2.7 #4068

• What to do if the user changes the field type from Website to Link and vice versa?
  See: https://github.com/JoryHogeveen/pods-link-field/blob/master/classes/fields/link.php#L252-L255
• Add an option to set the default target value to _blank
  See: JoryHogeveen/pods-link-field@5a07ddd
• @sc0ttkclark Do you want to enable other storage types as well? It currently only stores as a serialized array

[Shelob9]

We are not adding any new features to Pods 2.X. Once we finish the cmb2 integration for Pods 3.0 we can address new field types. This would be one be very nice to have, possibly as a specific type of loop field.

[JoryHogeveen]

Is there a guide/howto on creating extra field types? I would like to try and start with this field on the 3.0 release.

[sc0ttkclark]

If you can start with building the frontend for it and how it would work / look (using the same aesthetics as WP), I can meet you in the middle and help you adjust the current website field to support this field format.

[JoryHogeveen]

Hi Scott, I assume you mean wireframes and a HTML version of the a link.php template (ui/fields/link.php)?

[sc0ttkclark]

Yes, I'd like to see some frontend markup and styling for how you envision it looking.

[JoryHogeveen]

This is how I would see this working. Especially the popup feature would be neat.

HTML version for the file link.php in ui/fields:

<div id="link-options">
    <p class="howto"><?php _e('Enter the destination URL') ?></p>
    <div class="alignleft">
        <label><span><?php _e('URL') ?></span><input id="url-field" type="text" name="href"></label>
    </div>
    <div class="alignleft">
        <label><span><?php _e('Title') ?></span><input id="link-title-field" type="text" name="linktitle"></label>
    </div>
    <div class="link-target">
        <label><div>&nbsp;</div><input type="checkbox" id="link-target-checkbox" style="display: inline-block;"> <?php _e('Open link in a new window/tab') ?></label>
    </div>
    <p class="howto" style="clear: both;"><a href="#" id="wp-link-search-toggle"><?php _e('Or link to existing content') ?></a> (Popup WYSIWYG Link feature &amp; autofill above fields)</p>
</div>

[JoryHogeveen]

I've searched some extra info on the WYSIWYG link feature. Is done with a javascript class (wp-includes / js / wplink.js) and i'm afraid its build for the editor only. We could use this as a blueprint for this field...

[JoryHogeveen]

An class on this feature: wp-includes / class-wp-editor.php

lines:

• 1231 - 1232
• 1434 - 1499 ( wp_link_dialog() function )

[sc0ttkclark]

Great research here, would love to find ways to integrate into the link to existing and figure out how to utilize all of this on non post editor areas like user edit / taxonomy term add/edit, or even on the frontend of a site.

[sc0ttkclark]

UI of the field looks great to me by the way