Medley WordPress Theme Documentation

In a hurry? Let us install it for you!

Skip this documentation with our 24h installation service! Whether it’s your own website or a client's, let us take care of it. The installation includes a full setup to make your website look just like our demo!

🧙‍♂️ 24h Theme Installation →

Installing WordPress

This is a Wordpress theme, so you must install Wordpress first. There are several ways to install WordPress but the easiest way would be to use one of the one-click autoinstallers available from you hosting company. Click here to learn how to install WordPress with the most popular autoinstallers, WordPress Toolkit, Cloudron, Fantastico, Installatron, and Softaculous.

Installing a Theme

There are two ways to install a WordPress Theme. We recommend you the first one:

1. Via WordPress Dashboard

To Install a Theme via WordPress Dashboard follow these steps:

  1. Go to your WordPress Admin Panel & Log in (wp-admin)
  2. Go to Appearance/Themes/Add New
  3. From top, Click on Upload Theme
  4. Choose the theme ZIP file you’ve downloaded & Click Install Now
  5. Click on Activate to active the theme

2. Via FTP

To install a WordPress Theme via FTP, follow these steps:

Use a FTP such as Filezilla.

  1. Open Filezilla
  2. Enter the FTP account details provided by your web host in Host, Username & Password field

    Host: Server hostname (ftp.mywebsite.com)
    Username: Username
    Password: Password
    
  3. Once connected, you’ll see two panels: left - shows the files on your computer & right - shows the files currently on the web server.
  4. Locate your root folder (Ex: public_html)
  5. Extract the theme file; drag & drop the unzipped theme folder to wp-content/themes directory.
  6. If you’re done uploading files, to disconnect just click the disconnect icon
  7. Activate the theme from Appearance/Themes

Activating Plugins

You will be asked to install Kirki as a required plugin. Theme options will be visible in Customizer as soon as it’s active.

Easy Digital Downloads plugin is optional, install it only if you are planning to use a digital store.

WP Claps is also a recommended plugin, as well as Contact Form 7 and Mailchimp for WordPress.

Import Demo

  1. Download this file (download it first to your computer).
  2. Log into your site as an administrator. Make sure the theme and all required plugins are active before proceeding. Read the previous chapter to learn how to do that.
  3. Go to Tools → Import. Choose “WordPress” from the list. Upload the file downloaded at step 1.
  4. You will be asked to map the authors in this export file to users on the blog. Choose an existing user. You will then have the choice to import attachments, so click on the “Download and import file attachments” box. Wait while WordPress imports everything.

Before adding items to the menu, you must first define it.

  1. Navigate to the WordPress Dashboard.
  2. From the ‘Appearance’, select the ‘Menus’ option.
  3. Choose Create a new menu at the top of the page
  4. Enter a random name in the Menu Name box
  5. Click the Create Menu button.

That’s it! You’ve just created a custom menu. Now let’s add some items to it!

  1. Notice the pane entitled Pages.
  2. Within this pane, click the View All link to display a list of all the published Pages on your site.
  3. Choose the Pages that you want to add by clicking the checkbox.
  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  5. Click the Save Menu button once you’ve added all the menu items you want.

Great! Now the final step, make the menu visible in site. “Medley” theme has 2 menu locations: main menu & extra menu (footer).

  1. Scroll to the bottom of the menu editor window.
  2. In the section titled Theme locations, click the check box for the location where you want your menu to appear:
  3. Click Save menu once you’ve made your selection.

The menu should be now visible in website.

Customizer (Theme Options)

Navigate to Appearance/Customize/Medley Theme Options from your WordPress dashboard. You will be taken directly to the Customizer where you will be able to set all theme options: homepage, typography, header, EDD store, footer etc.

How to stick a post

  • Go to Dashboard/Posts
  • In the right side menu, Click Edit link
  • Click Stick this post to the front page option

“Medley” shows trending posts in home, categories, tags by the number of views.

The most clapped posts are exactly what they seem, so you need the plugin WP Applause Button installed and active to display them.

Mailchimp Newsletter

You must have MailChimp for WordPress plugin installed and active.

