Theme Installation

To install this theme you must have a working version of WordPress. Make sure that your installed WordPress version is 4.5 or higher.

If you need help by installation of WordPress, follow the instructions in WordPress Codex. Also here you can download the latest version of WordPress.

Downloading

Downloading

At first, after purchasing this theme please download the package from ThemeForest (to do this you must be logged in ThemeForest). Move your mouse over your ThemeForest login name in right top corner and then click Download. On the Downloads page you will find all the items that you have purchased. This theme will also be here.

In the next step click the Download All files & documentation button and save package on your computer.

Please unpack the entire package after downloading.

The Main Files includes the following files and folders:

  • Demo Content folder - contains demo data file
    • melissa-demo-data.xml - xml file with demo data
  • Documentation folder - contains this document
    • assets folder - contains files for documentation
    • documentation.html - documentation file
  • melissa.zip - Melissa theme (ZIP archive for installation)
  • Changelog.txt - changelog text file
  • Readme.txt - some information about folders and files in the package

Installation

You can install this theme in two different ways:

1. WordPress Theme Manager

1.1 Go to Themes Page

Themes Page

Step 1. Login to your WordPress admin page.

Step 2. Navigate to Appearance Themes.

Step 3. Press Add New button.

1.2 Upload Theme

Upload Theme

Step 4. Press Upload Theme button.

1.3 Upload Theme ZIP File

Upload Theme zip File

Step 5. Press Choose file button and select the theme zip file (melissa.zip).

Step 6. Then press Install Now button.

The installation process starts...

1.4 Activate Theme

Activate Theme

Step 7. After the installation is complete, click Activate the theme.

1.5 Required Plugin

Required Plugin

Step 8. The theme is now activated. You should now install and activate the required plugin by clicking on Begin installing plugin on top of the screen.

1.6 Plugin Installation

Plugin Installation

Step 9. Choose the Meta Box plugin and then choose Install from the dropdown menu. Press Apply button to continue the installation.

1.7 Installation Complete

Installation Complete

Step 10. After the installation is complete, click on Return to the Dashboard.

1.8 Reading Settings

Reading Settings

Step 11. Navigate to Settings Reading Front page displays and choose "Your latest posts" option.

Step 12. Press Save Changes button.

2. Installing by FTP

If you have any problems with installing the theme from the WordPress Dashboard (for example, you see this error: "The uploaded file exceeds the upload_max_filesize directive in php.ini"), then you need to install it via FTP.

For this you need to upload non-zipped theme folder called melissa to /wp-content/themes/ folder in your WordPress installation folder on your server.

Next, login to your WordPress admin page and activate the theme (Appearance Themes).

After the successful activation see Step 1.5 of this documentation.

How to Update Melissa

In this part of the guide describes how to update Melissa. Just follow these seven steps:

Step 1. At first, you need to download the latest package from ThemeForest.

Step 2. Unpack the entire package after downloading.

Step 3. Next, please unpack the archive with the theme: melissa.zip.

Step 4. After that you need to remove the melissa folder from your server (/wp-content/themes/melissa). For this you can use any FTP client, for example, FileZilla.

Step 5. Then you need to upload non-zipped melissa folder to /wp-content/themes/ folder in your WordPress installation folder on your server.

Step 6. Next, login to your WordPress admin page and install required plugins (if it is necessary). You will see a notification about this.

Step 7. Clear your browser's cache, and update plugins cache (if you have caching plugins).

Remember, that all your data in the database are safe because after updating theme files does not change anything in the database. Please also always make a backup of your files before you overwrite them with the new.

If you have made changes in the files, then after updating all your changes will be lost.

Creating Blog Posts

To create a blog, first make sure that on the front page displays your latest posts. For this navigate to Settings Reading Front page displays and choose "Your latest posts" option. After that you can create new blog posts.

Adding new posts works similar to standard WordPress Posts Add New. All posts will be displayed on the front page.

With this theme you can use 10 post formats: standard, image, gallery, video, audio, aside, link, quote, status, and chat. Here's a quick overview of them:

Standard Post Format.

