Adagio Instructions

Adagio is a clean and modern Jetpack WordPress theme created to showcase your work with style. Professional design combined with easy to use features will make your website stand out from the crowd in no time.

Theme installation

Unzip file adagio_unzip_first.zip that you downloaded from us and install adagio.zip file. Read more how to install a theme → 

Making theme look like demo

Inside the package you will find a file named adagio.WordPress.xml that you can use to import the demo content. Read more how to make theme look like the demo 

Activate child theme

This theme enables you to create and activate a child theme with just one click, which is the recommended way to modify themes.  Learn how to create a child theme 

Adding a logo image

Go to Appearance → Customize → Site Identity to add a logo image or edit your site title. Learn how to update your site identity 

Setting up the menu

This theme has three menu locations, the Primary Menu, Secondary Menu and Social. Primary and Secondary menus are both located in the overlay, toggled with the sandwich menu button, Social is used to add your social media profiles. Create menus and assign them to each of the available locations. Learn how to setup WordPress menus 

Social media icons

This theme will automatically display links to your social media profiles as icons, using a Custom Menu. Learn how to setup social media menu 

Header image

In your Dashboard go to Appearance → Customize → Header Images. Add the images you want to display. You can add more than one and randomize them. The images will show in the header in the front page.

To add text on top of the header go to Appearance → Widgets and add a text widget or any other widget type to the Top Widget location.  Learn how to add widgets 

To have a link with the rollover effect as in our demo use the following html code

<a class="more-link" href="your url"><span data-hover="Read More">Read More</span></a>

Configuring the front page

In the front page below the header image, this theme will display the latest posts by default. You can assign a static page to display in front instead of the latest posts. Learn how to display a static page in front 

This way you can have the a default page, a featured posts page (as explained below), or your portfolio display in front, instead of the latest posts.

Featured posts template

This theme comes with a Featured Posts page template that displays featured posts or pages as you can see in the demo. To use this feature you need to install the Jetpack plugin.

  • In your Dashboard go to Plugins → Add New and search for Jetpack plugin, install and activate it.
  • Create a page and assign the Featured Posts template to this page. Learn how to change page templates 
  • Add the page to the menu or have it display in the front of your website as explained above.
  • In your Dashboard go to Appearance → Customize → Featured Content.
  • Add a Tag Name that you would like to use for posts or pages that you want to be featured in this section. (in our demo we used tag featured).
  • Add the new tag name to any post or page you would like to feature.
  • We suggest any featured post have a featured image, which will resize to 480x320px.

Portfolio

This theme uses Jetpack portfolios. To use this feature you need to install the Jetpack plugin as explained above.

  • Go to Jetpack → Settings from your Dashboard and under Writing section make sure Portfolios are activated.
  • In your Dashboard go to Portfolio → Add New to create a new portfolio entry.
  • You can create different Project Types to have multiple portfolios.
  • Add a featured image to each portfolio entry. Featured images will be resized to 360x400px.  Learn how to add featured images to a page or post 

To include the portfolio in the menu create a page, assign the Portfolio page template to it and include it in the menu. Learn how to change page templates 

This theme is optimized to be used with Jetpack galleries that we have used inside portfolio entries. Here’s a detailed tutorial how to use Jetpack Galleries 

Infinite scroll

This a feature of the Jetpack plugin and displays an Older Posts button instead of the default post navigation.

After you install Jetpack plugin as explained above;

  • In your Dashboard go to Jetpack → Settings.
  • Under Writing section check the radio button to Load more posts with a button or as the reader scrolls down.

Page templates

  • Default: Content page.
  • Portfolio: Page to display all your portfolio entries.
  • Featured Posts: Page that displays a selection of featured posts or pages.

Widgets

  • Right sidebar: This location is visible in the overlay, in the right side of the menus.
  • Top widget: Visible in the front page above the header images.
  • Footer widgets: Visible throughout the website, in the footer.

Featured Images sizes

  • Post featured images: 1200px wide with unlimited height
  • Portfolio images: 360 x 400px
  • Header images: 2000x700px
  • Featured posts image: 480x320px

If you need more help regarding this theme, please contact us.