WPBeginner » Editorial Staff http://www.wpbeginner.com Beginner's Guide for WordPress Mon, 22 Jun 2015 03:24:29 +0000 en-US hourly 1 http://wordpress.org/?v=4.2.2 Beginner’s Guide to WordPress User Roles and Permissions http://www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/ http://www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/#comments Wed, 30 Nov -0001 00:00:00 +0000 http://www.wpbeginner.com/?p=26352 WordPress comes with a user role management system which defines what a specific user can and cannot do on your website. Knowing these user roles and permissions are essential as your WordPress site grows. In this beginner’s guide to WordPress user roles, we will compare… Read More »

To leave a comment please visit Beginner’s Guide to WordPress User Roles and Permissions on WPBeginner.

]]>
WordPress comes with a user role management system which defines what a specific user can and cannot do on your website. Knowing these user roles and permissions are essential as your WordPress site grows. In this beginner’s guide to WordPress user roles, we will compare each WordPress user roles and permissions in an easy to follow infographic.

Out of the box when you install WordPress, there are five default user roles:

  1. Administrator
  2. Editor
  3. Author
  4. Contributor
  5. Subscriber

You can see a full comparison between each user role by viewing the infographic below:

Beginner's guide to WordPress User Roles Infographic [Thumbnail]

Alternatively, you can read the summary of each user role permissions below. We will also cover how to create new user roles and/or customize existing WordPress user roles.

Let’s start by looking at each default user role and their permissions.

1. Administrator

On a regular WordPress install, Administrator is the most powerful user role. Users with the administrator role can add new posts, edit any posts by any users on the site, and even delete those posts.

They can install, edit, and delete plugins as well as themes. Most importantly an administrator user can add new users to the site, change information about existing users including their passwords as well as delete any user (yes other administrators too).

This role is basically reserved for site owners and gives you the full control of your WordPress site. If you are running a multi-user WordPress site, then you need to be very careful who you assign an administrator user role.

We also recommend that you read this article: Should You Give Admin Access to Plugin Developers for Fixing Bugs?

2. Editor

Users with the editor role in WordPress have full control on the content sections your website. They can add, edit, publish, and delete any posts on a WordPress site including the ones written by others. An editor can moderate, edit, and delete comments as well.

Editors do not have access to change your site settings, install plugins and themes, or add new users.

3. Author

As the name suggests, users with the author role can write, edit, and publish their own posts. They can also delete their own posts, even if they are published.

When writing posts, authors cannot create categories however they can choose from existing categories. On the other hand, they can add tags to their posts (See: Categories vs Tags – Which one is better for SEO?).

Authors can view comments even those that are pending review, but they cannot moderate, approve, or delete any comments.

They do not have access to settings, plugins, or themes, so it is a fairly low-risk user role on a site with the exception of their ability to delete their own posts once they’re published.

4. Contributor

Contributors can add new posts and edit their own posts, but they cannot publish any posts not even their own. When writing posts they can not create new categories and will have to choose from existing categories. However, they can add tags to their posts.

The biggest disadvantage of a contributor role is that they cannot upload files (meaning they can’t add images on their own article).

Contributors can view comments even those awaiting moderation. But they cannot approve or delete comments.

They do not have access to settings, plugins, or themes, so they cannot change any settings on your site.

5. Subscriber

Users with the subscriber user role can login to your WordPress site and update their user profiles. They can change their passwords if they want to. They cannot write posts, view comments, or do anything else inside your WordPress admin area.

This user role is particularly useful if you require users to login before they can read a post or leave a comment.

Bonus: Super Admin

This user role is only available on a WordPress Multisite Network. Users with the super admin user role can add and delete sites on a multisite network. They can also install plugins and themes, add users, and perform network wide actions on a WordPress multi-site setup.

Customizing Existing User Roles

Default WordPress user roles are designed to have capabilities that fits the requirement of most websites. For example if you run a magazine site, then you can assign Editor user role to your senior staff and author user role to the junior staff. You can assign contributor user role to your guest authors and subscriber user role for your site visitors.

But what if you wanted to modify the permissions of an existing WordPress user role?

One thing we do not like about the author role is that not only can they publish their own posts, but they can also delete them after it’s published. This can undermine your entire editorial workflow. Also can be disastrous if a paid author leaves on bad terms and decides to delete all the posts they wrote (the ones you paid them for).

Let’s suppose that you want to modify the author user role, so that the authors cannot delete their posts once they’re published.

First thing you need to do is install and activate the Capability Manager Enhanced plugin. Upon activation, go to Users » Capabilities to modify user roles.

Editing user capabilities in WordPress

