One Page Profile Inline Help

Layout settings

General

Favicon

The Favicon that is displayed in the browsers tab (if supported by the browser). The standard-icon is this one:

one-page-profile-favicon

“Go to top button”

Whether the “go to top” button should be displayed when a user scrolls down. This is how it look like.

Go-to-top-button

Homepage or Blogpage

Header

Title

The title that should be shown on the home- or blogpage. You can use shortcodes in this field. Maybe an icon:

C[icon icon='heart']DING

Subtitle

The subtitle that should be shown on the home- or blogpage

Text

A description about yourself.

Signature

Maybe your name, your short name or your nickname.

Header Image

The background image that is used for the home- or blogpage.

Header-Image position

The position that is used to display the header image. Learn more on CSS background position on W3Schools.com.

Header background pattern

The background pattern that is used for the header on the home- or blogpage.

Header background color

An alternative color that is used (if you don’t want to use a background pattern) for the header.

Chart section

Title

The title for the chart section. You can use shortcodes in this field. Maybe an icon:

C[icon icon='heart']DING

Subtitle

The subtitle for the chart section.

Text

A description about the chart section.

Table icon

The icon to use for the chart-section table. The default is “picture”. You can choose between several FontAwesome icons. Here you can find all FontAwesome icons. Please note that not every icon is integrated in every theme. For more information on what version of FontAwesome is integrated in the theme, please read the changelog.

Columns

Enter a name of a column and hit enter to add it. You can drag&drop it by moving the reorder-icon: Reorder icon

Rows

The actual rows in the table. Enter a name and a percentage separated by two colons like this:

  • Label (will be displayed as the name)
  • :: (the separator of the label and the value)
  • Value (the actual length of the bar in percent)

Example:

Coding::80

The value (in the example above it’s ’80’) describes how long the bar will be. In the example above the bar will be 80% long.

  1. You can make bars longer than 100% to highlight one of your qualifications. But on smaller displays this can cause bad-looking effects. Do not make the bars longer than 110% is a good choice.
  2. You can make bars smaller than 0% (maybe -10%) but this can overlay the actual text (it depends on the label name length).

Career section

Title

The title for the career section. You can use shortcodes in this field. Maybe an icon:

C[icon icon='heart']reer

Subtitle

The subtitle of the career section.

Bubbles

Enter a bubble name, a description and a offset from top.

  • Label
  • :: (separator)
  • Description
  • :: (separator)
  • Offset from top
1997::got my first PC::20

The above displays the following:

Bubble example

Note the following:

  • The label will always be bolded
  • There really not a lot of space to add a description. So keep it short!
  • The last value is the offset from top. If you want to create a typical ‘ladder of your career’ you should start with higher numbers and end up with lower numbers.
  • The colors of the bubbles are generated randomly.
  • The last bubble will always be green (because this should be the thing you do the most at the moment)

Portfolio section

Title

The title of the portfolio section. You can use shortcodes here like this:

P[[icon icon='heart']]rtfolio

Subtitle

The subtitle of the portfolio section.

Text

A short text to describe what’s in the portfolio section.

A link that is used as a standard to link the portfolio items.

Items

The portfolio items to show. Click into the text-field to include an image. This image should have the following size: 130 x 130 pixels.

  • ID of the Attachment
  • :: (separator)
  • Label (the actual name)
  • :: (separator)
  • Link (maybe to a page or a post)

Check out this example:

415::Envato::http://my-website.com/portfolio/envato/

This will do the following:

  1. Add the attachment (image) with the ID of 415
  2. Use the string “Envato” as the title
  3. Use http://my-website.com/portfolio/envato/ as the link when clicked on the item

Contact section

Title

The title of the contact section. You can use shortcodes here like this:

C[[icon icon='heart']]ntact

Subtitle

The subtitle of the contact section.

Text

Some text that displays before the contact form.

Captcha + E-Mail Adress

Add the captcha-field and define your E-Mail address in the extended tab.

Colorization

Colors

Background color and image

WordPress has already an integrated background-image functionality. Click on the link to go to that specific page. Please save your settings first!

Background pattern

The background pattern to use for the whole page.

Use my own colors

Activate this if you want to use your own colors

Text color

The standard color for text.

The standard text for links.

The standard color for links on mouseover.

Title color

The color of the header-title.

The standard color for the links in the menu.

Menu background color

The background color for the menu.

The background pattern of the footer area.

The background color for the footer area.

The color of link si

LESS Variable Changer

