Getting started with your menomosso WordPress theme

As a professional photographer and filmmaker myself, I know how important it is to have a website that not only looks good, but that helps you to showcase your best work, keep everything updated, and which is structured so that search engines work for you rather than against you.

The WordPress themes I create are built from scratch for use by creatives. They’re designed for bloggers, photographers, videographers and filmmakers, writers, makers, musicians and designers who want a place of their own on the web to showcase their creativity and work.

menomosso WordPress themes are for those of you who want a stylish, streamlined, flexible website, but don’t want to sacrifice functionality for form. I know how expensive custom web design can be, so I have designed these out-of-the-box themes to be as flexible as possible so that you can make them your own without needing to know how to wriet a single line of source code.

As well as embracingbeautiful, clean, minimalist design principles, menomosso WordPress themes for creatives are streamlined without excessive code so that your website will load as quickly and efficiently as possible, and they are structured so that your visitors and prospective clients will intuitively know how to navigate your website and find what they’re looking for.

Support and Bug Reporting

I am unable to provide support and troubleshooting on an individual basis, but this guide will take you through setup and help you avoid many of the common pitfalls of starting out with WordPress.

WordPress is a very popular platform for blogging and hosting professional websites and portfolios, and there are hundreds if not thousands of tutorials and support guides dotted across the web to help you should you have any specific WordPress related queries.

Activating your menomosso Theme

To activate your menomosso theme navigate to Appearance // Themes and select Add New // Upload Theme. Now select the theme-name.zip file you downloaded when you purchased your menomosso theme. Upload the theme, hover over the theme thumbnail, and navigate to ‘Live Preview’.

Under ‘Live Preview’ you can see what your website will look like with your new menomosso theme and adjust your site settings. During the setup process, any visitors to your site will see your old or existing theme, so you won’t experience any down time.

Site Identity

In this panel you have the option to upload your own custom logo. If you don’t yet have, or do not wish to use a custom logo, your menomosso theme will default to displaying your blog or website name at the top of your website instead. You can set your website name and tagline in this panel in the customizer, as well as under Settings // General.

If you choose to use your own logo, I recommend that you use a PNG image with a transparent background. Many people choose to use businessname.png or logo.png as the image file title, but I encourage you to take this opportunity to use a keyword relevant to your industry. For example, as a photographer you might like to call your logo image file something like londondweddingphotographer.png or yorkflorist.png

By default the theme will display your logo with a maximum width of 100px. You can of course override that using custom CSS (if you know what you’re doing) with the #header img {} class.

Once you have completed the ‘Site Identity’ panel, click on the back arrow and navigate to ‘Social Media Icons’.

Social Media Icons

These icons will display at the bottom (footer) of each page on your website. You don’t have to use all of the social media icons, and you can of course leave this section blank if you wish to display your icons elsewhere on your site using a different plugin (e.g. via Jetpack in the sidebar widget).

Don’t forget to include the full url to each of your profile pages including the https:// for example https://www.instagram.com/instagram

Options include Facebook, Twitter, Pinterest, YouTube, Vimeo, Instagram and Flickr, SoundCloud and GoodReads. Certain browsers and ad block settings may interefere with social media icons. If you have input the correct urls but still can’t see the icons in your footer, double check your browser and ad block settings to make sure they aren’t to blame.


Menus

The menu is an important part of your website and you are in control of the links shown within your menu, as well as the order of individual links. You also have the option to nest menu items to create sub-menus (under Appearance // Menus), although I encourage you to keep your navigation as clean and simple as possible.

The menu system displays in full on a laptop or desktop computer, and is a fully responsive drop-down menu for mobile phones and tablets.

If you don’t already have a menu then create a new one and drag and drop the pages or custom links you would like to be included into the order you would like them displayed in.

You can add custom links, posts, pages, tags and categories to your menu. You can also change the name of individual options in your menu. For example, if your page is called something like ‘Information and Pricing’ you can shorten the name under ‘Navigation Label’. This doesn’t effect the name of the page, just the navigation label.

Make sure that you have checked the ‘Primary’ box on the settings page. The menu will not display at the top of your website unless it is set to ‘Primary’.

Widgets & Sidebars

menomosso themes come with two widget areas, one on the right hand side, and one in the footer. On smaller devices the sidebar collapses beneath posts and pages and above the footer. The widget areas are optional, but they’re useful for displaying information like brief biographies, social media streams, and email list sign up forms.

If you would like to display an Instagram feed on your website, then I recommend a plugin called ‘Instagram Feed‘. Once you have installed the plugin and connected it to your Instagram account, simply customise it then paste the shortcode into a text widget and place it in your footer (for full width display) or your sidebar.

Whether you choose to place the feed in your sidebar or footer, I recommend setting the width of the feed to 100% and the height to 20%. If you want to display a 3×3 grid, then select 9 photos and 3 columns. If you want to display your 9 most recent photos in a single row, then select 9 photos and 9 columns.

Homepage Settings

The ‘Homepage Settings’ tab lets you make the same changes to your blog or website as you can under Settings // Reading.

Additional CSS

The ‘Additional CSS’ tab is an advanced option. Don’t use it unless you know what you’re doing! If you install a plugin (like Jetpack) and want to style individual elements or widgets to match the theme, then place your custom CSS in this section. Don’t touch the theme’s stylesheets unless you know what you’re doing!

Optional Thumbnail Archive Page

menomosso themes comes with a built in template for a thumbnail based archive. It’s optional, but a great way to display a large body of work.

To get started, create a new page and title it something like ‘Thumbnail Archives’ or ‘Archives’. On the RHS of your page editor search for ‘Page Attributes’ and then toggle ‘Thumbnail Archives Template’. Publish the empty page, and make sure to add it to your main menu.

By default, new posts will display in your archives as a blank square with a hyperlinked title and date. You can choose to display an image by using the ‘featured image’ setting when writing your blog post. The image doesn’t have to be square, as the template will crop on display (like Instagram does in grid mode).