Support » Plugin: WP UI - Tabs, Accordions, Sliders » Using WP-UI for a memorial wall

  • 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:

    …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?



Viewing 4 replies - 1 through 4 (of 4 total)
  • 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
    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


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


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


    [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]


Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Using WP-UI for a memorial wall’ is closed to new replies.