ternstyle - Lehigh Valley, Allentown, Bethlehem, Easton, WordPress, Lehigh Valley web design, web programming, web development, lehigh valley web hosting, content management tools, website plugins, WordPress plugins, WordPress Themes, php libraries, php classes, javascript libraries, javascript classes, jQuery plugins, web programming, free web software, free php classes, free software

WordPress Members List Plugin Styling

An example of the standard mark-up generated by the Members List plugin is as follows:

<ul>
    <li>
        <a href="http://blog.ternstyle.us/?author=2">
               <img alt='' src='http://www.gravatar.com/avatar/bca6abf41d9902d08c30c28b8a15188f?s=60&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G' class='avatar avatar-60 photo' height='60' width='60' />
          </a>
          <div>
              <h3 id="tern_wp_member_1">
                    <a href="http://blog.ternstyle.us/?author=1">
                        admin
                    </a>
              </h3>
              <a href="mailto:matthew@ternstyle.us">
                    matthew@ternstyle.us
              </a>
              <a href="http://www.ternstyle.us/">

http://www.ternstyle.us/

              </a>
          </div>
    </li>
</ul>

Classes & I.D.s

• The main unordered list has the class – tern_wp_members_list.
• The link which houses the gravatar has the class – tern_wp_member_gravatar.
• Each list item’s h3 tag has an I.D. which starts with – tern_wp_member_ and is directly followed by the respective user’s WordPress I.D.
• Each list item’s extra information is housed in a <DIV> tag with the class – tern_wp_member_info.

Home > Products > Plugins > WordPress Plugins > WordPress Members List Plugin > WordPress Members List Plugin Styling