Nico Martin

<p>This Plugin let’s you create an beautiful options page based on AJAX.</p>
<p><strong>Note:</strong> This PlugIn is made for Developers only. If you are not the Developer of the theme or plugin. Ask your developer.</p>
<p>SetUp</p>
<ol>
<li>Create a File called “options.php”.</li>
<li>Add the following to your functions.php or plugin.php<br />
< ?php //check if plugin exists<br />
    if(function_exists ('create_vtl_options_page')){<br />
      include('options.php');<br />
      add_action('admin_menu', 'register_options_pages');<br />
    } else {<br />
        function vtco_error_notice() {<br />
            echo '</p>
<p>‘.__(‘You need to Install the Plugin “vir2al options”‘).’</p>
<p>‘;<br />
        }<br />
        add_action( ‘admin_notices’, ‘vtco_error_notice’ );<br />
    } ?></li>
</ol>
<p>options.php</p>
<pre><code><?php
function vtco_register_settings_pages(){
    //Add any Page you want here
    add_options_page( 'Additional Options', 'Additional Options', 'manage_options', 'addoptions', 'options_cbfunc');
}

function options_cbfunc(){
  ob_start();
  // create your form ?>
  <fieldset data-name="Tab 1">
      <table>
          <tr>
              <td>Test</td>
              <td><?php echo get_vtlo_input('option_name'); ?></td>
          </tr>
      </table>
  </fieldset>
  <fieldset data-name="Tab 2">
      <table>
          <tr>
              <td>Test Image</td>
              <td><?php echo get_vtlo_imgupload('option_name_img'); ?></td>
          </tr>
      </table>
   </fieldset>
   <?php
   $html=ob_get_contents();
   ob_end_clean();
   //let the magic happen
   return create_vtl_options_page($html);
}
?>
</code></pre>
<p>Possible inputs</p>
<p><strong>Textarea:</strong>       get_vtlo_textarea(name);<br />
<strong>Input:</strong>          get_vtlo_input(name);<br />
<strong>Select:</strong>         get_vtlo_select(name,options_array);<br />
<strong>IMG:</strong>                get_vtlo_imgupload(name);<br />
<strong>Multi IMG:</strong>  get_vtlo_multiimgupload(name);<br />
<strong>Colorinput:</strong>  get_vtlo_colorinput(name,default_color);</p>


vir2al options

Dōvy Paukstys

Kev Provance

Redux