Next, select the user role you want to edit from the top box in the right column and then click the load button. This will load users capabilities in the boxes on the left.

All you need to do is uncheck the capabilities that you want to remove from that user role. For example, in this case we want to remove the capability to delete published posts from authors. We will uncheck ‘Delete Published’ capability. Once you are done, scroll down to the bottom of the page and click on the save changes button to store your settings.

Creating Your Own Custom User Roles in WordPress

You can create your own custom user roles in WordPress with your own set of capabilities by using the same Capability Manager Enhanced plugin. After installing and activating the plugin, go to Users » Capabilities and enter the user role name under ‘Create New Role’.

Adding a custom user role in WordPress

For example, a magazine site may need some staff member to actively moderate comment. In that case, you may want to create a user role that can only moderate comments. All you need to do is create a new user role, and then select the moderation comment option from under ‘Other WordPress Capabilities’.

For more detailed instructions, please see our tutorial on how to add/remove capabilities to user roles in WordPress.

We hope this article helped you understand WordPress user roles and permissions. You may also want to check out our guide on 21 great plugins to efficiently manage multi-author blogs in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

To leave a comment please visit Beginner’s Guide to WordPress User Roles and Permissions on WPBeginner.

]]>
http://www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/feed/ 2
How to Add Audio Files and Create Playlists in WordPress http://www.wpbeginner.com/beginners-guide/how-to-add-audio-files-and-create-playlists-in-wordpress/ http://www.wpbeginner.com/beginners-guide/how-to-add-audio-files-and-create-playlists-in-wordpress/#comments Thu, 18 Jun 2015 12:00:24 +0000 http://www.wpbeginner.com/?p=28340 Do you want to add audio files to your WordPress site? As a content management system, WordPress is capable of handling audio files by default. However, many beginners are not aware of this. In this article, we will show you how to add audio files… Read More »

To leave a comment please visit How to Add Audio Files and Create Playlists in WordPress on WPBeginner.

]]>
Do you want to add audio files to your WordPress site? As a content management system, WordPress is capable of handling audio files by default. However, many beginners are not aware of this. In this article, we will show you how to add audio files and create playlists in WordPress.

An audio playlist in WordPress

Supported Audio File Formats in WordPress

WordPress uses HTML5 audio tag to embed audio files. It is compatible with most modern devices and works particularly well for mobile devices. HTML5 audio tag supports MP3, OGG, and WAV file formats.

MP3 is the most commonly used and widely supported format for audio files, and we recommend you to use it whenever possible.

Adding a Single Audio File in WordPress

Adding a single audio file or music track to any WordPress post or page is very easy. Simply click on the add media button on the post edit screen.

Adding an audio file in WordPress post using media uploader

Next, a media uploader popup will appear on your screen. You need to click on the upload file button to select and upload your audio file. Once it’s uploaded, you need to click on insert into post button.

WordPress will insert your audio file in the post. If you are using the visual post editor, then you will be able to see the file embedded into your post. If you are using the text editor, then you will see the audio shortcode.

Single audio file embedded into WordPress visual editor

You can continue editing your post, or save and publish it. Once published, you can preview your post where you will see your audio file embedded like this.

A single audio file added in a WordPress post

Another easier way to add a single audio file is to upload the file to the media library. After that simply copy the file URL and paste it in the visual editor.

WordPress will automatically embed the URL for you. This is similar to how you embed videos in WordPress where you just paste the URL of a YouTube video and WordPress automatically embeds it.

Adding Audio Playlist in WordPress

Just like image galleries, you can also add audio playlists to your WordPress posts using the media uploader. Simply click on the add media button to upload your audio files.

After uploading your audio files, you need to select the files you want to include in the playlist and then click on create new playlist link in the left hand column.

Creating audio playlist in WordPress

You can now drag and drop to rearrange songs in the playlist. You can also enable the display of track name, artist name, and image. This information is embedded with your MP3 file’s IDT meta tags and is automatically displayed by WordPress.

Playlist Settings

Once you are done, simply click on the insert audio playlist button. Your playlist will be added to your post, and you will be able to see it in visual editor. You can now save your post and preview your playlist.

An audio playlist embedded in a WordPress blog post

Editing Meta Information of Audio Files in WordPress

WordPress can automatically get the meta information from your MP3 file. However, if your file does not have any meta information, or you would like to change it, then you can do so in the media uploader.

Click on the Add Media button to launch the media uploader. You can upload your audio file or if you have already uploaded the audio file, then click on it in the Media Library.

Once the audio file is selected, you will notice the attachment details column on the right. This is where you can provide track title, artist name, album name, caption and short description for the track. This information will be displayed in the playlists and on single attachment pages.

