"; } echo "
".__("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")."
"; ?> "; $checkedClass = ($temperas['tempera_hcontain']=='1') ? ' checkedClass' : ''; echo "
".__("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")."
"; } // cryout_setting_mobile_fn() ////////////////////////////// /////HEADER SETTINGS////////// ///////////////////////////// //SELECT - Name: tempera_settings[hheight] function cryout_setting_hheight_fn() { global $temperas; $totally = $temperas['tempera_sidebar']+$temperas['tempera_sidewidth']; cryout_proto_field( $temperas, "input4", "tempera_hheight", $temperas['tempera_hheight'], " px"); echo "
".__("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.
"; } function cryout_setting_himage_fn() { global $temperas; //$checkedClass = ($temperas['tempera_hcenter']=='1') ? ' checkedClass' : ''; echo "".__('Define header image','tempera')."
"; cryout_proto_field( $temperas, "checkbox", "tempera_hcenter", $temperas['tempera_hcenter'], __('Center the header image horizontally','tempera')); echo "
"; cryout_proto_field( $temperas, "checkbox", "tempera_hratio", $temperas['tempera_hratio'], __('Keep header image aspect ratio.', 'tempera')); echo "
".__("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")."
"; echo "
".__("Animation:","tempera")." "; $items = array ("random" , "fold", "fade", "slideInRight", "slideInLeft", "sliceDown", "sliceDownLeft", "sliceUp", "sliceUpLeft", "sliceUpDown" , "sliceUpDownLeft", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow" , "boxRainGrowReverse"); $itemsare = array( __("Random","tempera"), __("Fold","tempera"), __("Fade","tempera"), __("SlideInRight","tempera"), __("SlideInLeft","tempera"), __("SliceDown","tempera"), __("SliceDownLeft","tempera"), __("SliceUp","tempera"), __("SliceUpLeft","tempera"), __("SliceUpDown","tempera"), __("SliceUpDownLeft","tempera"), __("BoxRandom","tempera"), __("BoxRain","tempera"), __("BoxRainReverse","tempera"), __("BoxRainGrow","tempera"), __("BoxRainGrowReverse","tempera")); echo ""; echo "".__("The transition effect of your slides.","tempera")."
"; echo "
".__("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")."
"; echo "
".__("Slider navigation:","tempera")." "; $items = array ("Numbers" , "Bullets" ,"None"); $itemsare = array( __("Numbers","tempera"), __("Bullets","tempera"), __("None","tempera")); echo ""; echo "".__("Your slider navigation type. Shown under the slider.","tempera")."
"; echo "
".__("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")."
"; ?>
' />
Choose the category: ','tempera'); ?>
' />

