WordPress.org

Ready to get started?Download WordPress

Forums

WP UI - Tabs, Accordions, Sliders
Using WP-UI for a memorial wall (5 posts)

  1. johndove523
    Member
    Posted 1 year ago #

    Preface - I saw the latest posts here; I too hope that I have not found another plugin for which there is no support.

    I just discovered the WP UI plugin, and I'm hoping it can incorporate everything I'm trying to do, which is this (a tabbed memorial wall). It doesn't have to be exactly like it, it could show only one entry (memorial listing) at a time if necessary (if the viewer can search for the memorial they want to see), OR simply scroll down through all the "A" listings, "B" listings, etc.

    Here is what I started to do: http://caspca.org/in-memory-of-memorial-wall/

    ...but this approach presents several problems. First, the entries (posts) are in a 3-col table, making them hard to alphabetize. Also, I would have to add a second component for the tabbing, which is a big mess. I think the WP UI plugin is what I'm looking for to capture all of these components under one umbrella, making it very easy for the client to add and edit listings to the wall. Can someone provide me a "blueprint" of sorts and tell me how I need to use WP-UI to more or less replicate this memorial wall?

    Thanks,

    John

    http://wordpress.org/extend/plugins/wp-ui/

  2. dsg257
    Member
    Posted 1 year ago #

    Creare a category for each letter say A- Z this will give you 26 new categories
    with the new categories you create a Tab to list the posts in that category the help on the authors site is good and should answer most of the questions
    wp-ui
    using the examples on the site should help
    This is output from the wpwraptabs :- [wptabposts mode="horizontal" number="5" cat="1"]
    You can use tabs within tabs
    Nested tabs
    If you wish to have nested tabs (tabs within a tab), you have to use the following markup. This is rather a limitation of the wordpress shortcodes and not of this plugin

    <div class="wp-tabs wpui-quark"><h3 class="wp-tab-title">First Nested Tab</h3><br><div class="wp-tab-content"> Contents of the nested first tab. </div><!-- end div.wp-tab-content --><h3 class="wp-tab-title">Second Nested Tab</h3><div class="wp-tab-content">Content of the nested second tab. </div><!-- end div.wp-tab-content --> </div>
    Sorry cant be of more help

  3. johndove523
    Member
    Posted 1 year ago #

    DSG,

    Thanks for the reply, I got it taken care of. : )

    John

  4. dsg257
    Member
    Posted 1 year ago #

    could you post the code as an example and help to others
    Thanks

  5. johndove523
    Member
    Posted 1 year ago #

    Sure.

    [wptabs style="wpui-blue" effect="slide" mode="horizontal"]
    
    [wptabtitle] A[/wptabtitle] [wptabcontent]Content[/wptabcontent]
    
    [wptabtitle] B[/wptabtitle] [wptabcontent]Content[/wptabcontent]
    
    [wptabtitle] C[/wptabtitle] [wptabcontent]Content[/wptabcontent]
    
    [wptabtitle] D[/wptabtitle] [wptabcontent]Content[/wptabcontent]
    
    ...Z
    
    [/wptabs]

    = http://caspca.org/in-memory-of-memorial-wall/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.