Well designed Blogger and WordPress templates, hand drawn clip arts and illustrations. Mlekoshi Design Studio

Mary Lou

  1. Install theme
  2. Edit header
  3. About Me widget
  4. Additional widgets
  5. Resizing the photos
  1. Install theme

    The installation is pretty straightforward, but if you encounter any problems, or simply would rather have us do it for you, contact us here.

     

    Start by logging in to your WordPress dashboard. There, go to Appearance -> Themes.

    appearance-theme

     

    There, click Add New on top of the page:

    themes-add-new

     

    … choose Upload Theme:

    themes-upload-new

     

    … and point the installer to the .zip file you got with your template (for example moderncandy_1.0.0.zip) and click Install Now.

    themes-point

    The theme will be then uploaded to your website and automatically installed. You should see a confirmation screen like this one:

    themes-install-proces

     

    From here, you can Activate your template right away or you can choose to Live Preview it before switching. If it’s not a new blog and you want to customize the looks of your website before switching, you can use Theme Test Drive Plugin to do it.

    It is recommended to upgrade your theme to the newest version after you upload the theme or at any time you see a number next to Dashboard/Updates. This is how you perform the theme update:

    update

     

  2. Edit header

    After you install the theme the first thing you may want to do is to set up its header. There are 3 basic ways you can set up your header:

    • Text header

    Go to Appearance -> Customize in your dashboard. There you’ll be able to edit your blog title and tagline in real time. My starting point looks like this:

    header1

     

    I don’t want to use a tagline on my example website and want to make the title in the uppercase, so after a small change it looks like this:

    header2

     

    Click Save & Publish button on top of the page and you’re all set. 

    If you want to change the font style, size or color of the headline go to your dashboard and look for your template name in the left side menu and click Theme settings:

    header3

    There, look for Header font field. The whole edit block looks like this (there’s a similar one for tagline underneath it):

    header4

    Remember to save options after you make changes!

    If you want to choose a different font for your header (a one that is not available in the Header font select field) you can add a font to your template on the Fonts page (it’s right below the Theme settings page on the left menu of the dashboard). You can add any font from Google Fonts by typing it’s name like this:

    header5

     

    After you do that, in the Theme settings you’ll find new font in the font selector field:

    header6

     

    It’s that simple!

     

    • Image header

    You have your own image you want to use in the header? No problem! Go to the Theme settings again and check the first fields on the Header tab:

    header7

     

    Upload your image as the header image and choose if you want to show the image instead of the blog title and tagline. This way you can achieve having an additional background for the header.

    The image you upload will be scaled down to fit the width of the blog.

  3. About Me widget

    The About Me widget is a place for your photo in a circle on the right sidebar. To set it up go to Theme settings and choose a Sidebar tab:

    about1

     

    First click Add Image to upload an image from your computer that you want to use in the widget. I drag-and-dropped the image to the browser after clicking the button and after the image uploaded this is what I see:

    about2

     

    The image is selected, so now I click Select and there it goes to the settings page:

    about3

     

    I want to show the image in a circle so I leave the Show image in circle as set. In the next fields I put a link to the page I want the image to link to and write the welcome text. In my case it’s a description of the template with links to our site and original photo credits. This is how the filled section looks like:

    about4

     

    Ok, the work here is done, now let’s Save Options and add a widget to the sidebar. To do that go to Appearance -> Widgets. There, look for Mlekoshi About Widget and drag and drop it to the Sidebar Widget Area on the right side and click Save.

    about6

     

     

    Great! You’re all set! Here’s a final widget that can be seen on your website:

    about5

  4. Additional widgets

    On the Appearance -> Widgets page you’ll find also a Mlekoshi Custom Menu widget and Mlekoshi Pinterest Widget. The first one is used to display your social network links. To use it you need to set up a new menu on the Appearance -> Menus  page.

    Give it a name Social icons and add your links using the box on the left side called Links:

    widgets1

     

    After that save the menu. And get back to the widgets page. In the widgets settings choose the menu you just created, add a widget title if you like, save and enjoy your new icons in the sidebar:

    widgets2widgets3

     

    The Pinterest Widget has a title, username  (and optional specific board name) as settings, so it’s easy to set it up! Here are my settings:

    Screen Shot 2014-07-02 at 15.26.35

     

  5. Resizing the photos

    If your blog already has some photos (or especially if it has a ton of them) it’s a good idea to resize them all to make sure they will fit the new design. This is especially important for post images and the photo you want to in the sidebar circle. 

    To do that, install a plugin called Simple Image Sizes:

    install_simple_image_sizes

     

    After you add and install it, go to Settings/Media page, select the blog-width size to resize and click Regenerate Thumbnails. This will fix all photos in posts. It might take few minutes if your media library is big.

    resize_images

    To fix the photo for the sidebar, find it in the Media library and then click the button to Regenerate Thumbnails. Here’s how it’s done when there aren’t too many photos in the library:

    resize_one_photo

    You don’t need to do this step if you upload your photo after installing new Theme.

     

     

newsletter_ico

Join our newsletter!

Sign up to be the first to know about our new releases,
receive exclusive freebies and promo codes.