Multiple column user list in wordpress

How to create a multiple column member directory in wordpress, using the free amr-users plugin.

Member directory with custom avatar and no table html

Member directory with custom avatar and no table html

Key aspects:

  • non table html
  • css to set the width for each user div and to ‘float’ the divs next to each other

Steps:

  1. activate plugin , start with one of the sample lists
  2. make the list “public”  ( the backend admin lists all use table html )
  3. make the list use the “simple” (ie: non table html )
  4. create a page, enter short code

    Not logged in or no permission for non public user list

      where ‘n’ is the number of your public list.
  5. view the page.  This should use the default css.  If your page width is wide enough, the users should float up next to each other.   If not, you will need to adjust the css.

 amr users “configure the list” settings

Public Html Settings

Public Html Settings - set the tyep to "simple" and make the list "public"

Using firebug to inspect the css:

Default css to set the width and float the user records up next to each other

Default css to set the width and float the user records up next to each other

About anmari

the developer at anmari
This entry was posted in amr users documentation. Bookmark the permalink.