audio-meta-info

If the audio file you uploaded has an embedded image to be used as album cover, then this image will be automatically extracted by WordPress. It will be stored in your media library and will be used when this track is added to a playlist.

However, if your audio file does not have a cover image, then you can edit the file in WordPress and upload an image. Simply go to Media » Library select the file you want to edit and click on the edit link below it.

Editing an audio file in WordPress

If you are viewing the media library in grid view, then clicking on the audio file will open a popup. You can click on the Edit more details link at the bottom of the popup to edit the file.

Edit more details link

You will now reach the edit media page, where you can not only edit all the meta information for your audio file, but you can also upload a featured image. This image will then be used when the audio file is added to a playlist.

Uploading album cover image by editing media file in WordPress

Adding Audio Files and Playlists to Sidebar Widgets

By default WordPress does not automatically embeds audio file URLs. First we need to enable automatic embedding for text widgets, and then we need to enable shortcodes. Simply paste this code in your theme’s functions.php file or a site-specific plugin.

add_filter( 'widget_text', array( $wp_embed, 'run_shortcode' ), 8 );
add_filter( 'widget_text', array( $wp_embed, 'autoembed'), 8 );
add_filter( 'widget_text', 'do_shortcode');

Now you can upload a file to the media library and copy its URL. Add a text widget to WordPress sidebar and paste the URL inside it.

WordPress will automatically embed the URL into media player to play your audio file.

To add a playlist, you will need to use shortcode [playlist] with the IDs of media files you want to include into the playlist.

First you will need to upload the audio files you want to include in the playlist by visiting Media » Add New.

Now you need to edit each audio file you want to add in the playlist. Simply click on the edit link below the file in media library or click on edit more details link if you are viewing media library in the grid view.

On the Edit Media page, you will get the media file ID below the title field.

Getting the media file ID in WordPress

Now that you have the IDs of the file you want to add into the playlist, you can use the shortcode like this:

[playlist ids=”14,24,36″]

Don’t forget to replace the ids with your own file IDs. You can use this shortcode in a text widget. This is how it looked on our test site:

Adding an audio playlist in WordPress sidebar widget

We hope this article helped you learn how to add audio files and create playlists in WordPress. You may also want to take a look at our guide on how to start a podcast with WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Add Audio Files and Create Playlists in WordPress on WPBeginner.

]]>
http://www.wpbeginner.com/beginners-guide/how-to-add-audio-files-and-create-playlists-in-wordpress/feed/ 1
CSS Hero Review: WordPress Design Customization Made Easy http://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/ http://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/#comments Wed, 30 Nov -0001 00:00:00 +0000 http://www.wpbeginner.com/?p=28438 If you’re one of the many beginners who want to customize your WordPress site design without touching CSS, then you’re in luck. Recently we were asked to review CSS Hero, a WordPress plugin that claims to make design customization easy. In this article, we will… Read More »

To leave a comment please visit CSS Hero Review: WordPress Design Customization Made Easy on WPBeginner.

]]>
If you’re one of the many beginners who want to customize your WordPress site design without touching CSS, then you’re in luck. Recently we were asked to review CSS Hero, a WordPress plugin that claims to make design customization easy. In this article, we will show you how to use CSS Hero and why it’s one of the plugins that every WordPress beginner should try.

Video Tutorial

If you don’t like the video or need more instructions, then continue reading.

Our CSS Hero Review

CSS Hero - A point and edit CSS tool for WordPress Beginners

CSS Hero is a premium WordPress plugin that allows you to design your own WordPress theme without writing a single line of code (No HTML or CSS required).

You have the ability to undo changes which is extremely helpful for beginners. All changes are saved as an additional stylesheet, which means you can upgrade your WordPress theme without worrying about losing the changes.

If you’re a designer or developer, then you will find CSS Hero equally as good. It works with the Genesis theme framework and allows you to quickly make changes to a child theme that you can export to be used on client sites.

CSS Hero can save you a lot of time and frustration when it comes to making design customizations.

Usually we’re very skeptical about point-and-click design customization plugins due to their bloated size. However CSS Hero truly impressed us from the start.

If you were to ask us for an honest CSS Hero review, then we will give it a 5 out of 5 star.

How to Use CSS Hero to Customize Your WordPress Theme

First you need to install and activate the CSS Hero plugin. It is a premium WordPress plugin with pricing starting from $29 for a single site (totally worth the investment considering the time and hassle it will save you).

Use the CSS Hero coupon code WPBeginner, to get a special discount of 34% Off. If you are buying the PRO plan, then the same code will get you a whooping 40% discount.

