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 […]

  • How encode images to webp in browser with vanilla js without plugins

    Some days ago, while using a react repo I discovered this method that uses canvas to convert images to webp. Currently it’s not perfect and in some browsers won’t work on some browsers (guess which one: safari) and has a limited support for icc profiles / color space. You can find more info about project […]

  • image test

    this is an example related to https://github.com/WordPress/performance/issues/75#issuecomment-1027156989

  • Enable webp avif and heic/heif support for WordPress

    if you need only imageMagick and webp support: if you need only imageMagick-7.x and webp, avif and heic support: First of all, you may want to remove the original imagemagick, since there is no need to keep the old bundled version. Install the needed packages many of them are already installed. Ref. https://www.linuxfromscratch.org/blfs/view/svn/general/imagemagick.html Download imageMagick […]

No comments yet, be the first!

Comments

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