' />
' />
'; $items = array("Widget Columns", "Latest Posts", "Random Posts", "Sticky Posts", "Latest Posts from Category" , "Random Posts from Category", "Specific Posts", "Disabled"); $itemsare = array( __("Widget Columns","tempera"), __("Latest Posts","tempera"), __("Random Posts","tempera"),__("Sticky Posts","tempera"), __("Latest Posts from Category","tempera"), __("Random Posts from Category","tempera"), __("Specific Posts","tempera"), __("Disabled","tempera")); echo " Columns content: "; echo ""; echo "
".__("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'); ?>
Choose the category: ','tempera'); ?>
' />
".__("Columns per row:","tempera")." "; $items = array ("1", "2" , "3" , "4"); echo ""; echo "
".__("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")."
"; $items = array( "FrontHeader", "FrontMenu", "FrontWidget" , "FrontFooter","FrontBack"); $checkedClass0 = ($temperas['tempera_fronthideheader']=='1') ? ' checkedClass0' : ''; $checkedClass1 = ($temperas['tempera_fronthidemenu']=='1') ? ' checkedClass1' : ''; $checkedClass2 = ($temperas['tempera_fronthidewidget']=='1') ? ' checkedClass2' : ''; $checkedClass3 = ($temperas['tempera_fronthidefooter']=='1') ? ' checkedClass3' : ''; $checkedClass4 = ($temperas['tempera_fronthideback']=='1') ? ' checkedClass4' : ''; echo " "; echo " "; echo " "; echo " "; echo "
"; } //////////////////////////////// //// TEXT SETTINGS ///////////// //////////////////////////////// //SELECT - Name: tempera_settings[fontfamily] function cryout_setting_fontfamily_fn() { global $temperas; global $fonts; $sizes = array ("12px", "13px" , "14px" , "15px" , "16px", "17px", "18px", "19px", "20px"); cryout_proto_font( $fonts, $sizes, $temperas['tempera_fontsize'], $temperas['tempera_fontfamily'], $temperas['tempera_googlefont'], 'tempera_fontsize', 'tempera_fontfamily', 'tempera_googlefont' ); echo "
".__("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 - Name: tempera_settings[fonttitle] function cryout_setting_fonttitle_fn() { global $temperas; global $fonts; $sizes = array ( "14px" , "16px" , "18px" , "20px", "22px" , "24px" , "26px" , "28px" , "30px" , "32px" , "34px" , "36px", "38px" , "40px"); cryout_proto_font( $fonts, $sizes, $temperas['tempera_headfontsize'], $temperas['tempera_fonttitle'], $temperas['tempera_googlefonttitle'], 'tempera_headfontsize', 'tempera_fonttitle', 'tempera_googlefonttitle', __('General Font','tempera') ); echo "
".__("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")."

"; } function cryout_setting_menufont_fn() { global $temperas; global $fonts; $sizes = array ( "8px" , "9px" , "10px" , "11px", "12px" , "13px" , "14px" , "15px" , "16px" , "17px" , "18px", "19px", "20px"); cryout_proto_font( $fonts, $sizes, $temperas['tempera_menufontsize'], $temperas['tempera_menufont'], $temperas['tempera_menugooglefont'], 'tempera_menufontsize', 'tempera_menufont', 'tempera_menugooglefont', __('General Font','tempera') ); echo "
".__("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 - Name: tempera_settings[fontsubheader] function cryout_setting_fontheadings_fn() { global $temperas; global $fonts; //$sizes = array ( "0.8em", "0.9em","1em","1.1em","1.2em","1.3em","1.4em","1.5em","1.6em","1.7em","1.8em","1.9em","2em"); $sizes = array("60%","70%","80%","90%","100%","110%","120%","130%","140%","150%"); cryout_proto_font( $fonts, $sizes, $temperas['tempera_headingsfontsize'], $temperas['tempera_headingsfont'], $temperas['tempera_headingsgooglefont'], 'tempera_headingsfontsize', 'tempera_headingsfont', 'tempera_headingsgooglefont', __('General Font','tempera') ); echo "
".__("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")."

"; } //SELECT - Name: tempera_settings[textalign] function cryout_setting_textalign_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_textalign", array("Default" , "Left" , "Right" , "Justify" , "Center"), array( __("Default","tempera"), __("Left","tempera"), __("Right","tempera"), __("Justify","tempera"), __("Center","tempera")) ); echo "
".__("This overwrites the text alignment in posts and pages. Leave 'Default' for normal settings (alignment will remain as declared in posts, comments etc.).","tempera")."
"; } //SELECT - Name: tempera_settings[parindent] function cryout_setting_parindent_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_parindent", array("0px" , "5px" , "10px" , "15px" , "20px"), array("0px" , "5px" , "10px" , "15px" , "20px") ); echo "
".__("Choose the indent for your paragraphs.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[headerindent] function cryout_setting_headingsindent_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_headingsindent", array("Enable" , "Disable"), array( __("Enable","tempera"), __("Disable","tempera")) ); echo "
".__("Disable the default headings indent (left margin).","tempera")."
"; } //SELECT - Name: tempera_settings[lineheight] function cryout_setting_lineheight_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_lineheight", array("0.8em" , "0.9em", "1.0em" , "1.1em" , "1.2em" , "1.3em", "1.4em" , "1.5em" , "1.6em" , "1.7em" , "1.8em" , "1.9em" , "2.0em"), array( "0.8em" , "0.9em", "1.0em" , "1.1em" , "1.2em" , "1.3em", "1.4em" , "1.5em" , "1.6em" , "1.7em" , "1.8em" , "1.9em" , "2.0em") ); echo "
".__("Text line height. The height between 2 rows of text.","tempera")."
"; } //SELECT - Name: tempera_settings[wordspace] function cryout_setting_wordspace_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_wordspace", array("Default" ,"-3px" , "-2px", "-1px" , "0px" , "1px" , "2px", "3px" , "4px" , "5px" , "10px"), array( __("Default","tempera"),"-3px" , "-2px", "-1px" , "0px" , "1px" , "2px", "3px" , "4px" , "5px" , "10px") ); echo "
".__("The space between words. Leave 'Default' for normal settings (size value will be as set in the CSS).","tempera")."
"; } //SELECT - Name: tempera_settings[letterspace] function cryout_setting_letterspace_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_letterspace", array("Default" ,"-0.05em" , "-0.04em", "-0.03em" , "-0.02em" , "-0.01em" , "0.01em", "0.02em" , "0.03em" , "0.04em" , "0.05em"), array( __("Default","tempera"),"-0.05em" , "-0.04em", "-0.03em" , "-0.02em" , "-0.01em" , "0.01em", "0.02em" , "0.03em" , "0.04em" , "0.05em") ); echo "
".__("The space between letters. Leave 'Default' for normal settings (size value will be as set in the CSS).","tempera")."
"; } //CHECKBOX - Name: tempera_settings[textshadow] function cryout_setting_paragraphspace_fn() { global $temperas; $items[]="0.0em"; for ($i=0.5;$i<=1.5;$i+=0.1) { $items[] = number_format($i,1)."em"; } cryout_proto_field( $temperas, "select", "tempera_paragraphspace", $items, $items ); echo "
".__("Select the spacing between the paragraphs.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[headerindent] function cryout_setting_uppercasetext_fn() { global $temperas; cryout_proto_field( $temperas, "select", "tempera_uppercasetext", array(0, 1), array( __("Default (disabled)","tempera"), __("Enable","tempera")) ); echo "
".__("Enable uppercase text styling. All text in the site will be uppercase.","tempera")."
"; } //////////////////////////////// //// APPEREANCE SETTINGS /////// //////////////////////////////// function cryout_setting_sitebackground_fn() { echo "".__('Define background image','tempera').""; } // cryout_setting_sitebackground_fn() function cryout_setting_generalcolors_fn() { global $temperas; echo '

'.__('Background:','tempera').'

'; cryout_color_field('tempera_backcolorheader',__('Header Background','tempera'),$temperas['tempera_backcolorheader']); cryout_color_field('tempera_backcolormain',__('Main Site Background','tempera'),$temperas['tempera_backcolormain']); cryout_color_field('tempera_backcolorfooterw',__('Footer Widgets Area Background','tempera'),$temperas['tempera_backcolorfooterw']); cryout_color_field('tempera_backcolorfooter',__('Footer Background','tempera'),$temperas['tempera_backcolorfooter']); echo '

'.__('Text:','tempera').'

'; cryout_color_field('tempera_contentcolortxt',__('General Text','tempera'),$temperas['tempera_contentcolortxt']); cryout_color_field('tempera_contentcolortxtlight',__('General Lighter Text','tempera'),$temperas['tempera_contentcolortxtlight']); cryout_color_field('tempera_footercolortxt',__('Footer Text','tempera'),$temperas['tempera_footercolortxt']); echo "
".__("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 '

'.__('Background:','tempera').'

'; cryout_color_field('tempera_descriptionbg',__('Site Description Background','tempera'),$temperas['tempera_descriptionbg']); echo '

'.__('Text:','tempera').'

'; cryout_color_field('tempera_titlecolor',__('Site Title','tempera'),$temperas['tempera_titlecolor']); cryout_color_field('tempera_descriptioncolor',__('Site Description','tempera'),$temperas['tempera_descriptioncolor']); // echo "
".."
"; } function cryout_setting_menucolors_fn() { global $temperas; echo '

'.__('Menu:','tempera').'

'; cryout_color_field('tempera_menucolorbgdefault',__('Menu Background','tempera'),$temperas['tempera_menucolorbgdefault']); cryout_color_field('tempera_menucolortxtdefault',__('Menu Text','tempera'),$temperas['tempera_menucolortxtdefault']); //cryout_color_field('tempera_menucolorbghover',__('Menu Item Background on Hover','tempera'),$temperas['tempera_menucolorbghover']); //cryout_color_field('tempera_menucolorbgactive',__('Active Menu Item Background','tempera'),$temperas['tempera_menucolorbgactive']); echo '

'.__('Submenu:','tempera').'

'; cryout_color_field('tempera_submenucolorbgdefault',__('Submenu Background','tempera'),$temperas['tempera_submenucolorbgdefault']); cryout_color_field('tempera_submenucolortxtdefault',__('Submenu Text','tempera'),$temperas['tempera_submenucolortxtdefault']); cryout_color_field('tempera_submenucolorshadow',__('Submenu Shadow','tempera'),$temperas['tempera_submenucolorshadow']); //cryout_color_field('',__('','tempera'),$temperas[''],__("","tempera")); 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 '

'.__('General:','tempera').'

'; cryout_color_field('tempera_linkcolortext',__('General Links','tempera'),$temperas['tempera_linkcolortext']); cryout_color_field('tempera_linkcolorhover',__('General Links Hover','tempera'),$temperas['tempera_linkcolorhover']); echo '

'.__('Sidebar Widgets:','tempera').'

'; cryout_color_field('tempera_linkcolorside',__('Sidebar Widgets Links','tempera'),$temperas['tempera_linkcolorside']); cryout_color_field('tempera_linkcolorsidehover',__('Sidebar Widgets Links Hover','tempera'),$temperas['tempera_linkcolorsidehover']); echo '

'.__('Footer Widgets:','tempera').'

'; cryout_color_field('tempera_linkcolorwooter',__('Footer Widgets Links','tempera'),$temperas['tempera_linkcolorwooter']); cryout_color_field('tempera_linkcolorwooterhover',__('Footer Widgets Links Hover','tempera'),$temperas['tempera_linkcolorwooterhover']); echo '

'.__('Footer:','tempera').'

'; cryout_color_field('tempera_linkcolorfooter',__('Footer Links','tempera'),$temperas['tempera_linkcolorfooter']); cryout_color_field('tempera_linkcolorfooterhover',__('Footer Links Hover','tempera'),$temperas['tempera_linkcolorfooterhover']); echo "
".__("Footer colours include the footer menu colours.","tempera")."
"; } function cryout_setting_metacolors_fn() { global $temperas; cryout_color_field('tempera_metacoloricons',__('Meta Icons','tempera'),$temperas['tempera_metacoloricons']); cryout_color_field('tempera_metacolorlinks',__('Meta Links','tempera'),$temperas['tempera_metacolorlinks']); cryout_color_field('tempera_metacolorlinkshover',__('Meta Links Hover','tempera'),$temperas['tempera_metacolorlinkshover']); echo "
".__("Colours for your meta area (post information).","tempera")."
"; } function cryout_setting_socialcolors_fn() { global $temperas; cryout_color_field('tempera_socialcolorbg',__('Social Icons Background','tempera'),$temperas['tempera_socialcolorbg']); cryout_color_field('tempera_socialcolorbghover',__('Social Icons Background Hover','tempera'),$temperas['tempera_socialcolorbghover']); echo "
".__("Background colours for your social icons.","tempera")."
"; } function cryout_setting_caption_fn() { global $temperas; $items = array ( "caption-light", "caption-dark","caption-simple" ,); $itemsare = array( __("Light","tempera"), __("Dark","tempera"),__("Simple","tempera")); echo ""; echo "
".__("This setting changes the look of your captions. Images that are not inserted through captions will not be affected.","tempera")."
"; } //////////////////////////////// //// GRAPHICS SETTINGS ///////// //////////////////////////////// //CHECKBOX - Name: tempera_settings[breadcrumbs] function cryout_setting_topbar_fn() { global $temperas; $items = array ("Normal" , "Fixed", "Hide"); $itemsare = array( __("Normal","tempera"), __("Fixed","tempera"), __("Hide","tempera")); echo ""; $items2 = array ("Site width" , "Full width"); $itemsare2 = array( __("Site width","tempera"), __("Full width","tempera")); echo " - "; echo "
".__("Show the topbar that can include social icons and the top menu.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[breadcrumbs] function cryout_setting_breadcrumbs_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; 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")."
"; } //CHECKBOX - Name: tempera_settings[pagination] function cryout_setting_pagination_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("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")."
"; } function cryout_setting_menualign_fn() { global $temperas; $items = array ("left" , "center", "right"); $itemsare = array( __("Left","tempera"), __("Center","tempera"), __("Right", "tempera")); echo ""; echo "
".__("Sets the desired menu items alignment.","tempera")."
"; } function cryout_setting_contentmargins_fn() { global $temperas; echo __('Margin top: ','tempera');cryout_proto_field( $temperas, "input4str", "tempera_contentmargintop", $temperas['tempera_contentmargintop'], ' px ' ); echo "
".__("The margin between the content and the menu. It can be set to 0px if you want the content area and menu to join.","tempera")."


"; echo __('Padding left/right: ','tempera');cryout_proto_field( $temperas, "input4str", "tempera_contentpadding", $temperas['tempera_contentpadding'], ' px' ); echo "
".__("The left/right padding around the content. Should be set to 10px or less for designs without a content color.","tempera")."
"; } // RADIO-BUTTON - Name: tempera_settings[image] function cryout_setting_image_fn() { global $temperas; $items = array("tempera-image-none", "tempera-image-one", "tempera-image-two", "tempera-image-three", "tempera-image-four","tempera-image-five"); echo "
"; foreach($items as $item) { $checkedClass = ($temperas['tempera_image_style']==$item) ? ' checkedClass' : ''; echo " "; } echo "
"; echo "
".__("The border style for your images. Only images inserted in your posts and pages will be affected. ","tempera")."
"; } //CHECKBOX - Name: tempera_settings[contentlist] function cryout_setting_contentlist_fn() { global $temperas; $items = array ("Show" , "Hide"); $itemsare = array( __("Show","tempera"), __("Hide","tempera")); echo ""; echo "
".__("Hide or show bullets next to lists in your content area (posts, pages etc.).","tempera")."
"; } //CHECKBOX - Name: tempera_settings[pagetitle] function cryout_setting_pagetitle_fn() { global $temperas; $items = array ("Show" , "Hide"); $itemsare = array( __("Show","tempera"), __("Hide","tempera")); echo ""; echo "
".__("Hide or show titles on pages.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[categtitle] function cryout_setting_categtitle_fn() { global $temperas; $items = array ("Show" , "Hide"); $itemsare = array( __("Show","tempera"), __("Hide","tempera")); echo ""; echo "
".__("Hide or show titles on Categories and Archives.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[tables] function cryout_setting_tables_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("Hide table borders and background color.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[backtop] function cryout_setting_backtop_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("Enable the Back to Top button. The button appears after scrolling the page down.","tempera")."
"; } //////////////////////////////// //// POST SETTINGS ///////////// //////////////////////////////// function cryout_setting_metapos_fn() { global $temperas; $items = array ("Top","Bottom","Hide" ); $itemsare = array(__("Top","tempera"), __("Bottom","tempera"), __("Hide","tempera")); echo ""; echo "
".__("The position of your meta bar (author, date, category, tags and edit button).","tempera")."
"; } // TEXTBOX - Name: tempera_settings[socialsdisplay] function cryout_setting_metashowblog_fn() { global $temperas; $items = array( "author", "date", "time" , "category" ,"tag", "comments"); $itemsare = array( __("Author","tempera"), __("Date","tempera"),__("Time","tempera") , __("Category","tempera") ,__("Tag","tempera"), __("Comments","tempera")); $i=0; foreach($items as $item): echo " "; $i++; endforeach; echo "
".__("Choose the post metas you want to show on multiple post pages (home, blog, category, archive etc.)","tempera")."
"; } // TEXTBOX - Name: tempera_settings[socialsdisplay] function cryout_setting_metashowsingle_fn() { global $temperas; $items = array( "author", "date", "time" , "category" ,"tag", "bookmark"); $itemsare = array( __("Author","tempera"), __("Date","tempera"),__("Time","tempera") , __("Category","tempera") ,__("Tag","tempera"), __("Bookmark","tempera")); $i=0; foreach($items as $item): echo " "; $i++; endforeach; echo "
".__("Choose the post metas you want to show on sigle post pages.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[comtext] function cryout_setting_comtext_fn() { global $temperas; $items = array ("Show" , "Hide"); $itemsare = array( __("Show","tempera"), __("Hide","tempera")); echo ""; echo "
".__("Hide the explanatory text under the comments form (starts with You may use these HTML tags and attributes:...).","tempera")."
"; } //CHECKBOX - Name: tempera_settings[comclosed] function cryout_setting_comclosed_fn() { global $temperas; $items = array ("Show" , "Hide in posts", "Hide in pages", "Hide everywhere"); $itemsare = array( __("Show","tempera"), __("Hide in posts","tempera"), __("Hide in pages","tempera"), __("Hide everywhere","tempera")); echo ""; echo "
".__("Hide the Comments are closed text that by default shows up on pages or posts with comments disabled.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[comoff] function cryout_setting_comoff_fn() { global $temperas; $items = array ("Show" , "Hide"); $itemsare = array( __("Show","tempera"), __("Hide","tempera")); echo ""; echo "
".__("Hide the Comments off text next to posts that have comments disabled.","tempera")."
"; } //////////////////////////////// //// EXCERPT SETTINGS ///////////// //////////////////////////////// //CHECKBOX - Name: tempera_settings[excerpthome] function cryout_setting_excerpthome_fn() { global $temperas; $items = array ("Excerpt" , "Full Post"); $itemsare = array( __("Excerpt","tempera"), __("Full Post","tempera")); echo ""; echo "
".__("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")."
"; } //CHECKBOX - Name: tempera_settings[excerptsticky] function cryout_setting_excerptsticky_fn() { global $temperas; $items = array ("Excerpt" , "Full Post"); $itemsare = array( __("Excerpt","tempera"), __("Full Post","tempera")); echo ""; echo "
".__("Choose if you want the sticky posts on your home page to be visible in full or just the excerpts. ","tempera")."
"; } //CHECKBOX - Name: tempera_settings[excerptarchive] function cryout_setting_excerptarchive_fn() { global $temperas; $items = array ("Excerpt" , "Full Post"); $itemsare = array( __("Excerpt","tempera"), __("Full Post","tempera")); echo ""; echo "
".__("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")."
"; } //CHECKBOX - Name: tempera_settings[magazinelayout] function cryout_setting_magazinelayout_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("Enable the Magazine Layout. This layout applies to pages with posts and shows 2 posts per row.","tempera")."
"; } // TEXTBOX - Name: tempera_settings[excerptdots] function cryout_setting_excerptdots_fn() { global $temperas; echo ""; echo "
".__("Replaces the three dots ('[...])' that are appended automatically to excerpts.","tempera")."
"; } // TEXTBOX - Name: tempera_settings[excerptcont] function cryout_setting_excerptcont_fn() { global $temperas; echo ""; echo "
".__("Edit the 'Continue Reading' link added to your post excerpts.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[excerpttags] function cryout_setting_excerpttags_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("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")."
"; } //////////////////////////////// /// FEATURED IMAGE SETTINGS //// //////////////////////////////// //CHECKBOX - Name: tempera_settings[fpost] function cryout_setting_fpost_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; $checkedClass = ($temperas['tempera_fpostlink']=='1') ? ' checkedClass' : ''; echo " "; echo "
".__("Show featured images as thumbnails on posts. The images must be selected for each post in the Featured Image section.","tempera")."
"; } //CHECKBOX - Name: tempera_settings[fauto] function cryout_setting_fauto_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("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")."
"; } //CHECKBOX - Name: tempera_settings[falign] function cryout_setting_falign_fn() { global $temperas; $items = array ("Left" , "Center", "Right"); $itemsare = array( __("Left","tempera"), __("Center","tempera"), __("Right","tempera")); echo ""; echo "
".__("Thumbnail alignment.","tempera")."
"; } // TEXTBOX - Name: tempera_settings[fwidth] function cryout_setting_fsize_fn() { global $temperas; echo "px ".__("(width)","tempera")." X "; echo "px ".__("(height)","tempera").""; $checkedClass = ($temperas['tempera_fcrop']=='1') ? ' checkedClass' : ''; echo " "; echo "
".__("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")."
"; } //CHECKBOX - Name: tempera_settings[fheader] function cryout_setting_fheader_fn() { global $temperas; $items = array ("Enable" , "Disable"); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo "
".__("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 "
".$cryout_social_small[$i]."
"; } // cryout_setting_social_master() // TEXTBOX - Name: tempera_settings[socialX] function cryout_setting_socials1_fn() { cryout_setting_social_master(1); } function cryout_setting_socials2_fn() { cryout_setting_social_master(3); } // TEXTBOX - Name: tempera_settings[social3] function cryout_setting_socials3_fn() { cryout_setting_social_master(5); } // TEXTBOX - Name: tempera_settings[social4] function cryout_setting_socials4_fn() { cryout_setting_social_master(7); } // TEXTBOX - Name: tempera_settings[social5] function cryout_setting_socials5_fn() { cryout_setting_social_master(9); } // TEXTBOX - Name: tempera_settings[socialsdisplay] function cryout_setting_socialsdisplay_fn() { global $temperas; $items = array( "Header", "CLeft", "CRight" , "Footer" ,"SLeft", "SRight"); echo " "; echo " "; echo " "; echo " "; echo "
"; echo " "; echo " "; echo "
".__("Choose the areas where to display the social icons.","tempera")."
"; } //////////////////////// /// MISC SETTINGS //// //////////////////////// // TEXTBOX - Name: tempera_settings[copyright] function cryout_setting_copyright_fn() { global $temperas; echo ""; echo "
".__("Insert custom text or HTML code that will appear in you footer.
You can use HTML to insert links, images and special characters like ©.","tempera")."
"; } // 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")."
"; } function cryout_setting_iecompat_fn() { global $temperas; $items = array (1, 0); $itemsare = array( __("Enable","tempera"), __("Disable","tempera")); echo ""; echo ""; echo "
".__("Enable extra compatibility tag for older Internet Explorer versions. Turning this option on will trigger W3C validation errors.","tempera")."
"; } // cryout_setting_iecompat_fn() ?>