These setup and usage instructions assume that you have working knowledge of the WordPress publishing platform. For more detailed information on how to use WordPress, please refer to the official WordPress documentation codex.
Use the links below to download the sample data file and child theme for this theme.
NOTE: WordPress does not provide import functionality for theme options, custom fields, required plugins or other settings. This means that even with the theme sample data file, you will still need to adjust your theme options and most likely add content according to the setup and usage instructions below. Download theme sample data file Download Child themeThere are a number of ways to install a WordPress theme:
- WordPress admin
- S/FTP
- Hosting control panel (cPanel used as a specific example)
The recommended installation method for most people is through the WordPress admin, though some theme updates may require the use of S/FTP or your hosting control panel. Instructions for all three options can be found in the Using Themes Codex article.
Modern WordPress themes include native custom menu support which allows you to configure your theme menus however you like in a convenient drag-and-drop interface. With a custom menu you can easily add custom links, pages, and categories to your navigation menu. Follow the instructions below for more information on how to create and mange custom menus.
For more information on custom menus please see the Appearance Menus Screen Codex article.
Modern WordPress theme include widgetized sidebars and/or content areas. The widgets you have available to you depend on your theme and plugins installed (if your theme and plugins provide custom widgets). You can view and add widgets to your theme by logging into your WordPress admin panel, and then navigating to Appearance > Widgets. Please be aware that some widgets have options, usually within the widget itself (e.g. by expanding the widget after adding it to your sidebar), or in a dedicated admin panel sidebar.
For more information on widgets please see the WordPress Widgets Codex article.
The customizer page is where you will find all the theme specific configuration, customization and featured content options. Within your WordPress admin, click "Appearance" and then "Customizer" to load the options page. There will be on screen descriptions and instructions for each option within the page explaining what the option is for and how to configure it. The customizer page and included options will most likely be different for each individual theme, but the concept is the same for all themes.
Blocco has a unique feature which utilizes a WordPress menu as the block items on the home page. This allows you to create an unlimited number of block items on your home page that link to the various pages, posts, external links and more!
By default, WordPress will show your most recent posts on the front page. You can set a specific Page to be used as the front page as well as a page to show your Posts. To do this, as shown in the theme demo, do the following:
Now that we have our Home page assigned, we’ll need to create and set a menu to be displayed for this page.Learn more about using WordPress menus, click here →.
That’s it! You now have the front page of your site setup and displaying a block navigation. If you like, you can add a video to the home page as shown in the theme demo, too. This can be done by simply adding a video URLinto the content area of your Home page. Any content added to the home page will display above the block menu.
Blocco uses the WordPress Custom Header feature to control the logo/title area. You can access this area by going to Appearance > Header. Learn more about Custom Headers →. In the case of Blocco, we’ve simply created an image based logo using a fancy font, and rotated it. You can do the same using any image editing software you may have. When ready, upload the image based logo using the Custom Header settings.
Additionally, Blocco allows you to control the logo/title area for mobile devices as well. As with most theme settings, you can optimize the mobile logo/title area by going to Appearance > Themes and clicking on the “Customize” link for your currently selected theme. In the customize screen, go to the Header Image section and update the Mobile Header Image option.
Blocco utilizes the WordPress Menus feature to display all it’s menu and submenus. You can setup your menus by going to Appearance > Menus. Learn more about using WordPress menus, click here →.
You’ll notice in the theme demo there are a few colored links at the top of the navigation. This is achieved using WordPress Menus, Custom Links, and applying a special CSS class name.
CSS classes are an advanced menu property that allow you to apply a CSS class to individual menu items. Turn on the CSS class capability, by clicking the Screen Options drop down at the top-right of your screen, and check the boxes for CSS Classes. To add a color to a menu item, simply apply one of the following class names to a custom link: green, light-blue, dark-blue, charcoal, pink, orange, or red.
The video post format should be used to display a video. To add a video simply paste a valid video embed url into the content area. The theme will automatically embed the video and feature it at the top of the post. This will also allow the post to be used by the Format Gallery: Video page template.
NOTE: Vimeo video urls must not contain an “s” in the “http://” part of the url. If it does, it should be removed, otherwise the video will not automatically embed.