Documentations


Questions & Answers

Member Only (2)

How to Use Google Font in My Theme

First go to http://www.google.com/webfonts and select a font. Then from the instruction of Google Font usage, you should see something like this: <link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>

Next, copy the red hightlighted text and go to Theme Customizer > section "Styles" > Google Font Family, paste the hightlighted text into this box.

To use the specified Google Font, apply the class googlefont to any heading, span or div in your content. Some examples:

<h2 class="googlefont">Google Font example 1</h2>

Google Font example 1

<span class="googlefont">Google Font example 2</span>

Google Font example 2

<div class="googlefont">Google Font example 3</div>

Google Font example 3

Back to Documentations

Customizing the Site Logo

To change your website logo, go to Theme Customizer > section "Header" and upload your logo.

To adjust the top margin of logo, define your custom CSS, for example: .theme-logo { margin-top: 10px; }

The logo height will be changed according to the header size used in Theme Customizer.

Back to Documentations

View More Entries→

WordPress Related (3)

How to Translate Your Theme to Other Languages

To translate the theme, you may use a popular translation software Poedit. It is a free software available in Mac, Windows and Linux. You can download and install it then follow below to translate your theme.

  1. Creating a new catalog:
  2. Start Poedit and go to File > Create new catalog...

    In the Project Info tab, set the project name and version. Select your target language in the Language dropdown and ignore the other options.

    Click on the Paths tab, then click the New Item icon. This will create a new entry in the list below. Enter double dots ".." like below.

    Go to the Keywords tab, for each of the following strings, click on New Item and type the characters indicated:
    __
    _e
    _x

    Click OK and save it in the languages sub-folder in your theme folder. Name the file that match your language locale. For example, if you're translating into French, name it fr_FR (read this list for other codes).

  3. Translating With Poedit:
  4. Poedit will scan all strings available for translation. When it's done, you'll need to go through the list and enter the translation text in the lower box. After you finish translating the strings, click File > Save and Poedit will generate a .mo file (eg. fr_FR.mo) automatically when save. If you don't see the .mo file, go to Poedit > Preferences, under the "Editor" tab, check off "Automatically compile .mo file on save".

  5. Upload the PO and MO File
  6. Upload the generated .po and .mo files to the "theme/languages" folder on your WordPress site through FTP. One last step is to open the wp-config.php file in your WordPress directory. Look for the "WPLANG" setting and add the language code. For example: define('WPLANG', 'fr_FR');

    Back to Documentations

How to Add My Own Custom CSS Styles

To create your own CSS styles or override existing CSS styles, you can use one of the following methods:

  1. Go to Theme Customizer, section "Styles", enter the CSS classes into the "Custom CSS" box.

  2. If you have more CSS styles to define, it is better to use a stylesheet to do the editing. You can create a file custom.css in your theme folder then put your custom CSS classes to there. This particular stylesheet will be loaded after the primary stylesheet (style.css) automatically by the theme. Since custom.css does not come with the theme package, so future upgrades of the theme will not overwrite your custom.css stylesheet.

Back to Documentations

What is Child Theme and Why to Use It

Child themes make customizing your theme easy. Many times, you want to edit the theme's php files but forgot what you edited and what needs to changed in the new theme. Child themes can help you solve this problem. A WordPress Child theme derive its functionality from the parent theme, and then override the styles and functionality you want to modify without directly changing the parent theme.

Creating a Child Theme:

  1. Create the Child theme folder and name it as parenttheme-child, where 'parenttheme' is the AnyWP theme name.
  2. Create the style.css file in the Child theme folder. Then put the following into the style.css
  3. /*
    Theme Name: parenttheme Child
    Description: Child theme for the parenttheme theme
    Author: Your name here
    Template: parenttheme
    */
    @import url("../parenttheme/style.css");

  4. Optionally you can create functions.php file in the Child theme, to add your own functions or filters.

Back to Documentations

View More Entries→

Browser Compatibility

AnyWP themes are tested in all major browsers.

Latest News