When writing or editing a post, Standard is used to designate that no Post Format is specified. However for this format you can add an image (Featured Image section). This image will be displayed at the top of your post. Also in the bottom of the page you will find several additional sections: General Settings, Header Image, and Header Video. In General Settings you can select Layout, add Subtitle, and select header background type for your post. Header Image and Header Video options you need to use only if you want to display in the header of this post an image or a video, which differ from an image or a video that you set in the theme settings. In this case, do not forget to select "Own background" value in the "Header background for this post" option.

These three additional sections (General Settings, Header Image, and Header Video) are available for each post format.

Image Post Format.

For this format you can also add an image (Featured Image section), and this image will be displayed at the top of your post.

Gallery Post Format.

The gallery format gives you additional settings for creating images gallery. These settings you can find in the bottom of the page (Gallery Format section). To create a gallery, press + Add Media button and then select or upload images. Recommendation: these images must have the same dimensions.

Video Post Format.

You can also create a video post. When you select the Video format, in the bottom of the page you will see additional settings for this format (Video Format section). Here you can add a link (URL) to your video. The theme will then check the URL and display the video at the top of your post. If the video does not appear then you have used the wrong URL. Make sure the URL you take is directly from your browser navigation bar when viewing a video on YouTube, Vimeo, etc.

Audio Post Format.

For the Audio format additional settings are also available. These settings you can find in the bottom of the page (Audio Format section). Here you can add a link (URL) on a song from SoundCloud service. The theme will then check the URL and display the audio at the top of your post. Make sure the URL you take is directly from your browser navigation bar when viewing a song on SoundCloud.

You can also select the type of thumbnail for the gallery, video, and audio formats. This option (Thumbnail type) determines what will be displayed on the blog page: featured image, slider (Gallery format), video player (Video format), audio player (Audio format).

Aside Post Format.

This format is suitable for brief snippets of text that aren’t quite whole blog posts, such as quick thoughts and anecdotes. You can also add an image (Featured Image), and this image will be displayed at the top of your post.

Link Post Format.

This is a post with a link to another site. Melissa theme will use the first <a href=""></a> tag in the post content as the external link for that post. You can also choose where you want to open this link: in a new tab or not (Link Format section).

Quote Post Format.

Quote highlights your blockquoted text in a bolder way than standard posts typically do. Use the following code for your quotations:

<blockquote>
  A quotation text
  ...
  ...
  <footer>
    <cite>
      <a href="#">Author</a>
    </cite>
  </footer>
</blockquote>

You can use this code in your WordPress text editor (Text tab).

Status Post Format.

Status format is suitable for a quick update about what you are doing right now (similar to a Twitter status update). In the Melissa theme is also recommended to write a title for a post in this format.

Chat Post Format.

Chat to highlight memorable conversations you have with friends. It looks like so:

John: foo
Mary: bar
John: foo 2
...

Below you can see the "Add New Post" page.

Add New Post

You can also add pagination to a single post page. For this you need to use <!--nextpage--> quicktag. Just add it to your text editor where you want to start a new page. Here you can see how it looks.

nextpage

On the live preview demonstration you can see popup images on single pages. You can also easily do the same with your images.

Step 1. At first, you need to add an image into the Post Editor. Press Add Media button on the top left of your Post Editor and select an image you want to add.

Step 2. Hover your mouse over the image and click the Edit icon.

Edit icon

Step 3. From the Link To drop-down menu select Media File.

Step 4. Next, click the ADVANCED OPTIONS link.

Step 5. Add the following class to the Link CSS Class field: bwp-popup-image

Step 6. Press Update button.

popup image

After completing these steps your image also can be opened in a popup window.

Creating Pages

Adding new pages works similar to standard WordPress Pages Add New.

At the bottom of the page you can find several additional sections: Page Settings, Header Image, and Header Video. In Page Settings you can select Layout, add Subtitle, and select header background type for your page. Header Image and Header Video options you need to use only if you want to display in the header of this page an image or a video, which differ from an image or a video that you set in the theme settings. In this case, do not forget to select "Own background" value in the "Header background for this page" option.

You can also add an image to your page (Featured Image section).

Creating pages

Creating Menus

The first step of creating our menu is to open the WordPress Menu Editor. For this go to Appearance Menus, type Name for your menu and press Create Menu button.

Create menu

Next, in section Theme locations for position Main menu you need to choose a menu that you've just created.

Now you can add Pages, Posts, Custom Links and Categories from blocks located on the left.

