Resources

RadProfiles

Overview

An advanced user profile that can be extended. As seen on PageLines.com.

Installation & Activation

Rad Profiles can easily be downloaded from inside WordPress using PageLines Connect.

  1. Download the plugin from Extend. It will now appear in your Plugins tab.
  2. Click Plugins, and find your RadProfiles plugin (titled PageLines Section RadProfiles).
  3. Click Activate to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find RadProfiles in the Advanced section.

Settings

As with all section, the RadProfiles section includes the Standard Section Options such as padding/margin, background options and etc.

RadProfiles uses "user profile" options. These are configured on each user profile edit page. Visit your user profile page to configure the section.

Rad Profiles User options

Rad Profile Name
Enter text into the field to display your profile name.

Rad Profile City
Enter text into the field to display your profile town/city.

Rad Profile Country
Enter text into the field to display your profile country.

Rad Profile Twitter
Enter your Twitter username into the field to display a link to your Twitter account.

Rad Profile Bio
Enter text into the field to display your profile bio.

Your Contact URL
Enter text into the field to display your contact URL, this will automatically generate a button on the RadProfile.

Show a grid of users posts?
Control if posts created by the user are displayed under the RadProfile.

Number of posts to show (default 6)
Control the number of posts shown on the RadProfile, default is six.

Shortcode

The RadProfiles section can be inserted into a page, post or widget using the shortcode below. This is used as a quick reference and we recommend including a unique ID.


[pl_section section="rad-profiles" id="Enter_Unique_Id_Here"]

Classes

We recommend using your own custom classes via the Additional Styling Classes option to customize sections. However, you can use the classes below as a quick reference or in your own styles, if you prefer to use the default class(es) instead of your own.


/* rad-profile class is assigned to the <div> element
 * and wraps the whole section
 */
.rad-profile { ... }

/* Assigned to the <div> that wraps the 
 * users profile image (avatar).
 * You may want to prefix with the rad-profile class
 * to prevent styling avatars throughout your site
 * e.g. .rad-profile .pl-avatar { ... }
 */
.pl-avatar { ... }

/* Assigned to the <div> that wraps the user info */
.rad-profile-details { ... }

/* Assigned to the <h2> tag for user name */
.user_name { ... }

/* Location/Twitter */
.user-details { ... } 

/* Contact button */
.rad-profile-contact { ... }

/* Assigned to the <div> that wraps the user bio
 * prefix with the rad-profiles class to prevent styling
 * other sections using .hentry
 * e.g. .rad-profile .hentry { ... }
 */
.hentry { ... }

On This Page