IntelliWidget Content Driven Featured Posts and Menus

Common Uses

We recommend using our IntelliWidget Elements Post Type for the examples below.

  1. Select “Excerpts” from the template dropdown menu.
  2. In the “Specific Posts” select menu, choose the pages and posts you want to display in your menu.
  3. Select a sorting option from the “Sort by” menu.
  4. If you want to display the featured image for each post, select “Thumbnail” from the “Image Size” menu.
  5. To display posts of a particular category, choose one from the “Category” menu. (Categories must exist for them to appear in the dropdown.)
  6. See the settings documentation for details on the additional settings available.
  7. Click “Save.”

Custom Page Menu

  1. On the Widgets Admin Page, drag an IntelliWidget to the sidebar where you want the menu.
  2. Check the box labeled “Hide if no Page Data is available.” and click “Save.”
  3. On the page where you want the menu, click “Add New Section” under the “IntelliWidget” meta box.
  4. In the new IntelliWidget Section meta box, select the IntelliWidget you just created from the “Replaces” menu.
  5. Select “Menu” from the Template dropdown menu.
  6. In the “Specific Posts” select menu, choose the pages and posts you want to display in your menu.
  7. Select “Menu Order” from the “Sort by” menu.
  8. No more settings are necessary–you can keep the defaults for all of the other settings.
  9. Click “Save.”
  10. Repeat for each page you want a custom menu. The same IntelliWidget can be used by as many pages as you want.
  11. Set the Menu Order for each page or post so that they sort correctly.
  12. See the settings documentation for details on the additional settings available.

You can further customize the behavior of each link in your menu using the IntelliWidget Custom Fields Meta Box on each post.

  • Enter the title you want displayed in the menu as the “Alt Title” value.
  • If you want the menu to link to an external page for this post, enter it as the “External URL” value.
  • Use “Link Classes” to specify any CSS classes for the link.
  • Select the target (i.e., “_blank,” “_new,”) from the “Link Target” menu.

Slideshow/Slider

  • First, you need a Slideshow Script

    There are a large number of jQuery slideshow/slider plugins available. Our personal favorite is Flexslider 2 by WooThemes so IntelliWidget is configured to use it via the “slides” template.
    If you don’t want to install another WordPress plugin, just add the script to your existing JS and it will load with the rest of the scripts.

    Verify the slider script is being loaded correctly in WordPress by checking for errors in your browser.

  • Method 1: Individual posts as slides
    1. Activate any intelliwidget as a Flexslider by entering “flexslider” in the “Classes” setting for the main IntelliWidgets Admin or IntelliWidgets Section Settings.
    2. Select “slides” as the template.
    3. Select an image size to display from the Image Size menu. (Featured images do not appear by default.)
    4. Select the posts you wish to cycle in your slideshow/slider in the “Specific Posts” menu. For additional flexibility, install the IntelliWidget Elements Post Type.
    5. The slideshow will now appear in the sidebar section for the pages using the IntelliWidget.
  • Method 2: Gallery Shortcode

    Another method is to insert a WordPress gallery into your post with the gallery shortcode. You can integrate WordPress galleries with Flexslider (and many other plugins) by installing the IntelliWidget Gallery Slides plugin. This will automatically convert the gallery into an unsorted list (used by many slider plugins) which you can then wrap in a <div> container for use with the slider application.

    Example:

    <div class="flexslider">
    [gallery ul_class="slides" ids="1,2,3,4,5"]
    </div>

  • Method 3: Custom Post Type

    Install the IntelliWidget Elements Post Type and combine both methods as needed. Use individual posts to embed galleries, or create slideshows by selecting multiple specific posts in IntelliWidget. Use the method that makes the most sense for your implementation.

Latest News

  1. Create a category named “News.”
  2. Assign any relevant Posts to this category.
  3. Follow the steps for “Featured Posts”, selecting “News” as the category.
  4. Select “Date” from the “Sort By” menu and “DESC” from the “Sort Order” menu.

Upcoming Events

  1. Create a category named “Events.”
  2. Assign any relevant Posts to this category.
  3. Enter the Start Date in the “IntelliWidget Custom Fields” section for each Event post. For multiple day events, enter the Expire Date as well.
  4. Follow the steps for “Featured Posts,” selecting “Events” as the category.
  5. Select “Start Date” from the “Sort By” menu and “ASC” as the “Sort Order” menu.
  6. Check the “Only future events” box.

Testimonials

  1. Customer Testimonials are just like any other Featured Post List.
  2. You can either create a Custom Post Type dedicated to these posts, or assign regular posts to a category named “testimonials” and select it as the “Category” setting.
  3. If using a Custom Post Type, select it and deselect the others using the “Post Types” checkboxes.
  4. Select “Random” as the “Sort By” setting to get a different set of testimonials each time.

CMS-Style Content Blocks

  1. Install a Custom Post Type to use for content blocks. The IntelliWidget Elements Post Type was designed specifically for this purpose.
  2. Create custom posts to be selected as re-usable content with IntelliWidget.
  3. Use the “verbatim” template to display “Specific Posts” created in the previous step.
  4. Show and Hide specific posts using the Only active events and Exclude expired posts settings.
  5. Alternatively, you can paste formatted HTML into the Custom Text textarea and you can display information specific to any page you wish.

Other Ideas

  • Did You Know? – Set up just like “Testimonials,” but with random snippets of useless information.
  • Fortune Cookie – Just like “Testimonials,” but with random snippets of wisdom and memes.

Need More Help? Contact Us!

Maintaining our reputation for excellent support is very important to us, so please do not hesitate to ask any question about this or any of our other plugins. You can also use the Child Theme Configurator Support Forum on WordPress.org. Don't forget to give us 5 stars!