Upon activation, you will be redirected to obtain your CSS Hero License key. Simply follow the on-screen instructions, and you will be redirected back to your site in a few clicks.

The goal of CSS Hero is to provide you a WYSIWG (what you see is what you get) interface for editing your theme. Simply visit your website while logged in, and you will notice the CSS Hero button screen.

CSS Hero Button on your website after activating the plugin

Clicking on the button will convert your site into the live preview. You will now be able to see the CSS Hero toolbar.

CSS Hero Toolbar

The first item on the tool bar is the selection tool. Simply click on it and then click on any element on your website. CSS Hero will show you the CSS selectors used by your theme for that particular element.

You need to click on the one that sounds more relevant to the item you are trying to edit. For example, in the screenshot below you will notice that CSS Hero is showing site title, site branding, site header, and site background selectors.

Since we just want to change the font of site title, clicking on site title is the obvious choice here.

Selecting an element for customization in CSS Hero

After you choose a selector, you will be able to see all the things you can modify for that element. This includes text, margins, padding, background, etc. Click on any property that you want to change. For example, if you want to change the font used for site title, then you will click on text.

Selecting a property you want to change

When you click on a property, it will show you all the options that you can modify. In this example, you will see font size, color, weight, height, spacing, etc.

Editing text properties for site title in CSS Hero

As you edit the values, you will see your changes applied to your site in the live preview. Once you are satisfied with the changes you made, simply click on the Save button to store your changes.

Repeat the process to modify any element on any page of your site.

How to Undo Changes in CSS Hero

One of the best features of CSS Hero is the ability to undo any changes you make at any time. CSS Hero keeps a history of all the changes you make to your theme. Simply click on the history button in the CSS Hero toolbar to see the list of changes.

Revert Back to an earlier state using the history tool

Click on the preview icon next to a date and time to see what your site looked at that point. If you want to revert back to that state, then you need to click on the Activate icon. It couldn’t get any simpler than that, but wait there is more.

The history tool takes you back to a particular time. This means that any changes you made after that time will also go back to that time. What if you only wanted to revert changes you made to a particular item?

In that case, you don’t need to use the history tool. Simply click on the element that you want to revert and then click on the reset button.

Reset an element to default CSS in your theme

This will change the item back to the default settings defined by your WordPress theme.

Customizing Your Site for Mobile Devices in CSS Hero

The most challenging aspect of web design is device compatibility. You need to make sure that your site looks equally dazzling on all devices and screen sizes. Web designers use a variety of tools to test for browser and device compatibility. Lucky for you, CSS Hero comes with a built-in preview tool.

Simply click on the desktop icon in the CSS Hero toolbar and then click on a device type. You can choose from mobile, tablet, and desktop devices. The Preview area will change into your selected device.

Editing CSS for mobile devices using CSS Hero in WordPress

You can now edit your site while previewing it for mobile devices. This tool is particularly useful to tweak your theme’s design for mobile and tablets.

CSS Hero Theme Compatibility

The official CSS Hero website has an ever growing list of compatible themes. This list includes many of the popular free WordPress themes. It also has the most popular premium themes from shops like Elegant Themes, StudioPress, and WooThemes. It is also compatible with some of the most popular WordPress theme frameworks like Genesis, Thematic, Pagelines, etc.

What About Themes not on Theme Compatibility List?

CSS Hero comes with an experimental feature currently in beta, which is called Rocket Mode Auto-detection. If you are using a theme not included in theme compatibility list, then CSS Hero will recommend you to try out the Rocket Mode.

Editing themes not officially compatible with CSS Hero

Rocket Mode tries to guess the CSS selectors from your theme on its own. This works out perfectly most of the time. If your theme follows WordPress coding standards, then you would be able to edit almost everything.

You may also want to contact your theme developer and ask them to provide compatibility with CSS Hero.

Which Plugins Are Compatible with CSS Hero?

CSS Hero is compatible with some of the most popular and commonly used WordPress plugins. The list includes Gravity Forms, Contact Form 7, DW Question Answers, WP Polls, etc.

If you are using a WordPress plugin which generates an output not editable by CSS Hero, then you can request plugin author to do that. They really don’t need to do much to provide compatibility with CSS Hero.

We hope that you found our CSS Hero review useful. This is truly one of the game changing plugins in the WordPress market. Be sure to give it a try.

Don’t forget to use the CSS Hero coupon code WPBeginner to get exclusive 34% off discount.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit CSS Hero Review: WordPress Design Customization Made Easy on WPBeginner.

]]>
http://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/feed/ 3