".__("Choose your layout. Possible options are: No sidebar, a single sidebar on either left of right, two sidebars on either left or right and two sidebars on each side. This can be overriden in pages by using Page Templates.","tempera")."
";
}
//SLIDER - Name: tempera_settings[sidewidth]
function cryout_setting_sidewidth_fn() {
global $temperas; ?>
px px px
";
echo ""; ?>
".__("Select the width of your content and sidebar(s). When using a 3 columns layout (with 2 sidebars) they will each have half the configured width.","tempera")."
".__("Enable to make Tempera fully responsive. The layout and general sizes of your blog will adjust depending on what device and what resolution it is viewed in. Do not disable unless you have a good reason to.","tempera")."
".__("Select the header's height. After saving the settings go and upload your new header image. The header's width will be ","tempera")."".$totally."px.
".__("By default the header has a minimum height set. This option removes that and the header becomes fully responsive, scalling to any size. Only enable this if you're not using a logo or site title and description in the header. ","tempera")."
";
}
//CHECKBOX - Name: tempera_settings[linkheader]
function cryout_setting_siteheader_fn() {
global $temperas;
cryout_proto_field( $temperas, "select", "tempera_siteheader",
array("Site Title and Description" , "Custom Logo" , "Clickable header image" , "Empty"),
array( __("Site Title and Description","tempera"), __("Custom Logo","tempera"), __("Clickable header image","tempera"), __("Empty","tempera"))
);
echo "
".__("Choose what to display inside your header area.","tempera")."
";
}
// TEXTBOX - Name: tempera_settings[favicon]
function cryout_setting_logoupload_fn() {
global $temperas; ?>
' class="imagebox" style="max-height:60px" /> ".__("Custom Logo upload. The logo will appear over the header image if you have used one.","tempera")."
"; ?>
".__("Select the top and left spacing for the header content. Use it to better position your site title and description or custom logo inside the header. ","tempera")."";
}
// TEXTBOX - Name: tempera_settings[favicon]
function cryout_setting_favicon_fn() {
global $temperas;?>
' class="imagebox" width="64" height="64"/> ".__("Limitations: It has to be an image. It should be max 64x64 pixels in dimensions. Recommended file extensions .ico and .png. Note that some browsers do not display the changed favicon instantly.","tempera")."
"; ?>
".__("Enable the presentation front-page. This will become your new home page. If you want another page to hold your latest blog posts, choose 'Blog Template (Posts Page)' from Page Templates while creating or editing that page.","tempera")."";
} // cryout_setting_frontpage_fn()
function cryout_setting_frontposts_fn() {
global $temperas;
cryout_proto_field( $temperas, "select", "tempera_frontposts",
array("Enable" , "Disable"),
array( __("Enable","tempera"), __("Disable","tempera"))
);
echo " ".__('posts','tempera');
echo "
".__("Enable to display latest posts on the presentation page, below the columns. Sticky posts are always displayed and not counted.","tempera")."
";
} // cryout_setting_frontpage_fn()
//CHECKBOX - Name: tempera_settings[frontslider]
function cryout_setting_frontslider_fn() {
global $temperas;
echo "
".__("Slider Dimensions:","tempera")." ";
echo " px (".__("width","tempera").") X ";
echo " px (".__("height","tempera").")";
echo "".__("The dimensions of your slider. Make sure your images are of the same size.","tempera")."
".__("Animation Time:","tempera")." ";
echo " ".__("milliseconds","tempera");
echo "".__("The time in which the transition animation will take place.","tempera")."
";
echo "
".__("Pause Time:","tempera")." ";
echo " ".__("milliseconds","tempera");
echo "".__("The time in which a slide will be still and visible.","tempera")."
".__("Slider arrows:","tempera")." ";
$items = array ("Always Visible" , "Visible on Hover" ,"Hidden");
$itemsare = array( __("Always Visible","tempera"), __("Visible on Hover","tempera"), __("Hidden","tempera"));
echo "";
echo "".__("The Left and Right arrows on your slider","tempera")."
";
echo "
".__("Slider Border Width:","tempera")." ";
echo " ".__("px","tempera");
echo "".__("The slider's border width. You can also edit its color from the Color Settings. Use a border width when your slider is smaller than the total site width.","tempera")."
";
echo "
".__("Slider Top Margin:","tempera")." ";
echo " ".__("px","tempera");
echo "".__("Add a top margin for the slider. By default this margin is 0 and you will want to increase this value when the width of the slider is smaller than the total width of the site.","tempera")."
";
?>
var $categoryName;
jQuery(document).ready(function(){
jQuery('#categ-dropdown').change(function(){
$categoryName=this.options[this.selectedIndex].value.replace(/\/category\/archives\//i,"");
doAjaxRequest();
});
});
function doAjaxRequest(){
// here is where the request will happen
jQuery.ajax({
url: ajaxurl,
data:{
'action':'do_ajax',
'fn':'get_latest_posts',
'count':10,
'categName':$categoryName
},
dataType: 'JSON',
success:function(data){
jQuery('#post-dropdown').html(data);
},
error: function(errorThrown){
alert('error');
console.log(errorThrown);
}
});
}
*/ ?>
Slides content: ";
echo "";
echo "
".__("Only the slides with a defined image will become active and visible in the live slider. When using slides from posts, make sure the selected posts have featured images. Read the FAQs for more info.","tempera")."
".__("Only the columns with a defined image will become active and visible on the presentation page. When using columns from posts, make sure the selected posts have featured images. Read the FAQs for more info.","tempera")."
";
?>
' />
Appearance >> Widgets and create your custom columns using the Columns widget. You can use as many as you want.','tempera'); ?>
".__("Image Size:","tempera")." ";
echo __("Height: ","tempera")." px ";
echo __("Width: ","tempera")." px"."";
echo "".__("The sizes for your column images. The width is dependent on total site width and not configurable.","tempera")."
";
?>
' />";
".__("The linked text that appears at the bottom of each column. Leave empty to hide the link.","tempera")."
";
} // cryout_setting_frontcolumns_fn()
//CHECKBOX - Name: tempera_settings[fronttext]
function cryout_setting_fronttext_fn() {
global $temperas;
echo "
".__("Extra Text","tempera")."
";
echo "
".__("Text for the Presentation Page","tempera")."".
__("More text for the Presentation Page. The top title is just below the slider, the second title is below the columns. A text area supporting HTML tags and shortcodes below each title ".
"It's all optional so leave any input field empty to not dispaly it.","tempera")."
";
echo "
".__("Top Title","tempera")."
";
echo "";
echo "
".__("Top Text","tempera")."
";
echo "";
echo "
".__("Second Title","tempera")."
";
echo "";
echo "
".__("Second text","tempera")."
";
echo "
";
echo "
".__("Hide areas","tempera")."
";
echo "
".__("Choose the areas to hide on the first page.","tempera")."
".__("Select the general font family and size or insert the Google Font name you'll use in your blog. This will affect all text except the one controlled by the options below. ","tempera")."
".__("Select the font family and size or insert the Google Font name you want for your titles. It will affect post titles and page titles. Leave 'General Font' and the general font values you selected will be used.","tempera")."
";
}
//SELECT - Name: tempera_settings[fontside]
function cryout_setting_fontside_fn() {
global $temperas;
global $fonts;
for ($i=14;$i<31;$i+=2): $sizes[] = "${i}px"; endfor;
cryout_proto_font(
$fonts,
$sizes,
$temperas['tempera_sidefontsize'],
$temperas['tempera_fontside'],
$temperas['tempera_googlefontside'],
'tempera_sidefontsize',
'tempera_fontside',
'tempera_googlefontside',
__('General Font','tempera')
);
echo "
".__("Select the font family and size or insert the Google Font name you want your widget titles to have. Leave 'General Font' and the general font values you selected will be used.","tempera")."
";
}
function cryout_setting_sitetitlefont_fn() {
global $temperas;
global $fonts;
for ($i=30;$i<51;$i+=2): $sizes[] = "${i}px"; endfor;
cryout_proto_font(
$fonts,
$sizes,
$temperas['tempera_sitetitlesize'],
$temperas['tempera_sitetitlefont'],
$temperas['tempera_sitetitlegooglefont'],
'tempera_sitetitlesize',
'tempera_sitetitlefont',
'tempera_sitetitlegooglefont',
__('General Font','tempera')
);
echo "
".__("Select the font family and size or insert the Google Font name you want your site title and tagline to use. Leave 'General Font' and the general font values you selected will be used.","tempera")."
".__("Select the font family and size or insert the Google Font name you want your main menu to use. Leave 'General Font' and the general font values you selected will be used.","tempera")."
".__("Select the font family and size or insert the Google Font name you want your headings to have (h1 - h6 tags will be affected). Leave 'General Font' and the general font values you selected will be used.","tempera")."
".__("This overwrites the text alignment in posts and pages. Leave 'Default' for normal settings (alignment will remain as declared in posts, comments etc.).","tempera")."
".__("The site background features 4 separately coloured areas. The general text colour applies to all text on the website that is not controlled by any other option.","tempera")."
";
}
function cryout_setting_accentcolors_fn() {
global $temperas;
cryout_color_field('tempera_accentcolora',__('Accent Color #1','tempera'),$temperas['tempera_accentcolora']);
cryout_color_field('tempera_accentcolorb',__('Accent Color #2','tempera'),$temperas['tempera_accentcolorb']);
cryout_color_field('tempera_accentcolorc',__('Accent Color #3','tempera'),$temperas['tempera_accentcolorc']);
cryout_color_field('tempera_accentcolord',__('Accent Color #4','tempera'),$temperas['tempera_accentcolord']);
cryout_color_field('tempera_accentcolore',__('Accent Color #5','tempera'),$temperas['tempera_accentcolore']);
echo "
".__("Accents #1 and #2 should either be the same as the link colours or be separate from all other colours on the site.
Accent #5 is used for input fields and buttons backgrounds, borders and lines.
Accents #3 and #4 should be the lighter/darker than the content background colour, being used as borders/shades on elements where accent #5 is background colour.","tempera")."
";
}
function cryout_setting_titlecolors_fn() {
global $temperas;
echo '
".__("These colours apply to the main site menu (and dropdown elements).","tempera")."
";
}
function cryout_setting_topmenucolors_fn() {
global $temperas;
echo '
'.__('Background:','tempera').'
';
cryout_color_field('tempera_topbarcolorbg',__('Top Bar Background','tempera'),$temperas['tempera_topbarcolorbg']);
echo '
'.__('Text:','tempera').'
';
cryout_color_field('tempera_topmenucolortxt',__('Top Bar Menu Link','tempera'),$temperas['tempera_topmenucolortxt']);
cryout_color_field('tempera_topmenucolortxthover',__('Top Bar Menu Link Hover','tempera'),$temperas['tempera_topmenucolortxthover']);
echo "
".__("These colours apply to the top bar menu.","tempera")."
";
}
function cryout_setting_contentcolors_fn() {
global $temperas;
cryout_color_field('tempera_contentcolorbg',__('Content Background','tempera'),$temperas['tempera_contentcolorbg']);
cryout_color_field('tempera_contentcolortxttitle',__('Page/Post Title','tempera'),$temperas['tempera_contentcolortxttitle']);
cryout_color_field('tempera_contentcolortxttitlehover',__('Page/Post Title Hover','tempera'),$temperas['tempera_contentcolortxttitlehover']);
cryout_color_field('tempera_contentcolortxtheadings',__('Content Headings','tempera'),$temperas['tempera_contentcolortxtheadings']);
echo "
".__("Content colours apply to post and page areas of the site.","tempera")."
";
}
function cryout_setting_frontpagecolors_fn(){
global $temperas;
cryout_color_field('tempera_fronttitlecolor',__('Titles Color','tempera'),$temperas['tempera_fronttitlecolor']);
cryout_color_field('tempera_fpsliderbordercolor',__('Slider Border Color','tempera'),$temperas['tempera_fpsliderbordercolor']);
cryout_color_field('tempera_fpslidercaptioncolor',__('Slider Caption Text Color','tempera'),$temperas['tempera_fpslidercaptioncolor']);
cryout_color_field('tempera_fpslidercaptionbg',__('Slider Caption Background','tempera'),$temperas['tempera_fpslidercaptionbg']);
echo "
".__("These colours apply to specific areas of the presentation page.","tempera")."
";
}
function cryout_setting_sidecolors_fn() {
global $temperas;
echo '
'.__('Background:','tempera').'
';
cryout_color_field('tempera_sidebg',__('Sidebars Background','tempera'),$temperas['tempera_sidebg']);
cryout_color_field('tempera_sidetitlebg',__('Sidebars Widget Title Background','tempera'),$temperas['tempera_sidetitlebg']);
echo '
'.__('Text:','tempera').'
';
cryout_color_field('tempera_sidetxt',__('Sidebars Text','tempera'),$temperas['tempera_sidetxt']);
cryout_color_field('tempera_sidetitletxt',__('Sidebars Widget Title Text','tempera'),$temperas['tempera_sidetitletxt']);
echo "
".__("These colours apply to the widgets placed in either sidebar.","tempera")."
";
}
function cryout_setting_widgetcolors_fn() {
global $temperas;
echo '
'.__('Background:','tempera').'
';
cryout_color_field('tempera_widgetbg',__('Footer Widgets Background','tempera'),$temperas['tempera_widgetbg']);
cryout_color_field('tempera_widgettitlebg',__('Footer Widgets Title Background','tempera'),$temperas['tempera_widgettitlebg']);
echo '
'.__('Text:','tempera').'
';
cryout_color_field('tempera_widgettxt',__('Footer Widget Text','tempera'),$temperas['tempera_widgettxt']);
cryout_color_field('tempera_widgettitletxt',__('Footer Widgets Title Text','tempera'),$temperas['tempera_widgettitletxt']);
echo "
".__("These colours apply to the widgets in the footer area.","tempera")."
";
}
function cryout_setting_linkcolors_fn() {
global $temperas;
echo '
".__("Show breadcrumbs at the top of the content area. Breadcrumbs are a form of navigation that keeps track of your location withtin the site.","tempera")."
".__("Show numbered pagination. Where there is more than one page, instead of the bottom Older Posts and Newer posts links you have a numbered pagination. ","tempera")."
".__("Excerpts on the main page. Only standard posts will be affected. All other post formats (aside, image, chat, quote etc.) have their specific formating.","tempera")."
".__("Excerpts on archive, categroy and search pages. Same as above, only standard posts will be affected.","tempera")."
";
}
// TEXTBOX - Name: tempera_settings[excerptwords]
function cryout_setting_excerptwords_fn() {
global $temperas;
echo "";
echo "
".__("The number of words for excerpts. When that number is reached the post will be interrupted by a Continue reading link that will take the reader to the full post page.","tempera")."
".__("By default WordPress excerpts remove all HTML tags (<pre>, <a>, <b> and all others) and only clean text is left in the excerpt.
Enabling this option allows HTML tags to remain in excerpts so all your default formating will be kept. Just a warning: If HTML tags are enabled, you have to make sure
they are not left open. So if within your post you have an opened HTML tag but the except ends before that tag closes, the rest of the site will be contained in that HTML tag. -- Leave 'Disable' if unsure -- ","tempera")."
".__("Show the first image that you inserted in a post as a thumbnail. If there is a Featured Image selected for that post, it will have priority.","tempera")."
".__("The size (in pixels) for your thumbnails. By default imges will be scaled with aspect ratio kept. Choose to crop the images if you want the exact size.","tempera")."
".__("Show featured images on headers. The header will be replaced with a featured image if you selected it as a Featured Image in the post and if it is bigger or at least equal to the current header size.","tempera")."
";
}
////////////////////////
/// SOCIAL SETTINGS ////
////////////////////////
function cryout_setting_social_master($i) {
$cryout_special_keys = array('Mail', 'Skype');
$cryout_social_small = array (
'',__('Select your desired Social network from the left dropdown menu and insert your corresponding address in the right input field. (ex: http://www.facebook.com/yourname )','tempera'),
'',__("You can also choose if you want the link to open in a new window and what title to dispaly while hovering over the icon.",'tempera'),
'',__("You can show up to 5 different social icons from over 35 social networks.",'tempera'),
'',__("You can leave any number of inputs empty.",'tempera'),
'',__("You can change the background for your social colors from the colors settings section.",'tempera')
);
$j=$i+1;
global $temperas, $socialNetworks;
echo " » ";
if (in_array($temperas['tempera_social'.$i],$cryout_special_keys)) :
$cryout_current_social = esc_html( $temperas['tempera_social'.$j] );
else :
$cryout_current_social = esc_url( $temperas['tempera_social'.$j] );
endif;
// Social Link
echo "";
// Social Open in new window
$checkedClass = ($temperas['tempera_social_target'.$i]=='1') ? ' checkedClass' : '';
echo " ";
// Social Title
echo "";
echo "
";
}
// TEXTBOX - Name: tempera_settings[customcss]
function cryout_setting_customcss_fn() {
global $temperas;
echo "";
echo "
".__("Insert your custom CSS here. Any CSS declarations made here will overwrite Tempera's (even the custom options specified right here in the Tempera Settings page). Your custom CSS will be preserved when updating the theme.","tempera")."
";
}
// TEXTBOX - Name: tempera_settings[customjs]
function cryout_setting_customjs_fn() {
global $temperas;
echo "";
echo "
".__("Insert your custom Javascript code here. (Google Analytics and any other forms of Analytic software).","tempera")."