[vc_row][vc_column][vc_custom_heading text=”WpF Ultraresponsive – Doc’s” font_container=”tag:h2|font_size:50px|text_align:center|color:%23999999|line_height:50px”][vc_column_text]

Please find the documentation of our WpF Ultraresponsive theme. You could use the quick links below to get the doc you want easily.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Quick Links” font_container=”tag:h2|font_size:40px|text_align:center|line_height:40px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

Installation

Setup Logo & Title

Setup Custom Menu

Custom Header

Setup Custom Page templates

Custom Background

Theme Colors

Sidebar Selection

Footer settings

Recommended image sizes

Translation

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479707945564{margin-top: 50px !important;}” el_id=”installation”][vc_column][vc_custom_heading text=”Installtion” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Using WordPress Dashboard:

  1. Download WpF Ultraresponsive theme.
  2. Go to > Dashboard > Appearance > Themes
  3. Click on Add New > Upload Theme
  4. Navigate the wpf-ultraresponsive.zip theme file you downloaded & upload through the uploader.
  5. Click Install Now > Activate

Using FTP:

  1. Download WpF Ulraresponsive theme.
  2. Upzip theme package which you just downloaded.
  3. Access & navigate your web server to wp-content > themes (this folder contains all your themes) using a FTP client like FileZilla or any other you like & upload the unziped folder.
  4. Login to your WordPress dashboard > Appearance > Themes.
  5. Click Install > Activate.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708048293{margin-top: 50px !important;}” el_id=”logo”][vc_column][vc_custom_heading text=”Logo Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

  1. Go to Appearance > Customize
  2. Site Identity
  3. Add your logo, site title & site icon if needed.
  4. Click Save & publish.

Note: Recommended logo size is 150×33.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708124503{margin-top: 50px !important;}” el_id=”custom-menu”][vc_column][vc_custom_heading text=”Custom Menu Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

  1. Go to Appearance > Menu
  2. Assign Menu Name
  3. Add Menu Items
  4. Check The Primary Menu Checkbox
  5. Click Save

Note: The menu supports only one level dropdown menu.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708793965{margin-top: 50px !important;}” el_id=”custom-header”][vc_column][vc_custom_heading text=”Custom Header Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

  1. Go to Appearance > Header Image.
  2. Add Header Image.
  3. Click Save.

Note: Suggested custom header image size is 1920×300 .[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708175640{margin-top: 50px !important;}” el_id=”setup-pages”][vc_column][vc_custom_heading text=”Custom Page Templates Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]WpF Ultraresponsive is included with some custom page templates such as left sidebar, right sidebar & full-width.

  1. Go to Pages > Add New
  2. Put Page Contents > Page Attributes (right side of your editor) > Template > Select Template
  3. Click Publish

Note: You could also choose sidebar option for search, archive , posts listing pages. See the sidebar section for details.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708225183{margin-top: 50px !important;}” el_id=”custom-background”][vc_column][vc_custom_heading text=”Custom Background Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]WpF Ultraresponsive supports WordPress native custom background feature. Follow the steps below to setup.

  1. Go to Appearance > Customize
  2. Colors (for solid color) or Background Image (for image)
  3. Click Publish

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708300566{margin-top: 50px !important;}” el_id=”theme-colors”][vc_column][vc_custom_heading text=”Custom Background Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]You can set any color you want by using the color pickers. This theme includes two options which lets you change the theme primary & header/footer colors.

  1. Go to Appearance > Customize
  2. WpF ultraResponsive
  3. Theme Colors
  4. Change colors & save

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708335959{margin-top: 50px !important;}” el_id=”sidebar-selection”][vc_column][vc_custom_heading text=”Sidebar Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]You could easily choose either left sidebar or right sidebar for the blog post listing, post details, search & archive pages. This theme also includes sidebar options for pages, see page setup section .

  1. Go to Appearance > Customize
  2. WpF ultraResponsive
  3. Choose Sidebar
  4. Save

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708383988{margin-top: 50px !important;}” el_id=”footer-settings”][vc_column][vc_custom_heading text=”Footer Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]You could add a copyright/footer text along with your social links. You could enable/disable footer top area also.

  1. Go to Appearance > Customize
  2. WpF ultraResponsive
  3. Footer Setting

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708433085{margin-top: 50px !important;}” el_id=”image-sizes”][vc_column][vc_custom_heading text=”Image Sizes” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Recommended image sizes:

  1. Default image size: 1024×570
  2. Featured image size: 750×420

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1479708531166{margin-top: 50px !important;}” el_id=”translation”][vc_column][vc_custom_heading text=”Translation” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]WpF Ultraresponsive packed with a language file called wpf-ultraresponsive.pot in the languages folder for localization. Follow the steps below to translate WpF Ultraresponsive theme.

  1. Go to Dashboard > Plugins > Add New
  2. Search for Loco Translate plugin in the search field
  3. Click Install Now > Activate
  4. Go to Loco Template > Themes > Click on your theme > New Language
  5. Choose a language > Start Translating
  6. Translate each line > Save Changes
  7. Go to Dashboard > Settings > General > Site Language
  8. Change your site language & save.

[/vc_column_text][/vc_column][/vc_row]

in