At the end you need to save your new menu by clicking on Save Menu.

Save menu

Widgets

You can manage widgets on the Widgets page (Appearance Widgets).

Available widget areas:

  • Homepage
  • Archive Pages
  • Single Post
  • Pages
  • Footer (Column 1)
  • Footer (Column 2)
  • Footer (Column 3)

This theme includes 7 new widgets but in total you have 22 different widgets to use.

New widgets:

  • Popular Posts - Widget shows a list of popular posts
  • Posts List - Widget shows posts list with large thumbnails
  • Random Posts - Widget shows a list of random posts
  • Recent Posts - Widget shows a list of recent posts
  • Slider With Posts - Widget shows a slider with posts
  • Social Links - Widget shows links to social profiles
  • Thumbnails Gallery - Widget shows a gallery of post thumbnails

To get them, all you need to do is drag widgets available on the left side and drop into the right sidebars on the right side.

Widgets
New widgets

Theme Customization

Theme options powered by WordPress Customizer. To find them, Navigate to Appearance Customize.

Theme settings

1. Site Identity

  • Logo - here you can upload logo. For this option you need to select the Image logo type: Customize General Settings Logo Logo Type: Image. Note: make sure that your installed WordPress version is 4.5 or higher, because logo upload option will only work with WordPress v4.5 (or higher).
  • Site Title - title for your site. It is displayed in the window / tab of your browser.
  • Tagline - tagline for your site. It is also displayed in the window / tab of your browser.
  • Retina Logo (optional) - here you can upload Retina logo. Note: Retina logo should be always 2x larger than regular logo. This field is optional.
  • Site Icon - upload your favicon image. Icon must be square, and at least 512 pixels wide and tall.
Site Identity

2. General Settings

Header

  • Header Type - choose between "Simple header" and "Header with animation" options.
  • Header Background Type (Header Type: Header with animation) - choose between Image and Video options. Note: This setting is only for the second header type (Header Type > Header with animation). Also remember that mobile devices do not support Video backgrounds. On mobile devices will be displayed an image that you selected for this video.
  • Show search icon - show/hide search icon.

Logo

  • Logo Type - choose between Text and Image options.
  • Text for Logo (Logo Type: Text) - enter text for your logo.

Header Custom Text

  • Custom Title - enter a title for the home page. Allowed HTML Tags: <span>, <strong>, <b>, <em>, <i>. Allowed Attributes: <span>: class; <i>: class.
  • Custom Text - enter a brief description of your site. It will be displayed on the home page. Allowed HTML Tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed Attributes: <a>: href, title, target, class; <span>: class; <i>: class.

Sticky Menu

  • Enable sticky menu - enable/disable sticky menu.

Blog

  • Blog Layout - choose a blog layout (3 Columns, 2 Columns with left or right sidebar, 2 Columns, 1 Column with left or right sidebar, 1 Column).
  • Pagination Type - choose between Standard pagination, Next/Previous page links, Infinite scroll, and Load More button.
  • Links Open in... (Target Attribute) - select New tab (_blank) to open links on blog posts in a new browser tab.
  • Use Excerpt or "Read More tag" - select Read More tag if you want to use WordPress read more tag for creating excerpt for posts. Otherwise Excerpt will be created automatically.
  • Excerpt Length (Number of Words) - length for auto excerpt (default value: 20).
  • Increase all small featured images - enable this option if you want to scale small featured images.
  • Show icon and transparent dark background when you hover on featured images - enable this option if you want to show icon and transparent dark background when you hover on featured images.
  • Show date - show/hide date.
  • Show views counter - show/hide views counter.
  • Show likes counter - show/hide likes counter.

Single Post Page

  • Show social sharing buttons - show/hide social sharing buttons.
  • Show views counter - show/hide views counter.
  • Show comments counter - show/hide comments counter.
  • Show likes counter - show/hide likes counter.
  • Show author - show/hide author.
  • Show date - show/hide date.
  • Show categories - show/hide categories.
  • Show tags - show/hide tags.
  • Show post navigation - show/hide post navigation.
  • Show "About the author" block - show/hide "About the author" section.
  • Show related posts (by tags) - show/hide related posts section.

Other Settings

  • Enable hover effect for all content blocks - enable/disable hover effect for all content blocks.
  • Add "data-no-retina" attribute to all images (fixes retina.js 404 errors) - enable this option if you want to fix retina.js 404 errors (more about it you can find here).