Assuming you already have it active and its API key set, navigate to MailChimp/Form and paste the following code:

<div class="bgabstract rounded d-flex align-items-center"> 
  <div class="d-none d-md-block">
    <img width="140" class="mc-illustr" src="https://www.themepush.com/demo-medley/wp-content/themes/medley/assets/img/cutie.png">
  </div>
  <div class="mc-body">    
    <h3 class="mc-title">
    Subscribe to our Newsletter
    </h3>
    <p class="mb-4 mt-3 lead mc-text">
      You can't resist this cutie! Let him bring you our Friday newsletter.
    </p>  
    <input type="email" name="EMAIL" placeholder="E-mail address" required />
    <input type="submit" value="Subscribe" />
    <small class="d-block mt-2 no-spam">*No spam. You can unsubscribe at any time.</small>
  </div>
</div>

Save changes.

Navigate to Appearance/Widgets and drag “Mailchimp Sign-up Form” in “After Article” widgets area:

Don’t forget to save. That’s it. You can visit a random post and see the newsletter form at the end of your article.

You can do the same for the Footer widgetized area.

Author Profile & Donate Button

Each author is dinamically assigned an author page. The author profile consists of a small “about me” description, social links and donate link. The donate button will also appear on each of their own articles.

To add the specific social & donate links for each author, navigate to Dashboard/Users/Select user.

Guest/User Publishing

Activating the required plugin

“Medley” is made compatible with the free version of WP User Frontend to serve your possibility of allowing guests/users to publish posts on your website. Make sure you have the free version installed and active. Follow the set up process, let the plugin create the necessary pages.

Notes

The plugin usually installs the necessary pages on activation. However if you missed that part, create them yourself. You will only need these pages:

  • A page named My Account with the shortcode: [wpuf_account]. This page should be linked from the menu to logged in users. This is where the users can edit their profile and publish/edit posts.

  • A page named Edit with the shortcode [wpuf_edit].

  • A page named Login with the shortcode [wpuf-login].

  • a page named Registration with shortcode [wpuf-registration]

Set your publishing options

Next, navigate to Appearance/User Frontend and set the options.

Create “Publish a story” page

Now that you have completed the settings, let’s create a the “Publish a story” page, where your guests/users will actually publish their posts.

Navigate to Appearance/Frontend/Forms. Create a form and copy the generated shortcode. Paste this shortcode in a newly created page named Publish a story (or whatever name you wish).

mundana publish story

mundana publish story

mundana publish story

mundana publish story

If you want to add a note for the non logged in users, you can wrap the paragraph between [visitor_access]...[/visitor_access]. Our demo has such a note where we recommend te guests to sign in or register.

mundana publish story

mundana publish story

WordPress not sending emails?

This happens. Post SMTP plugin will help you fix this issue. It has a powerful Setup Wizard for perfect configuration to send e-mails through your WordPress website.

Contact Form

“Mundana” uses Contact Form 7 plugin to showcase the contact form in demo, but you can, of course, use any plugin you wish. For Contact Form 7 here is the form content:

<div class="row mb-4">
<div class="col-md-6">[text* your-name placeholder="Name"]</div>
<div class="col-md-6">[email* your-email placeholder="E-mail"]</div>
</div>
[textarea* your-message placeholder="Message"]
[submit "Send"]
<style>
.wpcf7-form-control, .wpcf7-form textarea {width:100%;}
.wpcf7-form textarea {height:200px;}
</style>

Create Child Theme

If you want to use a child theme, we recommend you to easily create a child theme with this Child Theme Configurator plugin.

Medley WordPress Theme Documentation

If you’d rather create it manually, please, read our detailed article: “Protect Your WordPress Customizations with a Child Theme”.

Translate Theme

The theme is translatable. All you have to do is to install a specific plugin so you can easily translate the theme in your own language. We recommend you Loco Translate plugin.

loco-translate

Icons

The theme has Font Awesome integrated. This means you can use any icon from this list anywehere in your site with a simple code.

Images

You can get free images for your website at Unsplash.com.

Get Support

This documentation is always evolving. If you have questions, please, submit a ticket here.

•
•
•

Follow us