Requirements for Talemy

To use Talemy theme, a working installation of WordPress version 4.6 or greater is required. We strongly recommend all our theme users to use the latest version of WordPress, and properly config your server settings before working on creating your website.

Server Requirements

  • Apache or Nginx
  • PHP version 5.6 or greater ( recommended: PHP 7.2 or greater )
  • MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
  • Nginx or Apache with mod_rewrite module ( required for multi-site )

Recommended PHP Configuration

  • memory_limit 128M
  • upload_max_filesize 32M
  • post_max_size 32M
  • max_execution_time 180
  • max_input_vars 3000

How to check your System Information?

Once the theme is installed, you can check your system information from  Talemy > Status page.

Note: If you don’t feel comfortable changing these settings on your own, you can always contact your host and ask them to adjust them for you.

Theme Installation

There are two ways you can install the theme. You can choose to install it via WordPress or via FTP. Before you can install the theme, you need download the necessary theme files from your account.

Install Via WordPress

  1. Navigate to  Appearance > Themes
  2. Click  Install Themes and click the Upload button.
  3. Browse to find the themename.zip file on your computer and click Install Now
  4. Activate the newly installed theme by going to  Appearance > Themes and clicking the Activate button.
  5. Once you activate the theme, you will see a notification message to install the required & recommended plugins.
  6. In the notification message, click the ‘Go Install Plugin’ button to go to the Plugins tab where you can install and activate the required & recommended plugins.
  7. Click on Install button on each plugin to start installing them. After you’ve installed them,  Activate them.

Install Via FTP

  1. Connect to your hosting space via an FTP software.
  2. Unzip the themename.zip file and ONLY use the extracted theme folder.
  3. Upload the extracted theme folder into wp-content > themes folder.
  4. Log in to WordPress admin and activate the newly installed theme by going to  Appearance > Themes and click the Activate button.
  5. Once you activate the theme, you will see a notification message to install the required & recommended plugins.
  6. In the notification message, click the ‘Go Install Plugin’ button to go to the Plugins tab where you can install and activate the required & recommended plugins.
  7. Click on Install button on each plugin to start installing them. After you’ve installed them,  Activate them.

Demo Installation

  1. Make sure you’ve installed all the required & recommended plugins by the theme before demo installation.
  2. Once you’ve done that, go to Talemy > Demos section, click the Install button to import your selected demo.
  3. On the Import Content panel select the content you would like to import and click Install button. ( menus only import with “All” )
  4. Wait until the installation progress complete, this could take a minute or more. That’s it.

Header

Logo & Favicon

To be retina friendly, 2 versions of logo is needed. First the normal size and the second exactly double the height and width of the normal one.

Mobile/Sticky Logo – an alternative logo used on mobile screen or when the navbar is in sticky state. If mobile/sticky logo is not set, main logo will be used instead.

How to Upload A Logo

  1. Navigate to Appearance > Customize > Site Identity section
  2. Locate the Logo option and click the ‘Upload’ button to upload your logo image file
  3. Locate the Retina Logo option and click the ‘Upload’ button to upload your retina logo (2x size) image file
  4. Locate the Mobile/Sticky Logo option and click the ‘Upload’ button to upload your mobile/sticky logo image file
  5. Locate the Mobile/Sticky Retina Logo option and click the ‘Upload’ button to upload your mobile/sticky retina logo (2x size) image file
  6. Click Publish button

How to Upload A Favicon

  1. Go to Appearance > Customize > Site Identity section
  2. Upload your favicon under Site Icon
  3. Click Publish button

Setting Up The Header

Talemy currently offer 8 header styles, follow the steps below to change your header style.

  1. Go to Appearance > Customize > Header > Header  section
  2. Select your header style under Header Style
  3. Click Publish button
Header Style 1
Header Style 2
Header Style 3
Header Style 4
Talemy header style 5
Header Style 5
Header Style 6
Header Style 7
Talemy header style 8
Header Style 8

Top Bar

Navigate to Appearance > Customize > Header > Top Bar to access the top bar options.

Top bar consist of two widget sections: Top Bar Left and Top Bar Right. You may add widgets to top bar sections from Appearance > Widgets page.

Nav Bar

Navigate to Appearance > Customize > Header > Nav Bar to access the nav bar options.

Menus

Navigation / Menu Setup

To setup your menu, go to Appearance > Menus page.

There are 3 theme locations to assign your menus:

    • Main Menu – navigation menu for navbar
    • Side Menu – navigation menu for side nav
    • Footer Menu – navigation menu for footer bottom section

How To Setup A New Menu

  1. Go to Appearance > Menus page.
  2. Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu button.
  3. To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.
  4. To add a custom menu item, enter a custom name and link into the Links.
  5. Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.
  6. After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 2 locations in the Theme Locations box.
  7. Once its all done, make sure you click the Save button.

How To Setup A Mega Menu

  1. Add your menu items to the menu and arrange them in 3 levels. See the screenshot below.
  2. Click on Menu Options button to access menu item settings.
  3. On the first level, set Menu Type option to Mega Menu.
  4. Set Mega Menu Width in columns, each columns equals 220px in width. For full width menu simply select 8 columns.
  5. On the second level, set Column Width relative to the menu width. e.g. 1/2 is the same as 50% of menu width.
  6. Second level menu items also act as the column titles, hide the title by checking the Hide Column Title option.
  7. Third level is where you put most of your mega menu items.
  8. Alternatively you could also assign a Widget Area to a menu item, so it can display widget content as drop down.
  9. Once its all done, make sure you click the Save button.