General Settings

Footer Widgets

  • Footer Widgets Height, px - enter widgets height (optional). Note: I recommend to use this option only if you have 3 widgets in the footer and you want that all these widgets had the same height.

Copyright

  • Copyright Text - enter your copyright information (or other text). Allowed HTML Tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed Attributes: <a>: href, title, target, class; <span>: class; <i>: class.

Social Links & RSS

  • Twitter URL - link to your Twitter profile.
  • Facebook URL - link to your Facebook profile.
  • Google+ URL - link to your Google+ profile.
  • Pinterest URL - link to your Pinterest profile.
  • VK URL - link to your VKontakte profile.
  • Flickr URL - link to your Flickr profile.
  • Instagram URL - link to your Instagram profile.
  • 500px URL - link to your 500px profile.
  • YouTube URL - link to your YouTube profile.
  • Vimeo URL - link to your Vimeo profile.
  • Soundcloud URL - link to your Soundcloud profile.
  • Dribbble URL - link to your Dribbble profile.
  • Behance URL - link to your Behance profile.
  • GitHub URL - link to your GitHub profile.
  • RSS URL - link to RSS feed.
Footer

4. Font Family

  • Headings - this font will be used for all headings: h1, h2, h3, h4, h5, h6 (default value: Lato).
  • Content - this font will be used for all theme texts except headings, metadata, quotes, logo, and menu (default value: Lato).
  • Metadata - this font will be used for metadata: date, author, categories, tags, counters (default value: Lato).
  • Quotes (Blockquote Items) - this font will be used for blockquote item (<blockquote> tag; default value: Noto Serif).
  • Logo (Logo Type: Text) - this font will be used for your text logo (default value: Lato).
  • Menu - this font will be used for header menu (default value: Lato).
  • Character Sets - specify which subsets should be used. Multiple subsets should be separated with commas (,) and should be entered without spaces. Example: latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext (default value: latin).
Font Family

5. Font Size & Style

Main Content

  • Content: Font Size, px - font size for all theme texts except listed below (default value: 16).

Text Logo

  • Logo: Font Size, px (Logo Type: Text) - font size for logo (default value: 26).
  • Logo: Font Style (Logo Type: Text) - font style for logo (default value: Bold).

Menu

  • Menu: Font Size, px - font size for menu items (default value: 16).
  • Menu: Font Style - font style for menu items (default value: Bold).
  • Submenu: Font Size, px - font size for submenu items (default value: 15).
  • Submenu: Font Style - font style for submenu items (default value: Bold).

Header Custom Text

  • Header Custom Text: Title Font Size, px - font size for page title (default value: 66).
  • Header Custom Text: Title Font Style - font style for page title (default value: Bold).
  • Header Custom Text: Subtitle Font Size, px - font size for page subtitle (default value: 21).
  • Header Custom Text: Subtitle Font Style - font style for page subtitle (default value: Normal).

Blog Post

  • Blog Post: Title Font Size, px - font size for post title (default value: 29).
  • Blog Post: Title Font Style - font style for post title (default value: Bold).
  • Blog Post: Metadata Font Size, px - font size for metadata: date and counters (default value: 12).
  • Blog Post: Metadata Font Style - font style for metadata (default value: Normal).
  • Blog Post: Metadata Text Transform - text transform for metadata (default value: Uppercase).

Single Page

  • Single Page: Metadata Font Size, px - font size for metadata: author, date, categories, tags, and counters (default value: 16).
  • Single Page: Metadata Font Style - font style for metadata (default value: Normal).
  • Single Page: Metadata Text Transform - text transform for metadata (default value: None).

Sidebar & Widgets

  • Widget Title Font Size, px - font size for widget title (default value: 22).
  • Widget Title Font Style - font style for widget title (default value: Bold).
  • Widget: Post Title Font Size, px - font size for post title (default value: 17).
  • Widget: Post Title Font Style - font style for post title (default value: Bold).
  • Widget: Metadata Font Size, px - font size for metadata: author, date, categories, and counters (default value: 12).
  • Widget: Metadata Font Style - font style for metadata (default value: Normal).
  • Widget: Metadata Text Transform - text transform for metadata (default value: None).
