Prestige WP QuickStart and FAQs
Prestige WP QuickStart and FAQs
Prestige WP QuickStart and FAQs
FAQs
AND
Additional FAQ
for Prestige Ultimate
WordPress Theme
PRESTIGE
U LT I M AT E W O R D P R E S S T H E M E
QUICKANDSTART
FAQs
PRESTIGE
ULTIMATE WORDPRESS THEME
PRESTIGE
ULTIMATE WORDPRESS THEME
Table of Contents
6
6
6
6
7
7
7
8
8
9
10
10
11
13
15
15
15
16
18
19
26
31
P R ESTIGE
P R ESTIGE
A shot from admin panel. Prestige > Menu section. Image shows an example of attaching the
submenu to menu top item. A submenu named as "Galleries" was created and selected for top
menu item with a name "Gallery".
10
2.2. HOMEPAGE
2.2.1. How to create a slide and upload a slide image for homepage slider
(Prestige/Accordion/Progress)
1. Go to Prestige > Prestige/Accordion/Progress Slider section.
2. Click on Add New Slide button.
3. After new slide was created click on Upload button in this slide options.
4. Use Select Files button and choose image from local disk (or media library). Image should
be in proper size.
5. Choose Full Size option for uploaded image and click on Save all changes button. Then, in
the same window, go to Media Library bookmark at the top. Click on Show option next to
the uploaded image (first from the top), make sure the Full Size option is selected and click
on Insert into Post button.
6. If you want to display description for this slide you can use other slide options to build and select
a position for description field. This process sometimes needs additional changes after checking
the result on site because you have to find the best values for the description box position and
size. In slide options, for every slide you can also set a link (page link or custom path).
7. Click on Save button when you finish to create this slide and check the final result.
2.2.2. How to create homepage layout with recent news or recent posts
1. Create a page with Homepage page template. Then go to WordPress options Settings > Reading
and for Front page displays option select A static Page and choose your home page.
2. In Prestige > General section you can choose your homepage slider - after this you can
manage the slider in other Prestige cms sections.
3. Homepage slogan can be edited or hidden in Prestige > Home section. Here you can also
change colors for slogan and slogan author text.
4. In our Live Preview homepage you can see 4 columns area right below the slogan. If you want
to create this extra full width content between slider and homepage content, go to Prestige
> Home section and place the right code into Homepage extra content textarea (textarea
at the bottom). Show homepage extra content option must be selected (it is placed below this
textarea). Because you can use shortcodes in this field, it is possible to create here also other
columns construction or use any other shortcodes from Shortcodes List. Below is an example
of a four column layout content code:
[dcs_one_fourth]
<h3>Title text</h3><p>Some description text</p>
[/dcs_one_fourth]
11
2.2.3. Homepage Video Slider How to insert video path from You Tube or
Vimeo embed code
1. In Prestige > Video Slider section at least one slide must be created with Add New Slide
button. In slide options you will find Path to video on Vimeo or YouTube: textarea.
2. For video slider only a small part of the YouTube or Vimeo embed code must be copied (only
the video path). To get an embed code that works with video slider, you must choose on You
Tube option "Use old embed code" after you click on "Embed" button. If your You Tube embed
code for video looks like this...
12
2.3. BLOG
2.3.1. How to create a blog post with Vimeo or You Tube video
1. Go to Posts section and create a new post using Add New option.
2. Put title and all the content using HTML editor, select category, tags etc.
3. Upload a main image for this post (Post main image URL) - if you want to display thumb
image for this on widgets like Recent Posts. Uploading this image for videos is necessary
when you create a post for Post Portfolio page.
4. Go to Vimeo site and copy embed code for video. Put this code into video textarea in Custom
Post Settings.
5. Change both width and height values in this code - width property should be 600 pixels.
6. Publish this post.
2.3.2. How to add opaque mode to Vimeo or You Tube video embed code (this
mode avoids the videos to cover the main menu subnavigation). Not needed
when iframe code is used.
1. First copy the embed code to Video URL field
2. After pasting embed code find the beginning of <embed tag and add inside this tag a new
wmode parameter. This should look like this: wmode="opaque"
3. Save changes using Update button
13
14
2.4.2. How to add a sidebar to Archive Page (posts archive, post category
display etc.)
1. For these pages a default sidebar is displayed.
2. You must set a default sidebar in Prestige > General > Sidebars section - use option Set a
deafult sidebar.
3. First at least one sidebar must be created in Prestige > General, then select default sidebar from
drop down list next to option Set a default sidebar and then click on this option button.
4. Default sidebar is displayed on archives pages (categories), search page, and all pages (with
sidebar layout) that dont have a sidebar assigned.
2.5.2. How to create featured news slider on page with News template
1. Create a page with News page template.
2. In Custom Page Settings for this page use options Type here featured news ID... and
Check this filed if you want to show featured news slider.
3. For option Type here featured news ID... you must write the ID numbers of news posts that you
want to display in the slider, and you must select one option below it, so the slider will be displayed.
4. The ID number for news posts you will find in News section, in URL path for each news post.
15
2.6.3. How to create a page with Category Map, Tag Map, Projects Map or Page
Map
1. Go to Pages and click on Add New option.
2. Choose the right page template from Page Attirbutes > Template list on the right column
and publish this page.
2.6.4. How to create a list of tabs (like in Prestige Live Preview FAQs section)
1. FAQs site you can find in our Live Preview when you click on the Prestige Help located in button
in the bottom-left in the browser. To create this list of tabs shortcode dcs_toggle_btn was
used. You will find description of this shortcode in our Live Preview under Show > Shortcodes
List > Toggle shortcodes. Plus some other shortcodes were used fir this list too.
2. Here is how the code looks for one position in our FAQs list:
[dcs_fancy_header color="#FFF"]Title for group[/dcs_fancy_header]
[dcs_toggle_btn title="Question text"]
[dcs_ol mtop="10"]
some text;
some text;
some text;
[/dcs_ol]
[/dcs_toggle_btn]
16
17
18
2.9. Customizations
2.9.1. How to bring back auto-formatting for paragraphs
By default auto-formatting is disabled, thats why we recommend to use HTML Editor, thats why
also a special p button was added to this editor. With this p button (or dcs_p button) in HTML
Editor you can very easy close text in paragraphs just select text and click on the button. By
default, in Prestige theme, if you dont use the paragraph (p) tags, the text will be one block of
text, without the paragraphs created.
But if you want, it is also possible to bring back auto-formatting in Prestige theme. For this open
cp_shortcodes.php file (it is located in cms/php/ folder) and comment (remove) two lines
with remove_filter (you will find these lines of code somewhere about line 180).
Remember that if you will remove these lines some shortcodes might not work properly, because
of the auto-formatting.
Lets say you want to make the header section higher by 100 pixels. First make a copy of
common.css file, then you can modify the common.css file that is used on your site. Open the
common.css file. If you dont change the current background image, you will have to move
the background image down. For this go to line 30 (line with background-position property for
body), and you must change it from this:
background-position: 50% 0%;
to this:
background-position: 50% 100px;
Another thing need to change next is to increase the height of header container in CSS. To
make this change, in the same common.css file go to line 1045 - line with height property for
header-container (in HEADER CONTAINER CSS section). It looks like this:
Digital Cavalry 2010, www.digitalcavalry.com
19
In some cases (for some skins) you will need to have a little different background images
for higher header - background image with some more space at the top, or you can also
add gradient to create a smooth transition on top. If you will open skin images and add
to the top of these images for example 100px of graphic area, you dont need to change
the background position property. After you will add some extra space at the top of skin
background images, you need to only make the second part of method 1, you need to do
only this:
In common.css file go to line 1045 (line with height property for header-container in HEADER
CONTAINER CSS section). It looks like this:
height:127px;
3. You must add some new code here, between these two lines of code. If you want Pages option
as selected by default, the final code here will look like this:
echo '<h1>'.$pre_title.$search_query.'</h1>';
$_GET['s_in_posts'] = 'on';
$_GET['s_in_pages'] = 'on';
if($dccp->getIGeneral()->showCtrlOnSearchPage())
4. If you want to search by default in all types of posts and also in Pages, the code must look
like this:
echo '<h1>'.$pre_title.$search_query.'</h1>';
$_GET['s_in_posts'] = 'on';
$_GET['s_in_pages'] = 'on';
$_GET['s_in_news'] = 'on';
$_GET['s_in_projects'] = 'on';
if($dccp->getIGeneral()->showCtrlOnSearchPage())
20
2.9.5. Footer Logo link - How to have the footer logo pointing to a different URL
than the website homepage
In Prestige > General section you can change the logo image for footer logo - it is displayed at
the bottom-center of the site footer. By default, this logo links to the main page of your site, but
it is possible to change this. For this you must make a small modification in the code.
1. In WP backend go to Appearance > Editor section and select footer.php file. Then go at the
bottom of this code and find a line that looks like this:
<a href="<?php echo get_bloginfo('url'); ?>"><img src="<?php echo GetDCCPInterface()->
getIGeneral()->getFooterLogoPath(); ?>" style="margin-top:8px;" alt="" /></a><br />
2. It is the one of the last lines. You must change here this part from the beginning:
href="<?php echo get_bloginfo('url'); ?>"
3. It should look like this for example, but "http://themeforest.net/user/DigitalCavalry" is of
course your custom path:
href="http://themeforest.net/user/DigitalCavalry"
21
2.9.9. How to add a new font for Cufon (font used for headings and menu)
In Prestige it is easy to do. You just need a font that you like (or has the characters that you
need), and then generate from this font a file for Cufon script via this page:
http://cufon.shoqolate.com/generate/
After this just insert the generated file into fonts folder and you will be able to choose the
new font in Prestige > General section. On this page you will find a tutorial that shows how to
generate Cufon font:
http://net.tutsplus.com/articles/news/the-easiest-way-to-use-any-font-you-wish/.
22
2.9.11. How to add a Zoom icon with lightbox link to project post page image
This is a bit more complicated change, but with this instruction it is rather easy modification.
Thanks to this you can add a Zoom icon placed in the right bottom corner of the main image,
on the project post page with sidebar. This Zoom icon will be a link to full image presented with
lightbox (it will work the same like a Zoom icon on a page with Projects Portfolio template).
1. Open addPages.css file located in css folder and find this class:
.portfolio-project .zoom
2. Add another class to this definition, so the top line is combined from two classes and looks
like this:
.portfolio-project .zoom, .blog-post .photo .zoom
3. Make the same with the next class, so after change the top line looks like this:
.portfolio-project .zoom:hover, .blog-post .photo .zoom:hover
4. Then also add a new class - it can be placed right below:
.blog-post .photo:hover > .zoom {
display:block;
}
5. After this open single-project.php file and find this line (80):
$out
.=
'<div class="photo"><a
a>'.$imagedesc.'</div>';
class="async-img
image"
rel="'.$postthumb.'"
></
.=
'<div
class="photo"
style="position:relative;"><a
class="async-img
image"
rel="'.$postthumb.'"
></a><a
style="bottom:25px;"
href="'.$imagepath.'"
rel="lightbox" class="zoom" title="'.$imagedesc.'"></a>'.$imagedesc.'</div>';
7. If the code is not working check if characters are correct, because '
2.9.12. How to use Custom Content option (example based on projects posts)
In Prestige theme you can use a standard layout for posts, or a totally custom layout thanks
to Custom Content option. This option can be used for blog posts from Posts section, and
also for custom posts from News and Projects sections. Custom Content option is useful
especially in Projects and News section, when you want to replace the top main image with
some shortcode like for example gallery shortcode or slider shortcode. It is useful also when
you dont want to display all the standard information like the author or category info. Here is
an example how to use this option for Project post:
23
2.9.13. How to delete Breadcrumbs (top navigation tree) from pages or posts
To delete breadcrumbs from pages a small modification in the code is needed. For pages this
modification must be done in the code of the page template from which you want to delete the
breadcrumbs.
For example if you want to delete breadcrumbs from contact page template, open contect.php
file and comment (hide) or delete the lines with navigation-tree-container div that starts on line
36 and ends on line 38, or just comment one line 37 with dcf_naviTree function.
To delete breadcrumbs from blog posts you must do the same, but in single.php file, for news
posts in single-news.php file, and for projects in single-project.php file.
2.9.14. Post Slider widget modification How to change the order and display
posts from the oldest to newest
By default posts in Post Slider widget are starting from the latest post (from newest to oldest).
With a small modification in the code it is possible to switch this order:
1. Open file dcwp_postslider.php from wp-content/plugins/ folder and go to line number 31.
It looks like this:
$query_args = array('nopaging' => 0, 'post_status' => 'publish', 'caller_get_posts' => 1);
2. At the end of this line you must add additional parameter order to change default query posts
order. Change this line to this:
$query_args = array('nopaging' => 0, 'post_status' => 'publish', 'caller_get_posts' => 1, 'order'
=> 'ASC');
3. Update file on your server in wp-content/plugins/ folder.
24
For href property add a URL path to your favicon between "" characters, so this part of code
will look like this for example:
<!-- ICON -->
<link rel="icon" href="http://your-domain.com/full-path/favicon.ico" type="image/x-icon" />
And thats it. Favicon image you can upload in Media Library, it should be 16x16px.
2.9.17. How to change the font size of paragraphs (plus a tip for changing the
standard theme font)
For this you must change the font size for paragraph style. Open common.css file and
somewhere about line 170 you will find this code:
p{
text-decoration:none;
font:12px/18px Verdana;
margin:0px 0px 15px;
text-indent:0px;
}
25
2.9.19. How to turn Off/On comments for Page/Post and how to disable
"trackbacks"
To turn off comments you will find option for this in Page or Post options. For example, when you edit
a Page, at the top there is editor, then right below it you will find Custom Page Settings section,
and after it there is a Discussion section with Allow Comments option. If Discussion section is
not visible, go to the top of this page, open Screen Options, and select Discussion option.
In Settings > Discussion it is possible to turn off comments for all pages with global option.
Here you can also turn off trackbacks with the option right at the top.
Please not that sometimes also some files might get corrupted in download or upload process, and
a solution in this case is to download again the full ZIP file with the product from Theme Forest (you
can download a purchased product again by going to your profile and then to Downloads section).
26
27
It most probably means that your server is not PHP 5.0 or higher. Check settings on your server,
(even if you think you have PHP 5.x :) and make sure that your server is running with PHP 5.0
or higher. You should be able to switch PHP version in your server settings.
To fix this, please check if in the WordPress installation on server, there is a Prestige_temp
folder in wp-content/ folder on your server. If there is no folder like this, you will have to change
the rights (permission) settings for wp-content folder. If this folder already exist, check the
rights settings for this Prestige_temp folder. You can also check the permission settings for
cache folder located in the main Prestige theme folder (located in wp-content/themes/). The
problem shows up if it is not allowed to create a "Prestige_temp" folder on your server in wpcontent location, or is is not possible to save images in "Prestige_temp" folder.
28
PRESTIGE
ULTIMATE WORDPRESS THEME
29