Home / Theme Setup

Theme Setup

Theme Setup

|

June 4, 2019

WordPress initial configuration

After theme install we have some little jobs to do to get it working properly!

  • First, create a menu then assign it into primary navigation
  • (optional) You may want to setup some Widgets into footer.
  • Last but not the least, we need to create the homepage (and optionally upload a featured image). After that, go to “settings” then “reading” and choose the homepage that we have just created (as a static homepage). Anyhow Modul-r support the blog mode with the post loop as frontpage, so isn’t required but recommended.

🎉 Job done ready to start!

click to enlarge

Customizer

WordPress customizer you have the following options

  • Change the color scheme (generaly typography colors, header and footer)
  • Change the typography (font-family, line height, font size)
  • Change the Header / Footer layout
  • Enable or disable the sidebar
  • Choose the hero image height
  • Add some link to your social media

Panels

Colors

Various color personalization are available to allow you to change all colours independently and let your imagination run wild.

Typography

By default you are allowed to choose two fonts and three thicknesses, but you have to make sure that these are available. That is why I recommend that you use the preview of the customizer to check that the fonts are loaded correctly.


Theme Options Gallery

click to display the image

  • (available only if woocommerce is enabled)
(click to zoom, this is the default lightbox included in this template)

That’s all! The theme is ready! But you may want step over check development environment setup or take a look at the built in components.

development environment setup
built-in components
Erik

Since I was first given a Commodore64 as a child my love for the keyboard was more than obvious! I’m Erik and I currently work in my own company in italy, where I am deployed as a fullstack developer (or one man army as you prefer). I have been studying graphics and communication but the curiosity has led me to be involved in all aspects of web design, from design to programming. I am the author/contributor of some plugins and templates for WordPress and WooCommerce, follow me on https://github.com/erikyo

Tags:

Post navigation

arrow_back
arrow_forward

You might be interested in...

  • Template: Sticky

    This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the […]

  • Edge Case: Nested And Mixed Lists

    Nested and mixed lists are an interesting beast. It’s a corner case to make sure that Lists within lists do not break the ordered list numbering order Your list styles go deep enough. Ordered – Unordered – Ordered ordered item ordered item unordered unordered ordered item ordered item ordered item ordered item Ordered – Unordered […]

  • Functions and Components

    This template include a ton of pre-builded animations, components, functions and an object position observer. Observer Every block-item can be animated easily with the the observer that is used to trigger animations while the object is displayed on the screen. In order to create an “observed” object you need to add interactive under “Advanced” -> […]

  • Image preview

    This is an example created some times ago for a support question into contact form 7 support forum, but could be very useful in order to show the uploaded images into a form with a input type file. ref. https://wordpress.org/support/topic/image-upload-preview-before-submit/ Example 2 This is another example that check the image size to be less than […]

No comments yet, be the first!

Comments

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