Font Size and Style

6. Colors

  • Background Color - select your background color.
  • Main Color - select main color for your site (some hover colors and link colors you can set in settings below).

Header

  • Header Background Color - background color for header section.
  • Header Background Transparency (1..9) - transparency value for header section (min=1, max=9).

Text Logo

  • Logo Color - text color for logo (only if you are using a simple text logo).

Menu

  • Menu Link Color - link color for menu items.
  • Menu Hover Link Color - link color for menu items on hover.
  • Submenu Background Color - background color for submenu section.
  • Submenu Link Color - link color for submenu section.
  • Submenu Hover Link Color - link color for submenu section on hover.
  • Mobile Menu Border Color - border color for mobile menu.

Dropdown Search Form

  • Search Icon Color - color for search icon.
  • Search Icon Hover Color - hover color for search icon.
  • Search Form Background Color - background color for search form.
  • Search Form: Text Color 1 - text color for "Enter your search query..." phrase.
  • Search Form: Text Color 2 - text color for search form.
  • Search Form: Hover Text Color - hover color for search icon.
  • Search Form Border Color - bottom line color for search form.

Header Content

  • Title Color - text color for page title.
  • Subtitle Color - text color for page subtitle.
  • Subtitle Link Color - link color for page subtitle.
  • Subtitle Hover Link Color - link color for page subtitle on hover.
  • Bottom Line Background Color - background color for bottom line.

Sticky Menu

  • Sticky Menu Background Color - background color for sticky menu.
  • Sticky Menu Link Color - link color for menu items.
  • Sticky Menu Hover Link Color - link color for menu items on hover.

Content

  • Content Background Color - background color for all sections with content: blog posts, widgets, etc.
  • Text Color 1 - text color for all headings (h1, h2, h3, h4, h5, h6).
  • Text Color 2 - text color for content.
  • Text Color 3 - text color for metadata.
  • Link Color - text color for links located inside a post.
  • Hover Link Color - hover color for links located inside a post.
  • Line Color - color for all lines.
  • Featured Media: Hover Background Color - hover background color for featured media (featured image/gallery images).

Footer Widgets

  • Footer Widgets Section: Background Color - background color for footer widgets section.
  • Footer Widgets: Text Color 1 - text color for all headings (h1, h2, h3, h4, h5, h6).
  • Footer Widgets: Text Color 2 - text color for content.
  • Footer Widgets: Text Color 3 - text color for metadata: author, date, categories, and counters.
  • Footer Widgets: Hover Color - hover color for links.
  • Footer Widgets: Line Color - lines color for footer widgets section.
  • Footer Widgets: Thumbnail Hover Background Color - hover background color for thumbnails.

Footer

  • Footer Background Color - background color for footer section.
  • Footer Text Color - text color for copyright information.
  • Footer Link Color - link color for footer section.
  • Footer Hover Link Color - link color for footer section on hover.
  • Social Icon Color - color for social icons.
  • Social Icon Hover Color - hover color for social icons.
Colors

7. Header Image

  • Current header - here you can upload an image for the header. This image will be used by default for the whole site, except posts and pages, which have their own images (or video backgrounds) for the header.
Header Image

8. Header Video

  • Video Type - choose between YouTube and Vimeo options.
  • Video ID - enter YouTube or Vimeo video ID. You can take it from your browser navigation bar when viewing a video on YouTube or Vimeo. Example: 03jJHUQovp0 (YouTube video ID), 69445362 (Vimeo video ID).
  • Image For Your Video - here you can upload an image for your video. This image will be displayed before the video plays. On mobile devices this image will be displayed instead of the video.
  • Video Start Time, sec. (Example: 00:05) - at which sec. the video should start (also force rewind will rewind the video back to this position). 00:05 means start at the 5th sec. An exact position is not always possible. The next best frame will be picked around the defined time position.
  • Video End Time, sec. (Example: 01:25) - at which sec. the video should stop. 00:05 means end at the 5th sec. An exact position is not always possible. The next best frame will be picked around the defined time position. Don't define this value in case you don't want a different end than the real length of the video.
  • Video Aspect Ratio - the aspect ratio of the video. It helps to pre size the video before the Meta has been read. Available values: 4:3 and 16:9.
  • Video Volume (0..100) - sets the start volume of the video. It is advised to set Main Background Video volumes to "0" (mute). 100 is the max. volume.