Menu Structure

Menu Options

  • Icon Font – Choose from 1400+ FontAwesome 5 icons and Talemy icons
  • Icon Image – Use an image icon instead of an icon font, icon font option will be ignored if icon image is set.
  • Icon Only – Show only the icon without menu text
  • Icon Color – Only applies to icon font option
  • Icon Background Color –  Icon background color
  • Text Color – Menu text color
  • Item Background Color – Menu item background color

Mega Menu Settings

First Level
  • Menu Type – Select “Mega Menu” option to use Mega Menu as submenu.
  • Menu Width – Menu width are measured in columns, each columns equals 220px in width. For full width menu simply select 8 columns.
  • Background Color
  • Background Image
  • Background Position
  • Background Repeat
Second Level
  • Column Width – Set a width relative to the total menu width. e.g. 1/4 is the same as 25% of menu width.
  • Widget Area – Display widget content from selected sidebar.
  • Hide Column Title – Hide menu item completely including the icon.
  • Start a New Row – Display current and proceeding columns from a new row.
Third Level
  • Widget Area – Display widget content from selected sidebar.

Sidebars

Talemy allows you to create unlimited number of sidebars, and these widget sidebars can be assign to varies WordPress templates and individual posts/pages.

Adding a Sidebar

  1. Navigate to Appearance > Widgets page and locate the add new sidebar box on top of sidebars column on the right.
  2. Add a unique sidebar name and description (optional), then click the Add New Sidebar button. That’s it!

Removing a Sidebar

  1. Expand/Click on the sidebar you’d like to remove.
  2. Click on the Trash icon on the bottom right of the sidebar box, and click okay to confirm you want to delete the sidebar. That’s it!

Display Sidebar With Shortcode

  • Use the sidebar shortcode displayed on the bottom of the sidebar box in a post/page or wherever applicable.

Theme Fonts

Talemy has an ease-to-use font system integrated seamlessly with the theme.

Fonts available with Talemy:

  • Standard Web Fonts
  • Google Web Fonts ( 700 + fonts )
  • Custom Fonts ( requires font file )

By default the theme will load fonts from the Theme font list and Customize > typography settings, To optimize your website loading speed, it’s recommended to only include fonts, variants,  that are needed for the website.

How To Add Custom Font

It’s easy to use custom fonts with Talemy, you could literally install any font to your theme through theme’s custom font system.

Step 1. Prepare font files for upload. Your fonts files should be in one of these formats:

  • EOT – Embedded OpenType ( Required for Internet Explorer )
  • TTF – TrueType ( Works in most browsers except IE and iPhone )
  • SVG – Scalable Vector Graphics ( iPhone/iPad )
  • WOFF, WOFF2 – Web Open Font Format ( Compressed, emerging standard )

To provide the best range of browser support, its best to include as many font formats as possible. Please make sure that you have the appropriate license to use the font. Almost all free fonts can be used on a website and many premium fonts are available with a license that covers web usage.

Step 2. Go to Talemy > Fonts, find Add Custom Font section. Click Upload buttons to select your font files from your computer and give your font a unique name.

doc-add-custom-font-sample

If your font files include svg format, please make sure your font name is the same as the font id in svg file. You could check the font id by opening the svg file in a text editor.

doc-font-name-svg

Step 3. Click Add Custom Font, and wait for your font files to be uploaded. Your custom font will appear on the Custom Fonts list when its added successfully.

doc-font-added

How To Use Custom Fonts

Simply clicking the + button to add your custom font to the theme font list then click Save Fonts.

doc-add-to-default-fonts-list

Your Custom Font will be ready to use on Customize > Typography settings when it’s on theme’s default font list.

Translation

Talemy is translation ready. It’s easy to localize/translate your WordPress website, simply follow these 3 steps to run a completely localized website:

  1. Install WordPress in your language or install your language from WordPress Admin.
  2. Translate theme pot file using POedit and upload the translated PO file to theme’s languages folder. (optional)
  3. Translate theme with the help of a plugin
  4. Create contents in your language.

How to Install a Localized Version of WordPress

Since WordPress 4.1 you can install new languages (and change your website language) from the WordPress dashboard. It’s very easy. Skip this if you already run a copy of WordPress in your language.

  1. Go to WordPress Admin Settings > General option
  2. Under Site Language, select the language you’d like to install and click Save Changes button.

How To Translate WordPress Theme Using Poedit

  1. Download and install POEdit translation editor.
  2. Open POEdit and click Create new translation.
  3. Select the talemy.pot file from theme languages folder ( talemy/languages/ ) and click Open.
  4. Select a translation language from the popup window.( e.g. German (Germany) )
  5. Translate all the strings in the list and save the .po file without altering the file name.
  6. Upload these files (.po and .mo) to talemy/languages/ folder on your server. That’s it!

Multilingual Sites

For multilingual sites, we recommend to use plugins like WPML or Polylang. These plugins are well-known solutions for multilingual websites and it’s popular among WordPress users. Talemy theme is compatible with these plugins.