<p>Redux was built by developers for developers. We save you months if not years in your development time. Everything we do is to help innovation in the industry.</p>
<h4>♥️ What the Plugin does?</h4>
<p>Redux is a simple, genuinely extensible, and fully responsive options framework for WordPress themes and plugins. Built on the WordPress Settings API; Redux supports many field types, custom error handling, custom fields & validation types, and import/export functionality.</p>
<p>But what does Redux actually DO? We don’t believe that theme and plugin developers should have to reinvent the wheel every time they start work on a project. Redux simplifies the development cycle by providing a streamlined, extensible framework for developers to build on. Through a simple, well-documented config file, third-party developers can build out an options panel limited only by their imagination in a fraction of the time it would take to build from the ground up!</p>
<h4>🚀 What fields does Redux offer?</h4>
<ul>
<li>Accordion</li>
<li>ACE Editor</li>
<li>Background</li>
<li>Border</li>
<li>Box Shadow</li>
<li>Button Set</li>
<li>Checkbox / Multi-Check</li>
<li>Color (WordPress Native)</li>
<li>Color Gradient</li>
<li>Color Palette</li>
<li>Color RGBA</li>
<li>Color Scheme</li>
<li>Content</li>
<li>Custom Fonts</li>
<li>Customizer</li>
<li>Date</li>
<li>Date/Time</li>
<li>Dimensions (Height/Width)</li>
<li>Divide (Divider)</li>
<li>Editor (WordPress Native)</li>
<li>Gallery (WordPress Native)</li>
<li>Google Maps</li>
<li>Icon Select</li>
<li>Image Select (Patterns/Presets)</li>
<li>Import/Export</li>
<li>Info (Header/Notice)</li>
<li>JS Button</li>
<li>Link Color</li>
<li>Media (WordPress Native)</li>
<li>Metaboxes</li>
<li>Multi Media</li>
<li>Multi-Text</li>
<li>Palette</li>
<li>Password</li>
<li>Radio (w/ WordPress Data)</li>
<li>Raw (HTML/PHP/MarkDown)</li>
<li>Repeater</li>
<li>Section (Indent and Group Fields)</li>
<li>Select (Select/Multi-Select w/ Select2 & WordPress Data)</li>
<li>Select Image</li>
<li>Slider (Drag a Handle)</li>
<li>Slides (Multiple Images, Titles, and Descriptions)</li>
<li>Social Profiles</li>
<li>Sortable (Drag/Drop Checkbox/Input Fields)</li>
<li>Sorter (Drag/Drop Manager – Works great for content blocks)</li>
<li>Spacing (Margin/Padding/Absolute)</li>
<li>Spinner</li>
<li>Switch</li>
<li>Tabbed</li>
<li>Taxonomy Metaboxes</li>
<li>Text</li>
<li>Textarea</li>
<li>Typography</li>
<li>User Profile Metaboxes</li>
<p> * The most advanced typography module complete with preview, Google fonts, and auto-css output!</p>
<li>User Profile Metaboxes</li>
<li>Widget Areas (Classic Widgets only)</li>
</ul>
<h4>🎉Additional Features</h4>
<ul>
<li>Full value escaping</li>
<li>Required – Link visibility from parent fields. Set this to affect the visibility of the field on the parent’s value. Fully nested with multiple required parents possible.</li>
<li>Output CSS Automatically – Redux generates CSS and the appropriate Google Fonts stylesheets for you on select fields. You need to only specify the CSS selector to apply the CSS to (limited to certain fields).</li>
<li>Compiler integration! A custom hook runs when any fields with the argument `compile => true` are changed.</li>
<li>Field validation and sanitization</li>
<li>Field and section disabling</li>
<li>Oh, and did we mention a fully integrated Google Fonts setup that will make you so happy you’ll want to cry?</li>
</ul>
<h4>👍 BE A CONTRIBUTOR</h4>
<p>If you want to help with translations, <a href="https://translate.wordpress.org/projects/wp-plugins/redux-framework" rel="nofollow ugc">go to the Translation Portal at translate.wordpress.org</a>.</p>
<p>You can also contribute code via our <a href="https://github.com/reduxframework/redux-framework/" rel="nofollow ugc">GitHub Repository</a>. Be sure to use our develop branch to submit pull requests.</p>
<h4>📝 Documentation and Support</h4>
<ul>
<li>We have extremely extensive docs. Please visit [https://devs.redux.io/](https://devs.redux.io). If that doesn’t solve your issue, search [the issue tracker on GitHub](https://github.com/reduxframework/redux-framework/issues). If you can’t locate any topics that pertain to your particular problem, [post a new issue](https://github.com/reduxframework/redux-framework/issues/new) for it. Before you submit an issue, please read [our contributing requirements](https://github.com/redux-framework/redux-framework/blob/master/CONTRIBUTING.md). We build on the dev version and push it to WordPress.org when we confirm Redux is stable and ready for release.</li>
<li>If you have additional questions, reach out to us at support@redux.io</li>
</ul>
<h4>⚡ Like the Redux Plugin?</h4>
<ul>
<li>Follow us on <a href="https://www.facebook.com/reduxframework" rel="nofollow ugc">Facebook 💬</a></li>
<li><strong>Rate us 5 ⭐ stars</strong> on <a href="https://wordpress.org/support/plugin/redux-framework/reviews/?filter=5/#new-post" rel="ugc">WordPress.org</a></li>
<li>Follow us on Twitter 🐦: <a href="https://twitter.com/reduxframework" rel="nofollow ugc">@ReduxFramework</a></li>
</ul>
<h4>🔐 Privacy</h4>
<p>Redux does not interact with end users on your website. If a product is using Redux, the option panel will cease to function without Redux.</p>
<p>For more details on our privacy policy: <a href="https://redux.io/privacy" rel="nofollow ugc">https://redux.io/privacy</a><br />
For more details on our terms and conditions: <a href="https://redux.io/terms" rel="nofollow ugc">https://redux.io/terms</a></p>
<p>NOTE: Redux is not intended to be used on its own. It requires a config file provided by a third-party theme or plugin developer to actually do anything cool!</p>


Redux Framework


I'm lovin it, über pro plugin, well done!


Amazing to create option fields

Redux is a simple, truly extensible, and fully responsive options framework for WordPress themes and plugins. It ships with an integrated demo.

vir2al options vs Redux Framework