Header Video

9. Background Image

  • Background Image - upload image for background.
  • Background Repeat - choose background repeat.
  • Background Position - choose background position.
  • Background Attachment - choose background attachment.
Background Image

10. Custom CSS / Additional CSS

  • Here you can add your own CSS code. This setting is necessary if you want to change something on your site that is not available in theme options, for example: font size, font style, color, margin, or some other customization. Note: In WordPress 4.7.x you need to use the Additional CSS section instead of the Custom CSS section.
Custom CSS

Translation

To translate this theme, I recommend using the .mo and .po files. These files work in pairs, so for each language you need to have 2 files with the same name but a different extension. For example, if you want to translate the theme into Turkish language, your files would be tr_TR.mo and tr_TR.po.

At first, you need to create these files. For this you need to use Poedit software which is very easy to use. You can download it here. After installation Poedit software, you need to run it. Then, in Poedit go to File New from POT/PO file..., select and open the pot file from the "languages" folder (/languages/melissa.pot). After that you just need to select your language, add translation, and save your changes.

Now you have .mo and .po files with your translation, and all you need to do is upload these both files into the "languages" folder on your server (/wp-content/themes/melissa/languages/).

Importing Demo Data

In the theme main files, that you have downloaded from ThemeForest, you can find a folder labeled "Demo Content" which contains an export file. This file you can use to import the demo data to your site. To do this, you need to perform a few simple steps.

Step 1. Navigate to Tools Import.

Step 2. Now you need to install the WordPress Importer plugin. Click on the Install Now link.

Importing Demo Data - 1

Step 3. After the installation is complete, click on the Run Importer link.

Importing Demo Data - 2

Step 4. Next, press Choose file button and select the "melissa-demo-data.xml" file from the "Demo Content" folder (/Demo Content/melissa-demo-data.xml).

Step 5. Press Upload file and import button.

Importing Demo Data - 3

Step 6. After you will then be offered to Assign Authors. You can read the description at the top as this explains everything.

Step 7. Check the box "Download and import file attachments". This will download attachments for images included in the live preview demo.

Step 8. Press Submit button.

Importing Demo Data - 4

Now you need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.

Importing Demo Data - 5

Support and Feedback

All questions you can send via the contact form HERE.

I answer all questions every day from Monday to Friday from 8:00 to 18:00 (GMT+3) within 24-48h in the order they were received.

Please do not panic if I do not answer too long – I love my buyers and I’ll answer for all questions ;)

Support for my items includes:

  • Answering questions about how to use the item
  • Answering technical questions about the item (and included third party assets)
  • Help with defects in the item or included third party assets
  • Item updates to ensure ongoing compatibility and to resolve security vulnerabilities

Item support does not include:

  • Item customization
  • Installation of the item
  • Hosting, server environment, or software
  • Support for third party plug-ins
  • Plugins integration
  • WordPress General Support (use the WordPress forums for general WordPress support)
  • Support for issues caused by user modifications in the theme’s code, styling and general functionality

Credits

Thanks so much:

  • Bootstrap - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • Retina.js - Retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays.
  • jQuery Superfish Menu Plugin from Joel Birch - Superfish is a jQuery plugin that adds usability enhancements to multi-level drop-down menus. Fully supports touch devices and keyboard interaction.
  • Slider Revolution Responsive jQuery Plugin from themepunch - Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.
  • OWL Carousel - Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
  • Masonry - Cascading grid layout library.
  • imagesLoaded - Detect when images have been loaded.
  • Magnific Popup - Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device.
  • Infinite-scroll - Infinite Scroll jQuery Plugin.
  • html5shiv.js - This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
  • Respond.js - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
  • jQuery Parallax from Ian Lunn.
  • Font Awesome - The iconic font and CSS toolkit.
  • Meta Box Plugin - Meta Boxes and Custom Fields Plugin For WordPress.
  • TGM Plugin Activation - TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins).
  • Post Like System from JonMasterson - Post Like System for WordPress.
  • Blank WordPress Pot - Blank WordPress Pot allows developers to have a great starting point for their translations' pot files and translators an explanation how to use the file.
  • Google Fonts - Lato and Noto Serif.

Images in the demo:

Audio and Video: