Overview

Riley is powerful and ultra-responsive theme which can perfectly serve any type of business, freelance or interactive creative sphere. For theme support that cannot be found in this documentation, please visit our support forum.

Version 1.4: 08/15/14
Author: Arrowtheme.
Design: Entiri.

Installation

There are several ways Riley can be installed. For existing sites that already have content, the first method will only involve the installation and activation of the theme. The second option includes a full Drupal 7 installation with the same SQL database file used to create the theme demo. Please choose which installation method works best for you and follow the instructions. We do highly recommend you perform the full installation, especially if you plan on using the Commerce functionality.

Theme Installation only

Download Drupal: https://drupal.org/project/drupal for install drupal default.

Video: Video Installing Drupal 7

Option 1: Option 2:

Full Drupal Installation

The following steps are designed for people that have experience manually installing Drupal and importing databases. If you do not feel comfortable performing these steps yourself, contact your server administrator for help. NOTE this option is for a completely new Drupal install. Do not import the provided SQL file into an existing Drupal database or you will lose all of your data!

  1. Create a database for this installation of Drupal and import the SQL file that came with the theme.
  2. Follow these directions to create the settings.php file. Save this file somewhere so you can copy it over to the Drupal installation we have provided.
  3. Copy the entire contents of the Drupal_7 folder to the location on your web server where you want your site to be accessed. If you want your primary domain to point to your install of Riley, copy everything to the root folder. If you want your site to be accessed as a subsection of your domain (for example: yourdomain.com/drupal) then simply rename the Drupal_7 folder to the desired name and upload to the root of your server. Also be sure to copy over the settings.php file mentioned in the previous step
  4. Login to your site yourdomain.com/user with the username admin and the password admin123 and visit yourdomain.com/admin/people to change the admin username and password.
  5. Go through the Drupal configuration found in yourdomain.com/admin/config options and update all the necessary information to reflect your website. Also be sure to visit yourdomain.com/admin/config/media/file-system and change the Temporary Directory.

General Setting

Modules

You can find all of the modules used in the demo in the modules.zip archive in the root of the folder you downloaded from ThemeForest. Not all modules are required to use the theme, but below is a list of modules you will need to utilize various elements of the theme

Copy all folders under "/Theme Package/modules/*" to your existing drupal site "/sites/all/modules/*"

Copy all folder under "/Theme Package/libraries/*" to your existing drupal site "/sites/all/libraries/*", if you dont have "/sites/all/libraries" on your exist site, you need create one.

General Required Modules

Visit yourdomain.com/admin/modules for active all module need install (checked to ENABLE of modules and click button Save configuration).

Active modules in core Drupal: Blog, Contact and PHP filter.

