這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Custom Posts Accordion

描述

This plugin creates a basic accordion from custom posts.
Fully compatible with WPML, just translate your posts and use shortcodes as explained below.
The plugin currently does not support Woocommerce.

How to use

  1. To use this plugin you need custom post registered.
    You may check Post Types to see how to do it.

Example from WP Codex – for testing, copy and paste code below to theme functions.php

  add_action( 'init', 'create_post_type' );
  function create_post_type() {
    register_post_type( 'Accordion',
      array(
        'labels' => array(
          'name' => __( 'Accordions' ),
          'singular_name' => __( 'Accordion' )
        ),
        'public' => true,
        'has_archive' => true,
      )
    );
  }
  1. Add shortcode to page or post where you want to use accordion

If you used code above to create custom posts type you would use following shortcode:

[gw_accordion post_type="Accordion"]

Optionally, you may add CSS class

[gw_accordion post_type="Accordion" class="my_css_class"]

You can also add code to your theme

<?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>

or with the CSS class

<?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>

You also may set ordering, default is by ID and Ascending (ASC)

[gw_accordion post_type=”Accordion” class=”my_css_class” order_by=”title” order=”asc”]

Demo

  1. Check Demo

Known Issues

If your theme uses smooth scroll script like this one

        jQuery(function() {
      jQuery('a[href*="#"]:not([href="#"]').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = jQuery(this.hash);
          target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            jQuery('html,body').animate({
              scrollTop: target.offset().top
            }, 2000);
            return false;
          }
        }

      });

    });

You may need to change this line

 jQuery('a[href*="#"]:not([href="#"]')

To look like this

 jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')

to avoid conflict

安裝

  1. Extract the downloaded .zip file and upload the extracted folder to the /wp-content/plugins directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress – click on “Activate” link below the plugin name

常見問題

Q: Does plugin support Woocommerce?
A: No, not right now.

Q: Can I put images in content to show in accordion?
A: Yes.

Q: Can I use the plugin in a multilanguage setup?
A: Yes. The plugin is tested and confirmed to work with WPML, all you ned to do is to translate your content.

Q: Does plugin support featured images?
A: No, not right now.

評價

There are no reviews for this plugin.

貢獻者及開發者

“Custom Posts Accordion” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Custom Posts Accordion 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.0

  • Initial release

1.0.1

  • Updated to latest WP and fixed loop reset

2.0

  • Bootstrap is no longer required
  • Various fixes