You can overwrite some LESS variables in the theme. Click here to learn more about the LESS variables that can be changed in the One Page Profile WordPress Theme.

Custom CSS/LESS

Add your custom CSS or LESS syntax here. This will be added to your style.css and will overwrite exiting CSS.

Fonts

Use other fonts

Activate this is you want to use Google’s Webfonts.

Google Fonts

You can search for fonts directly in Googles Webfont library.

Title font

The font to use for the title

Subtitle font

The font to use for the subtitle

Headline fonts

The font to use for headlines

Text font (sans)

The normal text fonts

Text font (serif)

The normal text fonts

Text font (mono)

Mono text fonts (should always be at “Courier” or “Courier New”.

Font variants

If you need more variants of a font (maybe because you’re using it as a normal text font) you should add the variants here. For example you’re using the “Roboto” font you should also consider to add the variants 100, 300, 300italic, italic and 700.

Social Media

Twitter Tweet Button

Via @

The via @ tag to use when someone clicks on the tweet-button (in the footer).

Hashtag #

The hashtag that should be used when someone clicks on the tweet-button (in the footer).

Social Media Buttons

Activate this if you want to use the social media buttons in the footer

Display RSS Icon

Displays the Feed-Icon in the footer.

Google+

Enter your URL to the profile on this social media platform.

Twitter

Enter your URL to the profile on this social media platform.

Facebook

Enter your URL to the profile on this social media platform.

Linked In

Enter your URL to the profile on this social media platform.

Github

Enter your URL to the profile on this social media platform.

Pinterest

Enter your URL to the profile on this social media platform.

Youtube

Enter your URL to the profile on this social media platform.

XING

Enter your URL to the profile on this social media platform.

Dribbble

Enter your URL to the profile on this social media platform.

Tumblr

Enter your URL to the profile on this social media platform.

Bitbucket

Enter your URL to the profile on this social media platform.

Renren

Enter your URL to the profile on this social media platform.

Instagram

Enter your URL to the profile on this social media platform.

Skype

Enter your URL to the profile on this social media platform.

Weibo

Enter your URL to the profile on this social media platform.

Stackexchange

Enter your URL to the profile on this social media platform.

SEO

Analytics

Analytics Code

Enter the Analytics code that you can grab through Google Analytics.

Schema.org

Use Schema.org

Activate this if you want to use the schema.org syntax in the theme. Click here to learn more about Schema.org syntax for WordPress.

Primary purpose of your website

This should be at “Webpage” all times.

Google Plus Authorship

Activate/Deactivate Google+ Authorship

Activate or deactivate Google Authorship. Read the following to learn more about Authorship: How to set up Google+ Authorship

Authors to use for category, archive, search and tag pages

The authors Google+ profile that should be linked with category, archive, search and tag pages.

Google Plus Publishership

Activate/Deactivate Google+ Publishership

Read the following to learn more: How to set up Google+ Publishership.

Your Google Page URL

The URL to your own Google+ Page

Breadcrumbs

Use Breadcrumb

Activate this to display breadcrumbs

Text before Breadcrumbs

The text to show before the breadcrumbs. In most cases this is “You are here:” or something like that.

The name of “Home”

You can rename the name of “Home” to something more appropriate. Maybe: “Startpage” or something like this.

Display Home-Icon

You can also display the “home” icon instead of the title.

Text between Breadcrumbs

This normally is an arrow like this: ยป

Break long titles

If you have titles that are super long than you can enter a number when the title should be stripped off.

The title is: This is a really super, damn, great long title.

When you enter “20” the title will be shortened to this: This is a really sup

Extended

Lightbox

Activate/Deactivate Lightbox

Activate or deactivate the lightbox-functionality. Read this article on Wikipedia if you don’t know what a lightbox is.

Scripts

Custom Javascript

Enter your custom Javascripts here. It will be added to the footer.

Forms

Recaptcha Public Key

Enter your reCaptcha public key here if you want to use the built-in spam-filter functionality.

Recaptcha Secret Key

Enter your reCaptcha secret key here if you want to use the built-in spam-filter functionality.

E-Mail Address to use

Enter the standard email address to use for forms.

Footer

Enter an awesome footer sentence :-)

Affiliate

Display “Proudly powered by”-Link

If you like you can help us make our themes even more popular. If activated this will integrate a little link back to the themes landingpage.

You can also replace the backlink with your own affiliate link. In fact: You can earn money when someone clicks this link and buys the theme. Learn more about our Affiliate Programs here.

Purchase Code

Enter your purchase code here to get notified automatically if an update of the theme is available.

Imprint