Melany WordPress Theme 1.0 Stable

melany-cover-trans

Melany WordPress Theme 1.0 is out!

This new major release introduces a revamped design along with a bouch of new features. Let’s see them.

Design

Melany’s design is now based on Twitter Bootstrap 3.0, which has a flatter and cleaner design compared with the previous 2.3.2 release. Colors hurt much less the user’s eyes, improving readability. Mobile access has improved too: Bootstrap 3.0 itself is mobile-first and I focused on this kind of devices while building Melany. On mobile devices, the navbar has two buttons: one for the menu and the other for the search bar. The search bar is collapsed on larger screens too, giving more space for the menu, and shows by default only on large desktops (>1200px).

There are some negative aspects though: the navigation bar supports only 2-levels deep menus, that is the main menu and single-level dropdowns. This is a limit set by Bootstrap, maybe I’ll introduce support for deeper menus later.

Features

Melany 1.0 is more complete, as it includes a large number of presentation features. Have a look at the Theme Customizer (Appearance > Customize), in each section you see something that has to do with this theme.

Site Title & Tagline

Along with the core Site Title and Tagline fields, you have other options here:

  • Title Length: limits site title length in the navbar, default 20 characters.
  • Credits: adds custom credit text in the footer, between copy and “powered by”.

Logo and Favicon

You can add an image to use as logo, which will be displayed in the box on the right, above the sidebar. There is the option to add a favicon too (the icon which shows up in the browser tab).

Colors

Here we have Header Text Color and Background Color that are WordPress core features, but Melany adds other fields:

  • Homepage Background Color: pick a color to use as static homepage background.
  • Homepage Text Color: pick a color to use as static homepage text color.
  • Navbar color scheme: select the color scheme to use in navbar and footer. 3 available: Light, Dark and Green.

Background Image, Navigation, Static Front Page

These are WordPress core features. The thing to note here is that Melany 1.0 supports Static Front Page, which is highly customizable through the Colors section.

Custom Header Image

An useful core feature now supported by Melany is Custom Header Image: upload an image (900x200px) and it will be displayed below the navbar.

custom-header

Author box

Want to display author informations below posts? Melany does it for you, without the need to install any plugin. Simply fill in the Bio info in your WordPress profile and they’ll be displayed in a box below your posts.

Download & Install

Now go and download Melany 1.0 form the WordPress.org Theme Directory, extract the melany directory and place it into /wp-content/themes/ or simply search Melany in WordPress Admin and install it.

Remember that you have to activate it in both cases.

And if you like it, please donate to support the development of this free theme. You know, we are simply machines that turn coffee into code.

Don't be shellfish...Share on Google+10Tweet about this on Twitter0Share on Facebook2Share on LinkedIn1Email this to someone

Creative Commons License
Melany WordPress Theme 1.0 Stable by Mattia Migliorini, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

deshack

Web Designer freelance, Ubuntu Member, Linux evangelist. Loves working on clear and minimal designs and wants to create beautiful things for different devices.

deshack wrote 55 posts

Post navigation


Comments

  • a and a vet

    I seriously love your site.. Great colors & theme.
    Did you build this amazing site yourself? Please reply back as
    I’m planning to create my very own website and would love to find out where you got this from or just what the theme is called.

    Thanks!

    my page a and a vet

  • Fabio

    Hi Mattia,
    I’ve installed Buddypress plugin and in the navigation bar/top menu, the search box is disappeared. Can I fix it, please?
    I have to precise that in mobile style the theme works perfectly, I mean, in the navigation bar/top menu, it is shown the clickable icon (Lens), but not in the browser (100%) view.

    Thanks in advance

    • deshack

      Hi Fabio,
      I am not able to reproduce your issue.
      Can you please activate WordPress debug mode and report any errors?

      • Fabio

        Hi Mattia,
        I solved the issue. I specified in the CSS:
        .search-collapse {
        height: 50px;
        }

        And the search box comes out again!

        Also with this plug in, I have to specify another issue. The toogle button of the search box doesn’t work correctly (between 1000px and 1279px browser width), I mean, the search box switch to the toogle lens button, the navigation menu doesn’t switch to responsive menu, but the toogle lens button isn’t clickable.

        At this moment, the unique solution who I found is:

        @media only screen
        and (min-width : 1000px)
        and (max-width : 1279px) {
        .collapse {display: block !important;}
        }
        So, the search box always is shown,
        I’ll try to debug the error and I let you know.
        Thanks in advance

        • deshack

          There’s something wrong here. Melany does not define any behaviour between 1000 and 1279px. The search toggle is shown instead of the search control up to 1199px and in wider screens the form control is displayed directly.

          Can you please provide some screenshots that show these issues?

          I’d like to discuss about this on GitHub, if you have an account. I already filed issue #205.

  • Ben Maynard

    Great theme, I am just wondering how I make my sub pages dropdowns? Currently they are all listed below the main link as hard coded links, and do not disappear when the mouse is taken off if that makes sense. Any ideas?

    Thanks again

    • deshack

      Sorry for being late with the reply, I’ve been very busy.

      Do you refer to the Pages Widget?

  • Crystal

    I love this theme, thank you! Can you tell me, how do I change my Avatar and Author Box? Thanks!

    • deshack

      Thank you!

      To change your avatar you need to go on gravatar.com, while the name and biography shown in the Author Box are set in your user’s profile (just go in the admin, Users > Your Profile).
      If you want to hide the Author Box or simply the number of posts written by the author, use the Theme Customizer, under Appearance > Customize.

      May I ask you to leave a review too?

  • MM

    Hello! I installed the theme for my blog. I was wondering if it’s possible to adjust the length of post previews. I usually put the more tag after my first image so that an image is seen in the homepage. Thank you!

    • deshack

      Hi! May it be a good solution for you to show featured image in the home page?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>