Home / Themes / Support

Hello Friday

  • Documentation
  • Faq
  • Knowledge Base
  • Submit a ticket

Quick Start Guidecopy link

Once you have installed the latest version of WordPress (wordpress.org), then you can start with the theme install.

Installing WordPress for Newbies

For 1st time WordPress users, please have a look at the install guide from WordPress. http://codex.wordpress.org/Installing_WordPress

Installing the Hello Friday Theme

Download the theme from your ThemeForest Downloads page. You will download an installable zip file.

Please don’t unzip this file, as you will need to upload it to your WordPress installation as is.

Open your WordPress backend and browse to “Appearance” in the side navigation.

Click on “Themes”. On this page you will find an “Add New” button at the top. Click it and go to the “Add Themes” page. Here you will find an “Upload Theme” button. Click it and upload your zip file.

add_new_theme

upload_theme

You will now see an “Install Now” button, which you can now click to install. This process will take a few seconds.

After successfully uploading of the theme, you will now see the theme displayed with the other standard themes and you can now activate Hello Friday by clicking on the “Activate” Button.

activate_hello_friday

Install plugin that’s required

After you have activated the theme, you will be presented with a notification at the top of the screen that suggest you install the plugin required for the theme to function properly. First install the plugin and then once it is installed, please activate it.

InstallPlugin

InstallPlugin2

InstallPlugin3

Page creation

Lets start off by setting up a few pages.

Browse to “Pages” in your WP side bar.

Add new page.

Create the pages needed for your website. Home, Contact, About etc.

add_new_page

Create a page by adding a page and then press “Publish” in your right hand side bar.

Assigning your pages to your main navigation

Browse to Appearance / Menus in your WP sidebar

Create a main menu for your site by typing the main menu name and then clicking “Create Menu”

menu1

You will see a list of pages on the left.

menu2

Select the ones that you want to display in your main menu and click “Add to Menu”

menu3

Also make sure that you assign the menu to the right area of the site by going to “Manage Locations” or setting it to Primary Menu as shown below.

assigning_menu_items3

Assign the right Home page as Home

Browse to “Settings / Reading” and click Static Page and then click on the “Front Page” dropdown and select your Home page and Save.

blog_set

Assign your Blog to the right page

If you are not running your blog on the home page and need to assign the blog to another page like “Blog”, then you need to point your blog to that page.

Browse to “Settings / Reading” and click Static Page and then click on the “Post Page” dropdown and select your Post page and Save.

blog_set

Adding Posts

Browse to your WP sidebar and click on Posts / Add New
1. Give your post a title
2. Write content
3. Create new categories
4. Add tags to posts
5. And add a featured image
6. Hit Publish

post

Your post will now be visible on your site frontend

Hello Friday Settings Panelcopy link

Browse to Appearance / Hello Friday Settings

SettingsPanel

General Page Settings

Here you’ll find a few basic things to start off with

GeneralSettings

Add your Favicon. Upload a transparent PNG for the best result

Instagram Settings
If you want to add an Instagram Widget in your sidebar or activate the Instagram full width footer, then you can start off by adding your details here

User ID
Where do I find this? http://www.otzberg.net/iguserid/

Access Token
Where do I find this? https://elfsight.com/blog/2016/05/how-to-get-instagram-access-token/

404 Page Details
This is the content that will show up if a page can not be found

Styling

You can set up 4 accent colors for the use through your site. These are mostly used in the Typography section of the settings.

You can also set the colors and styles for Social Icons, Buttons, Tags and Block Quotes here

Typography

All fonts for the site can be set here. This includes, sizes, colors, weight etc. All Google Fonts included. The default font settings should be sufficient for a great looking site.

Header

Here you can upload your site Logo and Sticky Navigation logos. Make sure that they are transparent PNGs at about 150px in height for the best result.

Primary Navigation
Here you can set the font, font color and background color.

Dropdown Navigation
Here you can set the font, font color and background color.

Social Icons
Switch this on and your social icon will be included in your navigation bar.

Select Social Icons
Switch on the social icons that’s needed and add a URL and set the hover color for each

Footer

We recommend you keep footer layout one that is selected by default.
Set the colors for the footer and add some Copyright Info. You can also enable the Instagram feed and social icons in this section.

Extra Signup Settings
Switch this on and a Newsletter Signup bar will be added to the footer area. This can be styled by background color or background image.

Front Page

Top Layout
Here you can choose between a straight forward layout or add a Full Width Slider or Contained Slider.

Launch Pads
If you want launchpads to be displayed under your main logo or main slider, then you can switch this on and give it a heading.

You can choose to display latest posts or categories and pages

Front Page Blog Layout
You can choose to display latest posts or show categories with latest posts and the related posts after each.

Front Page Sidebar
You can switch on a sidebar on your home page

Blog

Blog List
If you have a separate blog list page, then you can switch on or off your sidebar.

Blog Single Post Page
Switch on or off the sidebar
Show / Hide Tags
Show / Hide Author’s Bio

Enable Social
Show / Hide Social Icons on posts
Setting up the social icons to show up can be done under the HelloFriday Sharing Tab

Page

Here you can switch on the sidebar for pages and activate social icons

Sharing

Select the social icons you want displayed on posts and pages.
Please note that you still need to switch then on under the blog or page tab above

Import/Export

This can be used to import style settings from one install to another. Say for instance you work on a dev server and there’s some changes and want to now include them on your live site, then you can do the following.
Click on “Generate Export Options”, copy everything from the box.
Go to your new/live site and paste this into the import box and click on “Import Options”

My home page does not look like the demo site

Always make sure that your home page is set to Home in WordPress.

Assign the right Home page as Home
In your WordPress backend, browse to “Settings / Reading” and click Static Page and then click on the “Front Page” dropdown and select your Home page and Save.

blog_set

The home page posts slider is not working

The posts slider requires more than one published post to be available in order to create the slider.

Please ensure that you have at least 2 published posts available in order for the slider to function correctly.

How To
Update the themeGet started with WPML

We'd love to help you

NOTE: It's that festive time of year again and we will be taking a short break to recharge from the 16th of December 2020 until the 3rd of January 2021. During this time our support will be limited but we will try to respond to high priority tickets as best we can. Have a great holiday!

OUR HEROES WILL BE HANGING UP THEIR CAPES FOR A SHORT BREAK!
We'll be out of office from the 2nd of August until the 18th of August 2019. Please note that during this time we will not be available to assist with support queries but will be right back to assist from Monday the 19th of August 2019. We appreciate your patience and support!

While we will always do our best to get back to you within an hour or two, we ask that you please allow for a maximum of 24 hours for feedback.

Monday to Friday, 9am to 5pm in the UTC+2 Timezone.

Support Includes

Bug fixing
How to questions
Assistance with integration

Support does not include

Support for 3rd party plugins
Custom Coding
Theme customization