jekkilekki

<p>I’ve wanted to add SIMPLE Pricing Tables to my website for a while but many of the<br />
plugins I tried out were either Freemium (requiring me to purchase the full version<br />
in order to unlock the full functionality) or more complicated than I actually wanted.</p>
<p>THIS plugin is exceptionally simple.</p>
<ol>
<li>Step 1: Type the shortcode tags <code>[jkl-pricing-table] ... [/jkl-pricing-table]</code></li>
<li>Step 2: Add an <code><ol></code> ordered list for your Pricing Table</li>
<li>Step 3: Tweak until it looks right</li>
</ol>
<p>Requires WordPress 3.5 and PHP 5.</p>
<h4>Special Features</h4>
<ul>
<li>Styled like <a href="http://foundation.zurb.com/docs/components/pricing_tables.html" rel="nofollow ugc">Zurb Foundation 5 Pricing Tables</a></li>
<li>Utilizes CSS3 for interesting transition effects (like scaling)</li>
</ul>
<h4>How the Plugin works</h4>
<ol>
<li>The shortcode expects an ordered list of ordered lists</li>
<li>The primary ordered list is the names of your Pricing Options (Basic, Business, etc)</li>
<li>The secondary ordered lists are the content within your Pricing Options</li>
<li>Using jQuery, the plugin finds each element within the ordered lists and adds<br />
specific CSS classes to them based on their order (see below)</li>
<li>The SECOND Pricing Option is always set to be “popped out” by default and when<br />
another table is not hovered over</li>
</ol>
<h4>Translations</h4>
<ul>
<li>English (EN) – default</li>
<li>Korean (KO) – upcoming</li>
</ul>
<p>If you want to help translate the plugin into your language, please have a look<br />
at the <code>.pot</code> file which contains all definitions and may be used with a [gettext]<br />
editor.</p>
<p>If you have created your own language pack, or have an update of an existing one,<br />
you can send your [gettext .po or .mo file] to me so that I can bundle it in the<br />
plugin.</p>
<h4>Contact Me</h4>
<p>If you have questions about, problems with, or suggestions for improving this<br />
plugin, please let me know at the <a href="https://wordpress.org/support/plugin/jkl-pricing-tables" rel="ugc">WordPress.org support forums</a></p>
<p>Want updates about my other WordPress plugins, themes, or tutorials? Follow me <a href="http://twitter.com/jekkilekki" rel="nofollow ugc">@jekkilekki</a></p>
<h4>Acknowledgements</h4>
<p>This plugin uses:</p>
<ul>
<li><a href="http://jquery.com/" rel="nofollow ugc">jQuery</a> licensed under MIT License or GNU General Public License (GPL) Version 2</li>
</ul>
<h4>License</h4>
<p>This program is free software; you can redistribute it and/or modify it under the terms<br />
of the GNU General Public License as published by the Free Software Foundation; either<br />
version 2 of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY<br />
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A<br />
PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>
<p>You should have received a copy of the GNU General Public License along with this<br />
program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth<br />
Floor, Boston, MA 02110-1301 USA</p>
<h3>How To</h3>
<h4>How To Use the Plugin</h4>
<ol>
<li>Type the shortcode tags</li>
<li>Create an ordered list <code><ol></code> within the tags</li>
<li>Type the heading for your first table in the first <code><ol></code> item and hit return</li>
<li>TAB the <code><ol></code> in to add the remainder of your content for the first table</li>
<li>Un-indent the <code><ol></code> to write the heading of your second table</li>
<li>TAB in for the remainder of the content in your second table</li>
<li>Rinse, repeat for multiple tables (supports up to 5 in a row)</li>
</ol>
<h4>Example of Usage</h4>
<pre><code>[jkl-pricing-table]
<ol>
  <li>Basic
    <ol>
      <li>$150</li>
      <li>Logo only</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li>Deliverables</li>
      <li><a href='#'>Select Now</a></li>
    </ol>
  </li>
  <li>Business
    <ol>
      <li>$250</li>
      <li>Logo + Business Cards</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li>Deliverables</li>
      <li><a href='#'>Select Now</a></li>
    </ol>
  </li>
</ol>
[/jkl-pricing-table]
</code></pre>
<h4>Special CSS Classes and How to Style the Plugin</h4>
<p>The plugin uses jQuery to dynamically add the following CSS classes to the ordered<br />
list elements. Use these classes in your Custom CSS if you want to change things.</p>
<ol>
<li><code>.pricing-table</code> = Each first level ordered list item (<code><ol><li></code>)</li>
<li><code>.price</code> = The FIRST second level list item (<code><ol><li><ol><li></code>)</li>
<li><code>.description</code> = The SECOND second level list item</li>
<li>List items after this have no special styling until the end</li>
<li><code>.deliverables</code> = The SECOND-TO-LAST second level list item</li>
<li><code>.cta-button</code> (Call To Action button) = The LAST second level list item (it should be an <code><a></code> link)</li>
<li><code>.button</code> = The <code><a></code> link in the <code>.cta-button</code> list item</li>
</ol>
<p>When applying custom CSS to change the design of your plugin, please reference these<br />
classes as <code>.pricing-table .class</code></p>
<h4>Example of CSS Classes after jQuery assigns them</h4>
<pre><code>[jkl-pricing-table]
<ol>
  <li class="pricing-table">Basic
    <ol>
      <li class="price">$150</li>
      <li class="description">Logo only</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li class="deliverables">Deliverables</li>
      <li class="cta-button"><a class="button" href='#'>Select Now</a></li>
    </ol>
  </li>
  <li class="pricing-table">Business
    <ol>
      <li class="price">$250</li>
      <li class="description">Logo + Business Cards</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li class="deliverables">Deliverables</li>
      <li class="cta-button"><a class="button" href='#'>Select Now</a></li>
    </ol>
  </li>
</ol>
[/jkl-pricing-table]
</code></pre>


JKL Pricing Tables

This is probably the SIMPLEST Pricing Tables plugin you'll ever use. Just type an ordered list of ordered lists within the shortcode tags.

Jesper van Engelen

David Mosterd

Codepress

Tobias Schutter

Stefan van den Dungen Gronovius

<p>Admin Columns lets you customize and organize the columns displayed in the WordPress admin list tables for posts, pages, users, comments and media.</p>
<p>Instead of the limited default list table, you get to display the information you actually need – like custom fields, featured images, taxonomies, file data and more.</p>
<p>Trusted by 100,000+ WordPress sites worldwide.</p>
<p>With a simple drag-and-drop interface you can:</p>
<ul>
<li><strong>Add any column</strong> to posts, pages, users, media and comments</li>
<li><strong>Reorder and resize</strong> columns to match your workflow</li>
<li><strong>Choose from 200+ column types</strong> including custom fields, taxonomies and file data</li>
<li><strong>Display rich metadata</strong> such as images, dates, colors and relational fields</li>
<li><strong>Create clean overviews</strong> for even the most complex websites</li>
</ul>
<p>It works for any site from simple blogs to large WooCommerce stores.</p>
<p><iframe loading="lazy" title="Admin Columns for WordPress" src="https://player.vimeo.com/video/96885841?dnt=1&app_id=122963" width="750" height="475" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe></p>
<h4>Why Admin Columns?</h4>
<p>Default WordPress list tables are limited. They often show only the title, author and date.</p>
<p>Admin Columns turns them into useful management screens that show you what matters.</p>
<p>Examples:</p>
<ul>
<li>See <strong>featured images, custom fields and taxonomies</strong> directly in the post list table</li>
<li>Display <strong>media file size, dimensions or EXIF data</strong></li>
<li>View <strong>user metadata and roles</strong> in the users screen</li>
<li>Keep track of <strong>large content libraries</strong></li>
</ul>
<h4>Popular use cases</h4>
<p>Admin Columns is used by developers, agencies and site owners to manage content more efficiently.</p>
<p>Common setups:</p>
<ul>
<li>Managing <strong>WooCommerce products</strong> with price, SKU or stock columns</li>
<li>Displaying <strong>ACF custom fields</strong> in post list tables</li>
<li>Organizing <strong>large media libraries</strong></li>
<li>Reviewing <strong>SEO metadata from Yoast</strong></li>
<li>Organizing <strong>custom post types</strong> with the right columns</li>
</ul>
<h4>Built for developers</h4>
<p>Admin Columns is open source and built to be extended. Use actions and filters to register custom column types, modify output or integrate with your own plugins.</p>
<ul>
<li>Full <a href="https://docs.admincolumns.com/article/15-hooks-and-filters/" rel="nofollow ugc">hooks and filters reference</a> for custom integrations</li>
<li>Register column configurations in PHP for version-controlled setups</li>
<li>Designed to work alongside page builders, custom post type plugins and third-party extensions</li>
</ul>
<p>Explore the <a href="https://docs.admincolumns.com/category/75-developer/" rel="nofollow ugc">developer documentation</a>.</p>
<h4>Admin Columns Pro</h4>
<p>Upgrade to <strong>Admin Columns Pro</strong> for sorting, filtering, inline editing and more. With Pro you can:</p>
<ul>
<li><strong>Sort</strong> any column</li>
<li><strong>Filter content</strong> with stackable smart filters</li>
<li><strong>Inline editing</strong> – edit titles, custom fields, taxonomies and more directly from the list table</li>
<li><strong>Bulk editing</strong> – update multiple items at once</li>
<li><strong>Conditional formatting</strong> – color-code rows and cells based on rules</li>
<li><strong>Export to CSV</strong></li>
<li><strong>Import/export column sets</strong> between sites or team members</li>
<li><strong>Save to PHP</strong> for version-controlled column configurations</li>
</ul>
<p>Admin Columns Pro also provides deep integrations with popular plugins:</p>
<ul>
<li><strong>Advanced Custom Fields</strong> – display and edit all field types</li>
<li><strong>WooCommerce</strong> – product and order columns</li>
<li><strong>Yoast SEO</strong> – SEO score and metadata columns</li>
<li><strong>Toolset Types</strong> – custom fields and relationships</li>
<li><strong>Pods</strong> – Pods fields and content types</li>
</ul>
<p>Learn more about the additional features of Admin Columns Pro on our website:</p>
<p><a href="https://www.admincolumns.com/admin-columns-pro/?utm_source=wordpressorg&utm_medium=readme" rel="nofollow ugc">Upgrade to Admin Columns Pro</a></p>
<h4>Supported content types</h4>
<p>Admin Columns works with the following WordPress admin screens:</p>
<ul>
<li>Posts, Pages and Custom Post Types</li>
<li>Users</li>
<li>Media Library</li>
<li>Comments</li>
<li>Taxonomies (Pro)</li>
</ul>
<h4>Custom field column</h4>
<p>Admin Columns allows you to display custom fields (post meta and user meta) directly in the admin list table.</p>
<p>Supported field formats include:</p>
<ul>
<li>Color</li>
<li>Date</li>
<li>Images</li>
<li>Number</li>
<li>Text</li>
<li>URL</li>
<li>True/False</li>
<li>Relational: Posts, Users and Media</li>
</ul>
<h4>Docs & Support</h4>
<p>Is this your first time using Admin Columns? Check out our documentation and guides:</p>
<p><a href="https://docs.admincolumns.com" rel="nofollow ugc">Documentation</a><br />
<a href="https://docs.admincolumns.com/category/16-getting-started/" rel="nofollow ugc">Getting Started</a><br />
<a href="https://docs.admincolumns.com/category/75-developer/" rel="nofollow ugc">Developer documentation</a></p>
<p>Need help? Please visit the Admin Columns <a href="https://admincolumns.com/support/?utm_source=wordpressorg&utm_medium=readme" rel="nofollow ugc">support forums</a>.</p>
<h4>Contribute</h4>
<p>Admin Columns is open source and community-driven. There are several ways to contribute:</p>
<ul>
<li><strong>Translate</strong>: Help translate Admin Columns on <a href="https://translate.wordpress.org/projects/wp-plugins/codepress-admin-columns" rel="nofollow ugc">WordPress.org</a> or Pro translations on <a href="https://www.transifex.com/projects/p/admin-columns/" rel="nofollow ugc">Transifex</a></li>
<li><strong>Report issues</strong>: Found a bug? Report it on <a href="https://github.com/codepress/admin-columns" rel="nofollow ugc">GitHub</a></li>
<li><strong>Suggest features</strong>: Submit ideas to our <a href="https://www.admincolumns.com/public-roadmap/" rel="nofollow ugc">public roadmap</a></li>
</ul>


Admin Columns


I depend on this plugin in development a lot. For big sites with multiple custom post types & page templates. Very useful indeed. Thank you developers.


Essential Dev Plugin


Great plugin! Does just what I needed. Still playing around with all the functionality.


Great!

Take control of your WordPress admin list tables. Add, remove, and reorder columns for posts, users, media, and more - no coding needed.

JKL Pricing Tables vs Admin Columns