Set permissions for modules Contact (Visit yourdomain.com/admin/people/permissions#module-contact and checked all "Use the site-wide contact form").

Set permissions for modules Search (Visit yourdomain.com/admin/people/permissions#module-search and checked all "Use search").

Text Formats

Remove tag <br> auto insert in Block static: Visit yourdomain.com/admin/config/content/formats/full_html and uncheck Convert line breaks into HTML (i.e. <br> and <p>)

Theme Settings

Visit yourdomain.com/admin/appearance/settings/riley to configure your theme's settings. You can select Projects layout, Blog layout, Contact layout, Add your own custom CSS, Add your own custom logo, etc.

Add Taxonomy

Tags

Visit yourdomain.com/admin/structure/taxonomy/tags/add to Add term for tags.

Example

Projects

Visit yourdomain.com/admin/structure/taxonomy/add to Add Taxonomy is Projects.

Visit yourdomain.com/admin/structure/taxonomy/projects/add to Add term for projects.

Example

Add Content Type

Slider

Create a Content type is "Slider" (link: yourdomain.com/admin/structure/types/add) with fields: Title, Image, Text 1, Text 2 and Text 3 (check Add existing field)

Fields:

Blog entry

Visit yourdomain.com/admin/structure/types/manage/blog/fields to add fields for content type Blog entry (check Add existing field)

Fields:

Projects

Create a content type is Projects (check Add existing field)

Fields:

Services

Create a content type is Services (check Add existing field)

Fields:

Icons:

Our Team

Create a content type is Our Team (check Add existing field)

Fields:

Support

Create a content type is Support (check Add existing field)

Fields:

Config URL aliases

Visit yourdomain.com/admin/config/search/path/patterns to configure URL aliases of Projects and Blog.

Add Node

Slider

Visit yourdomain.com/node/add/slider to create a node slider.

Blog entry

Visit yourdomain.com/node/add/blog to create a node blog.

Projects

Visit yourdomain.com/node/add/projects to create a node projects.

Services

Visit yourdomain.com/node/add/services to create a node services.

Our Team

Visit yourdomain.com/node/add/our-team to create a node Our Team.

Front Page

The front page seen on the Riley demo consists of various block regions. Some are generated by Views, and some are custom blocks with special markup. You can find all of the markup used on the demo front page inside the html_block and content_page_demo folder in the root of the theme folder.

Visit yourdomain.com/admin/structure/block to disable all Blocks in Region Help default (return "No blocks in this region") and click button Save blocks

Home Page

Block Regions

Riley features 24 block regions where you can add your own custom content. Visit yourdomain.com/admin/structure/block to add your own content to the defined block regions. Press "Add Block" to create a new custom block, or select an existing block from the Disabled list below the defined block regions.

All files HTML code for create Block Static in folder html_block

Header Block Regions

Riley features 6 header regions: Top Bar, Header Left, Header Right, Menu, Social Top, Before Content No Wrap. You can use the "demonstrate block regions" link on yourdomain.com/admin/structure/block to see exactly where these are located, but the names are fairly self explanatory. If you would like to mimic the social icon region seen above the menu on the demo you can use the following markup in a block:

Content Block Regions

Riley has a total of 6 content block regions: Before Content, Content, Content Contact Page, Left Sidebar, Right Sidebar and After Content. Like the Header regions described above these regions are fairly self explanatory. One thing to note is that the before and after content regions are called outside of the main content wrap so you can use completely full width content (like the Image Slider) or use your own custom wrappers. Those regions are there to do whatever you like with and are not restricted by any additional markup.

Footer Block Regions

Finally there are 6 footer block regions: Footer Parallax, Footer Box 1, Footer Box 2, Footer Box 3, Footer Box 4 and Footer Bottom. Four individual four column regions and two additional six column regions below.

Menu

Visit yourdomain.com/admin/structure/block/manage/system/main-menu/configure select Region Setting of Riley to be Menu Region to show menu.

Riley has a block region called Menu which can be used to add any menu block you like. The demo simply uses the default Main Menu block but you can create a custom menu block if you like.

Note: make sure to check the "show as expanded" box on all parent items with children to ensure the dropdown menu works correctly.

There are 2 options for menu: "Normal Menu" and "Mega Menu" 2 blocks corresponding to the "Main menu" and "TB Mega Menu: Main menu".

For your menu options, You visit address yourdomain.com/admin/appearance/settings/riley

If you choose Normal Menu: There are 2 options for menu in mobile: "Select Dropdown" and "Icon Menu".

If you choose Mega Menu: Visit yourdomain.com/admin/structure/tb-megamenu/main-menu for setting Mega menu.

Sliders

Visit yourdomain.com/admin/structure/views/import to create a views by import code from (/files_export_views/sliders.txt).

Result:

Visit yourdomain.com/admin/structure/block to assign blocks sliders to region Before Content No Wrap

Layer Slider

Show block on specific pages yourdomain.com/admin/structure/block/manage/views/sliders-block_layer_slider/configure

Refine Slider and Flex Slider

Follow the same steps as Layer Slider.

Revolution Sliders

Jollyany support Revolution Slider in module. You need install, active for module "art_revolution".

Visit yourdomain.com/admin/art_revolution to set up global settings for Revolution Slider.

Layer Text or HTML Style

When you need choose tab TEXT OR HTML and enter the value for the attributes.

Layer Image Style

When you need choose tab IMAGE, upload image and enter the value for the attributes.

Layer Video Style

When you need choose tab VIDEO and enter the value for the attributes.

If select video style is youtube or vimeo

How to find YouTube Video ID?

How to find a Vimeo video ID?

If select video style is HTML5 Video

Visit yourdomain.com/admin/art_revolution/1/globalsettings for settings global for Revolution Slider.

Visit yourdomain.com/admin/structure/block/manage/art_revolution/art_revolution_block_1/configure for call Revolution Slider to Home Page.

Services Block

Riley also includes support for a "Services" block that you can use to showcase additional Services items on the single Services node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/services.txt to import this View. Then simply place the "View: Services" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/services

Recent News

Riley also includes support for a "Recent News" block that you can use to showcase additional Blog items on the single Blog node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/recent_news.txt to import this View. Then simply place the "View: Recent News" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/recent_news/edit

Block: yourdomain.com/admin/structure/block/manage/views/recent_news-block/configure

Home Page Demo

Riley supports 6 types of Home Page display.

Example: Home Page Default

Visit yourdomain.com/admin/structure/pages/import to create a panels page by import code from (/files_export_panels/home_page.txt).

You can dropdown Blocks in Layout designer for change position of Blocks.

With pages: Home 2 - Parallax, Home 3 - Refine Slider, Home 4 - Flex Slider... the same Home Page Default.

Projects Page

Visit yourdomain.com/admin/structure/pages/import to create a panels page by import code from (/files_export_panels/projects.txt).

Project Filters

The Project includes support for an Isotope filter effect powered by Taxonomy terms. To utilize this effect visit yourdomain.com/admin/structure/taxonomy and create a new vocabulary (example: Projects). After creating your vocabulary you can create the terms you wish to use to categorize your portfolio items. This taxonomy vocabulary can be linked to the Project content type via a term reference field so you can select the category or categories you want to place your items into.

The filters are powered by a View called Project Filters that is placed in the View header as a global view area. If you don't already have this view you can use the code in /files_export_views/project_filters.txt to import as a View for placement in the View header of the Projects view.

Views: yourdomain.com/admin/structure/views/view/project_filters/edit

Projects Block

Projects page - Example: http://arrowtheme.com/riley/projects

This is the standard Project style which utilizes the "Project Block Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/projects_block.txt to import this View. Then simply place the "View: Projects Block" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/projects_block/edit

Projects Columns

To change the number of items appear in a row in the Projects block visit the theme settings (yourdomain.com/admin/appearance/settings/riley).

Projects Columns Page Demo

Riley supports 9 types of Projects display.

Projects Page - Example: http://arrowtheme.com/riley/projects-2columns

This is the standard Project style which utilizes the "Project 2 Columns Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/projects.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/projects-2columns .

Views: yourdomain.com/admin/structure/views/view/projects

Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu named 2 Columns under parent menu Projects.

Blog Page

Blog Page link: http://arrowtheme.com/riley/blog

Blog Layout

To change the number of items appear in a row in the Blog page visit the theme settings (yourdomain.com/admin/appearance/settings/riley).

Blog Layout Page Demo

Riley supports 2 types of Blog display.

Blog Page - Example: http://arrowtheme.com/riley/blog-sidebar

This is the standard Blog style which utilizes the "Blog sidebar Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/blog.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/blog-sidebar .

Views: yourdomain.com/admin/structure/views/view/blog

Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu Blog Sidebar under parent menu Blog.

Services Page

Visit yourdomain.com/admin/structure/pages/import to create a panels page by import code from (/files_export_panels/services.txt).

Recent Works

Riley also includes support for a "Recent Works" block that you can use to showcase additional Projects items on the single Projects node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/recent_works.txt to import this View. Then simply place the "View: Recent Works" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/recent_works/edit

Block: yourdomain.com/admin/structure/block/manage/views/recent_works-block/configure

About Page

Visit yourdomain.com/admin/structure/pages/import to create a panels page by import code from (/files_export_panels/about.txt).

Our Team Block

Riley also includes support for a "Our Team" block that you can use to showcase additional Our Team items on the single Our Team node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/our_team.txt to import this View. Then simply place the "View: Our Team" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/our_team

Our Works

Views: yourdomain.com/admin/structure/views/view/recent_works/edit/block_ourworks

Block: yourdomain.com/admin/structure/block/manage/views/recent_works-block/configure

Features Page

Components

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Components.html

Entypo Icons

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Entypo Icons.html

Awesome Icons

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Awesome Icons.html

Pricing Tables

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Pricing Tables.html

Grid System

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Grid System.html

Contact Page

Contact Page link: http://arrowtheme.com/riley/contact

To change layout contact page visit the theme settings (yourdomain.com/admin/appearance/settings/riley).

Contact 1

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Contact 1.html

Contact 2

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Contact 2.html

Contact 3

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Contact 3.html

Thank You

Thank you very much for purchasing the Riley Responsive Drupal 7 theme. Once again if you have any issues or feedback please connect via the ThemeForest author page. Enjoy using Riley!

© 2014 Arrowtheme.