function weaveriip_php_admin()
{
?>
<p class='wvr-option-section'>PHP - [weaver_php] <?php
weaveriip_help_link('pro-help.html#php_code', 'PHP shortcode help');
?>
</p>
<p><code>[weaver_php]php code[/weaver_php]</code></p>
<p>The <code>[weaver_php]</code> short code allows you to use php within a page, post, or text widget.</p>
<p><strong>Shortcode usage:</strong> <code>[weaver_php]php code[/weaver_php]</code>
<br />
The [weaver_php] and [/weaver_php] act like <?php and ?>. The PHP code is executed using the
PHP <em>exec()</em> function and any resulting output added to the HTML page. If your PHP has any errors,
or your system has exec() disabled, there will be no output.</p>
<p>
<span style="color:red;"><strong>Important note:</strong></span> If your php code
spans multiple lines (i.e., you use the Enter key), then you <em>must</em> use the HTML editor view,
<em>and</em> check the Raw HTML per page option in the page/post editor screen.
Short PHP snippets on just one line will work from either the HTML or Visual editors.
</p>
<?php
}
function weaveriip_saverestore_admin()
{
?>
<p class='wvr-option-section'>Weaver II Pro Save/Restore Plus Settings <?php
weaveriip_help_link('pro-help.html#plus_admin', 'Save/Restore help');
?>
</p>
<p>You can save and restore Weaver II Pro settings to a file on your site's files.</p>
<h4>Save as file on this website's server</h4>
<p>Please provide a name for your file, then click the "Save File" button. <b>Warning:</b> Duplicate names will
automatically overwrite existing file without notification.</p>
<form name="weaveriip_options_form" method="post">
table>
<td>Name for saved Plus Settings: <input type="text" name="wvp_save_name" size="30" /> <small>(Please use a meaningful
name - do not provide file extension. Name might be altered to standard form.)</small></td></tr>
<tr>
<td><span class='submit'><input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Plus Settings to File"/></span>
<small><strong>Save Plus Settings in File</strong> - Settings will be saved in <em><?php
echo $ttw_theme_dir;
?>
</em> directory on your site server.</small></td>
</tr>
</table>
<br />
<input type="hidden" name="weaveriip_save_settings" value="Weaver II Pro Settings Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<?php
}
function weaveriip_shortcoder_admin()
{
if (!weaverii_pro_isset('wvpsc_num_opts')) {
weaveriip_shortcoder_init();
}
$num_imgs = weaverii_pro_getopt('wvpsc_num_opts');
if ($num_imgs < 1) {
weaverii_pro_setopt('wvpsc_num_opts', 2);
$num_imgs = 2;
}
?>
<div>
<p class='wvr-option-section'>Weaver Shortcoder [weaver_sc] - <small>Define your own shortcodes.</small> <?php
weaveriip_help_link('pro-help.html#shortcoder', 'Shortcoder help');
?>
</p>
<p><code>[weaver_sc id="myname" v1="optional-replacement" ... v9="replacement"]</code></p>
<p>This [weaver_sc] shortcode allows you to define your own named shortcodes. These really serve as "macros" - an easy way
to define constant text or other fixed content you would like to add to your pages, posts, or widget areas.
The content you define can include other <em>shortcodes</em> and <em>basic HTML</em>, as well as <em>Raw HTML</em>
or <em>Scripts</em> if you have the role permissions to do that.</p>
<p>[weaver_sc] supports nine (9) optional parameters, v1 to v9, that allow you to pass values to your shortcode
definition text. The value of any parameter will replace the equivalent parameter specified as %v1% in your text.
For example, if you had a shorcode "name" and definition text contained "My name is %v1%.", and you use the shortcode
[weaver_sc id="name" v1="Bruce"], the output included in your content would be "My name is Bruce." This allows
you to use the same short code in different pages or posts and supply variable content.</p>
<form name="weaveriip_options_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Plus Shortcoder Options"/>
<br />
<fieldset class="options">
<br /><strong style="color:blue;">Define Custom Shortcodes</strong>
<p>You can add an arbitrary number of your own [weaver_sc] definitions by id.</p>
<?php
for ($i = 1; $i <= $num_imgs; ++$i) {
weaveriip_sc_add($i);
}
?>
<br /><strong>Custom shortcodes definitions allowed:</strong><input name="wvpsc_num_opts" id="wvpsc_num_opts" type="text" style="width:40px;height:20px;" class="regular-text" value="<?php
weaverii_esc_textarea(weaverii_pro_getopt('wvpsc_num_opts'));
?>
" />
<small>Enter number of Weaver Shortcoder definitions you need (25 max).</small>
</fieldset>
<br />
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Plus Shortcoder Options"/>
<input type="hidden" name="weaveriip_save_shortcoder" value="Weaver II Pro Shortcoder Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<hr />
</div>
<?php
}
function weaveriip_feed_admin()
{
?>
<p class='wvr-option-section'>Show Feed - [weaver_feed] <?php
weaveriip_help_link('pro-help.html#show_feed', 'Show Feed help');
?>
</p>
<p><code>[weaver_feed feed='url' items=10 show_sitename=0 show_content=1 excerpt=0 trusted=0 title_style='']</code></p>
<p>The <code>[weaver_feed]</code> short code allows you to display an RSS or Atom feed from an external source.</p>
<p><strong>Shortcode usage:</strong> <br />
<code>[weaver_feed feed='url' items=10 show_sitename=0 show_content=1 excerpt=0 trusted=0 title_style='']</code>
<br />
<ol>
<li><strong>feed='url'</strong> - The url of the external feed.
</li>
<li><strong>items=10</strong> - By default, [weaver_feed] will display up to 10 items from the feed. Many feeds
won't have even 10 items. You can limit the number of items displayed by providing a value between 1 and 20.
</li>
<li><strong>show_sitename=0|1</strong> - If set to '1', the feed will include an RSS icon with a link to the site's
RSS feed, as well as the site's feed name. The default is '0', don't show the site name.
</li>
<li><strong>show_content=0|1</strong> - By default, the summary content of the feed will be included (1). If you
include <code>show_content=0</code>, the site content will not be displayed.
</li>
<li><strong>excerpt=0|1</strong> - By default, the full content of the feed will be displayed. This is usually
short in feeds. If you want the feed's content to be forced to be short, use <code>excerpt=1></code> which will
force an excerpt.
</li>
<li><strong>trusted=0|1</strong> - By default, [weaver_feed] won't trust external feeds - that means it will strip
out any html from the feed content, and just show text. If you trust the feed, you can use <code>trusted=1</code>,
and any HTML tags such as links will be retained.
</li>
<li><strong>title_style='inline-style-rules'</strong> - Allows you to change the styling of the post title.
Don't include the 'style=' or wrapping quotation marks. Do include a ';' at the end of each rule. The output will look like
<code>style="your-rules;"</code> - using double quotation marks.
This is most likely useful to reduce the title size (e.g., <code>style='font-size=95%;'</code>)
</li>
</ol>
</p>
<?php
}
function weaveriip_popup_link_admin()
{
?>
<p class='wvr-option-section'>Popup Link - [weaver_popup_link] <?php
weaveriip_help_link('pro-help.html#popup_link', 'Popup Link help');
?>
</p>
<p><code>[weaver_popup_link href='url' h='height-px' w='width_px']link-content-text/image[/weaver_popup_link]</code></p>
<p>The <code>[weaver_popup_link]</code> short code allows you to display any web-address in a "popup" new browser window.
The power of this is that you can display content such as help, media, or whatever, in a new browser window
while the visitor continues to browser you site.</p>
<p><strong>Shortcode usage:</strong> <code>[weaver_popup_link href='url' h='height-px' w='width_px' scrollbars=false]link-content-text/image[/weaver_popup_link]</code>
<br />
<ol>
<li><strong>link-content-text/image</strong> - This shortcodes works much like a standard <a> tag. The content
between the beginning and closing shortcode tags will be displayed to identify the popup link. Just like with a regular
<a> tag, the link content can be an image or regular text. Note that this shortcode is fairly simple minded, and
simply opens a minimally sized browser window. It does not use fancy JavaScript or Flash to accomplish the goal.
</li>
<li><strong>href=</strong> - The 'href' works just like the 'href' in a regular <a> tag - it is the full url of a page
you want displayed in a new browser window. This can be an external web page, or an internal site page. One of the
intended uses of the <em>Weaver Pop Up Page Template</em> is to serve as a target for this shortcode. When you create a
'Pop Up' page, and also check the 'Hide Entire Header', 'Hide Entire Footer', 'Hide Sidebars', and 'Hide Page on
the Primary Menu' per page options, the page will be displayed only with the content you enter into the page
content area with the page editor. This content could be an image, a media player, or whatever you want.
</li>
<li><strong>h=</strong> - The desired height of the popup window. Most browsers will honor this size request, but
not all browsers do (Chrome has minimum window sizes at the moment, for example). This height should correspond to
the exact height of your popup content. Most current browsers also will leave their top bar and other parts
displayed along with your content.
</li>
<li><strong>w=</strong> - The desired width of the popup window. Like the 'h' value, some browsers have minimum display sizes.
</li>
<li><strong>scrollbars=false</strong> - Use scrollbars=true if you want scrollbars on the popup on all browsers.</li>
</ol>
</p>
<?php
}
function weaveriip_disclaimer_admin()
{
?>
<p class='wvr-option-section'>Weaver II Pro Comment Policy / Disclaimer <?php
weaveriip_help_link('pro-help.html#comment_policy', 'Comment Policy help');
?>
</p>
<p>Weaver II Pro Comment Disclaimer allows you to display a disclaimer, other comment policy, or any thing else (including
shortcodes) right under the Post Comment button. Nothing will be displayed if the text box below is empty.</p>
<form name="weaveriip_options_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Comment Disclaimer Text"/>
<br /><br />
<fieldset class="options">
<span style="font-weight:bold; color:blue;">Weaver II Pro Comment Policy / Disclaimer</span><br />
<p>
Enter text for you disclaimer. You can use basic HTML to format your disclaimer text. The HTML
will be wrapped with <div class="weaver-comment-disclaimer"> so you can add style
using Weaver's <HEAD> Section. While designed to
add comment policy text, you can add anything you want, including shortcodes. Need a widget area after
a comment block? Use the [weaver_widget_area] short code to add one.
</p>
<p>
<textarea name="wvr_disclaimer" rows=10 style="width: 90%"><?php
weaverii_esc_textarea(weaverii_pro_getopt('wvr_disclaimer'));
?>
</textarea>
</p>
</fieldset>
<br />
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Comment Disclaimer Text"/>
<input type="hidden" name="weaveriip_save_disclaimer" value="Weaver II Pro Posts Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<hr />
<?php
}
function weaveriip_search_admin()
{
?>
<p class='wvr-option-section'>Search Form - [weaver_search] <?php
weaveriip_help_link('pro-help.html#search_form', 'Search Form help');
?>
</p>
<p><code>[weaver_search width=nn]</code></p>
<p>The <code>[weaver_search]</code> short code allows you to display a search box within a page, post, or text widget.</p>
<p><strong>Shortcode usage:</strong> <code>[weaver_search width=nn]</code>
</p>
<p>
You can change the width (in px) of the search form using the shortcode 'width' parameter.</p>
<p>You can change other display features of the Search
form from the <em>Main Options → General Appearance</em> tab.
</p>
<?php
}
function weaveriip_showhide_admin()
{
?>
<p class='wvr-option-section'>Weaver Show/Hide - [weaver_showhide] <?php
weaveriip_help_link('pro-help.html#showhide', 'Show/Hide help');
?>
</p>
<p><code>[weaver_showhide]Content to show/hide[/weaver_showhide]</code></p>
<p>The <code>[weaver_showhide start='hide' show='text-on-show' hide='text-on-hide']</code> short code allows you to specify a
section of content that the user can selectively show or hide. It will be hidden by default.</p>
<p>Typically, one would place the shortcode immediately after some explanatory text. For example:<br /><br />
<code>Click to view lyrics [weaver_showhide]<br />
lyrics<br />
[/weaver_showhide]</code><br /><br />
When entered into the Page/Post editor as shown above, the explanatory text and show/hide button will be on a separate line,
and the content in a new paragraph following. If you place the <code>[weaver_showhide]CONTENT[/weaver_showhide]</code> on
the same line in the page/post editor, the explanatory text and content will be displayed on the same line.
</p>
<p><strong>Shortcode usage:</strong> <code>[weaver_showhide start='hide' show='html-on-show' hide='html-on-hide']text[/weaver_showhide]</code>
<br />
<ol>
<li><strong>start='hide|show'</strong> - By default, the content will start hidden. Set this to 'show' to have the
content start displayed.
</li>
<li><strong>show='img|text'; hide='img|text'</strong> - By default, a graphic + and - will be displayed to
toggle between hidden and displayed. You can provide an alternative pair of images or text strings. You can't mix
images and text - both must be the same type. You can't use '[' or ']' in the text.
</li>
</ol>
</p>
<p>The show and hide text/images are wrapped by a <span> with a class '.weaveriip_showhide_show' and '.weaveriip_showhide_hide', respectively.<p>
<?php
}
function weaveriip_widget_area_admin()
{
?>
<p class='wvr-option-section'>Widget Area - [weaver_widget_area] <?php
weaveriip_help_link('pro-help.html#widget_areas', 'Widget Area help');
?>
</p>
<p><code>[weaver_widget_area id='area-name' class='alt-class-name' style='inline-style-rules']</code></p>
<p>The <code>[weaver_widget_area]</code> short code allows you display a new widget area anywhere on a post or page.
This short code will use one of the new widget areas defined on the
<strong><em>Main Options:Widget Areas</em> </strong> (at the bottom)
tab of the Weaver Admin Page. Simply add a new widget area name, just as you would for a per page widget area. Fill the
widget area with widgets. Then use the name of the widget area in this short code..</p>
<p><strong>Shortcode usage:</strong> <code>[weaver_widget_area id='name' class='alt-class' style='inline-style']</code>
<br />
<ol>
<li><strong>id='area-name'</strong> - The id of the new widget area defined in Advanced Options.
</li>
<li><strong>class='alt-class-name'</strong> - By default, the extra widget area will be styled just like other page widget areas
(top, bottom, per-page). You can add additional styling using <em>.per-page-thename</em>, or by providing your
own style class name as a parameter to the shortcode. If you use 'primary' as the class, the widget will be displayed
using the same styling as the primary widget area, which is useful for use in Advanced Options:HTML Insertion: Pre-Sidebar Code.
</li>
<li><strong>style='inline-style-rules'</strong> - Allows you to add some inline style to wrap the widget area. Don't include the 'style='
or wrapping quotation marks. Do include a ';' at the end of each rule. The output will look like
<code>style="your-rules;"</code> - using double quotation marks.
By default, the widget area will include an inline style to auto-center the widget area (margin-left:auto;margin-right:auto;)
which you may need to include in your own style override if you want the widget area centered.
</li>
</ol>
</p>
<?php
}
function weaveriip_extra_menu_admin()
{
?>
<p class='wvr-option-section'>Extra Menu Shortcode - [weaver_extra_menu] + Vertical Menu Widget<?php
weaveriip_help_link('pro-help.html#extra_menus', 'Extra Menus help');
?>
</p>
<p><code>[weaver_extra_menu wrap='wrap_class' menu='menuname' style='stylename' width='width_override' css='extra_css']</code></p>
<p>The <code>[weaver_extra_menu]</code> short code allows you to display a menu you've defined in the
<em>Appearance→Menus</em> panel almost any place in your site: in a sidebar text widget, on a post or page,
or in one of the <em>HTML Insertion</em> areas found on the <em>Weaver Admin→Advanced Options</em> tab.
Simply insert the shortcode with at least a menu name wherever you want the menu to appear.</p>
<ol>
<li><strong>menu=</strong> - The 'menu' parameter allows you to specify which custom menu to display. The name of
the menu can be a 'Menu Name' used in the tabbed menu definition area, or the slug name of one of the 'Theme Locations'
box (a slug is all lower case with no spaces of the Navigation name). If you specify '0', then the default
menu will be used.
</li>
<li><strong>wrap=</strong> - This is the name of a class to wrap your menu. The default is 'extra_menu'. This is
useful for a couple of things. First, you can specify <code>#access</code> to add the bottom rounded corners (if set)
of the Primary menu bar. Using <code>#access2</code> will get the top rounded corners of the upper Secondary menu bar.
You could also specify your own name, and create additional rules to change attributes of the main <code>.menu_bar</code>
class. For example, specifying <code>wrap='my_menu'</code> and adding a custom CSS
rule like <code>.my_menu .menu_bar {background-color:transparent;}</code> to the <em>Custom CSS Rules</em> section would
replace whatever the default menu bar background color was with transparent.
</li>
<li><strong>style=</strong> - The 'style' parameter is used to specify how the menu will look. You can use one of
several pre-defined styles, or add your own custom menu styling in the <em><HEAD> Section</em> on the
<em>Advanced Options</em> tab. The pre-defined styles include:
<ol>
<li><code>menu_bar</code> - This is the style class name of the standard bottom and top menu bars.
For example, using <code>[weaver_extra_menu menu='mymenu' style='menu_bar']</code> in the <em>Pre-Footer Code</em> area will
display custom menu 'mymenu' right above the footer using the same styling as the top menu bar.
</li>
<li><code>menu-vertical</code> - Displays a simple Vertical Rollover menu in a width that matches the width of
the primary sidebar. It will use the same colors as you've defined for your main menu bars. Simply add
<code>[weaver_extra_menu menu='mymenu' style='menu-vertical']</code> to a standard text widget placed
on a sidebar widget area.
</li>
<li><code>menu-horizontal</code> - Displays a very simple horizontal one-level menu. The links are styled
using the standard link colors and styles of the section the menu is placed. This style is useful for placing
a simple link menu right below your main menu, for example.
</li>
<li><code>menu-vertical-default</code> - Displays a simple vertical menu using standard list and default link
formatting.
</li>
</ol>
</li>
<li><strong>width=</strong> - Allows you to specify the width of the outer box surrounding the menu. You could use
it to make a narrower <code>.menu_bar</code> styled menu, for example. You can use px or % to specify the width.
</li>
<li><strong>css=</strong> - You can specify any CSS styling for the outer <div> that wraps the menu. This will
be placed in a <code>style="css..."</code> parameter.
</li>
<li><strong>border_color=</strong> - You can add a border to your extra menu by specifying a color.
</li>
</ol>
</p>
<p><strong>Weaver II Pro Vertical Menu Widget</strong> - This widget will display a simple rollover vertical menu in
the widget. This is essentially the same vertical menu you can get using the shortcode with the .menu-vertical style.
The widget lets you select the menu from the widget control box. <em>Note - Custom Sidebars:</em> If you have
customized your sidebar with extra padding or borders (e.g., the Kitchen Sink subtheme), the default vertical styling
may not have the correct width. You can fix this by adding <code>.menu-vertical {width:254px !important;}</code> to
the <em><HEAD> Section</em> in Advanced Options, and adjusting the '254px' to fit.
</p>
<?php
}
function weaveriip_buttons_admin()
{
if (!weaverii_pro_isset('buttons')) {
weaveriip_init_buttons();
// just in case!
}
$buttons = weaverii_pro_getopt('buttons');
$maxbuttons = $buttons['maxbuttons'];
?>
<div>
<p class='wvr-option-section'>Link Buttons - [weaver_buttons] + Widget <?php
weaveriip_help_link('pro-help.html#link_buttons', 'Link Buttons help');
?>
</p>
<p><code>[weaver_buttons start='first-to-show' end='last-to-show' list='1,3,2']</code></p>
<p>The <code>[weaver_buttons]</code> short code allows you to add image buttons with links.
You can specify which image to begin with (1 to <?php
echo $maxbuttons;
?>
) with the 'start' parameter, and the same with the 'end'.
The defaults are start=1 and end=<?php
echo $maxbuttons;
?>
, but images with no image URL defined won't be displayed.
You can specify different sets of images with different instances of the shortcode. You can style with <em>.weaver-buttons</em>.</p>
<p>If you specify a comma separated list with the 'list' parameter (e.g, <code>list='7,4,1,2'</code>), you can specify an
arbitrary set and order of buttons. If you do specify a 'list' parameter, then 'begin' and 'end' will be ignored.</p>
<p>For each button you want to define, add a full URL to an image sized to the size you want your button to be.
It is best to keep the button image in your Media Library. Then add a hover message, and the complete URL to where the
button should link to (optional). Check the New Page box if you want the link to open a new tab or page when clicked.
</p>
<p>If you want to place your links over your header image, add the short code to the "Text" option of
a <em>Header Gadget</em>. You won't need to add an image or link url there since that information is provided here.
</p>
<p>The defined buttons will be displayed in a horizontal list that will wrap when the width of the enclosing HTML block is reached.</p>
<p>If you want to use the shortcode to include buttons Buttons on your menu bar, add the following code to the
<em>Main Options→Menus→Add HTML</em> settings:<br />
<code><div style="width:60px;padding-top:5px; padding-right:10px;">[weaver_buttons start=1 end=2]</div></code>. <br />
Note this example will display two buttons. Note that 24px height is optimal for the menu bar. The wrapping <code>div</code> is required
to get the buttons centered properly, and you will have to adjust the <code>width:</code> value depending on
how many buttons you want on your menu bar.</p>
<p><strong>Weaver II Pro Link Buttons Widget</strong> - When used in the <em>Weaver II Pro Link Buttons</em> widget, all buttons you've defined will be displayed
using their actual size in the order defined. There are no other options for the widget version.
</p>
<br />
<form name="weaveriip_linkbuttonoptions_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Link Buttons"/>
<fieldset class="options">
<p>
<strong>Number of images: </strong>
<input type="text" name="maxbuttons" id="maxbuttons" style="width:40px;height:20px;" class="regular-text" value="<?php
echo esc_textarea($buttons['maxbuttons']);
?>
" />
<small>Enter number of buttons you need to define.</small>
</p>
<?php
weaveriip_buttons_show_list();
?>
<br />
</fieldset>
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Link Buttons"/>
<input type="hidden" name="weaveriip_save_buttons" value="Weaver Link Buttons Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
</div>
<?php
}
function weaverii_fonts_pro_admin()
{
/* options - these are coded into Weaver II
'wii_post_pretitle', 'wii_post_prebody', 'wii_post_postbody'
*/
global $weaverii_fonts_defs;
$weaverii_std_fonts = array('', 'Google Web Font', '"Helvetica Neue", Helvetica, sans-serif', 'Arial,Helvetica,sans-serif', 'Verdana,Arial,sans-serif', 'Tahoma, Arial,sans-serif', '"Arial Black",Arial,sans-serif', '"Avant Garde",Arial,sans-serif', '"Comic Sans MS",Arial,sans-serif', 'Impact,Arial,sans-serif', '"Trebuchet MS", Helvetica, sans-serif', '"Century Gothic",Arial,sans-serif', '"Lucida Grande",Arial,sans-serif', 'Univers,Arial,sans-serif', '"Times New Roman",Times,serif', '"Bitstream Charter",Times,serif', 'Georgia,Times,serif', 'Palatino,Times,serif', 'Bookman,Times,serif', 'Garamond,Times,serif', '"Courier New",Courier', '"Andale Mono",Courier');
?>
<script language="javascript" type="text/javascript">
function weaverii_copy_google_3_4()
{
var cur = jQuery('#fonts_google_font_list').val();
var g3 = jQuery('#font_google_link').val();
var g4 = jQuery('#font_google_font_code').val();
var add = g3 + '<!-- ' + g4 + " -->";
if (cur && cur.indexOf(add) >= 0) {
alert("That Google Font Definition already added.");
return;
}
var fix = cur + add + "\n";
jQuery('#fonts_google_font_list').val(fix);
}
function weaverii_generate_font_css() {
var font_font_family = jQuery("#font_font_family").val();
var font_font_weight = jQuery("#font_font_weight").val();
var font_font_style = jQuery("#font_font_style").val();
var font_font_variant = jQuery("#font_font_variant").val();
var font_font_size = jQuery("#font_font_size").val();
var font_font_size_value = jQuery("#font_font_size_value").val();
var font_font_size_units = jQuery("#font_font_size_units").val();
var g3 = jQuery('#font_google_link').val();
var g4 = jQuery('#font_google_font_code').val();
var css = '{';
if (g4 && g3 && font_font_family == 'Google Web Font' ) {
css += g4;
} else if (font_font_family) {
css += 'font-family:' + font_font_family + ';';
}
if (font_font_weight) css += 'font-weight:' + font_font_weight + ';';
if (font_font_style) css += 'font-style:' + font_font_style + ';';
if (font_font_variant) css += 'font-variant:' + font_font_variant + ';';
if (font_font_size_value) css += 'font-size:' + font_font_size_value + font_font_size_units + ';';
else if (font_font_size) css += 'font-size:' + font_font_size + ';';
css += '}';
jQuery('#font_generate_font_code').val(css);
}
function weaverii_copy_font_css(destinationid)
{
var css = jQuery('#font_generate_font_code').val();
var cur = jQuery("#"+destinationid).val();
var paste = cur + css;
jQuery("#"+destinationid).val(paste);
}
</script>
<div><a name="fonts_top"></a>
<p class='wvr-option-section'>Weaver II Pro - Font Control <?php
weaveriip_help_link('pro-help.html#font_control', 'Font control help');
?>
</p>
<?php
if (weaverii_hide_advanced()) {
echo '<p>Advanced Font Control options hidden.</p><div style="display:none;">';
}
echo ' | ';
$count = 0;
foreach ($weaverii_fonts_defs as $option => $row) {
if ($row['id'][0] == '_') {
echo '<a href="#' . $row['id'] . '">' . $row['label'] . '</a> | ';
} else {
$count++;
}
}
$tdir = weaverii_relative_url('') . 'includes/pro/';
$readme = $tdir . 'pro-help.html';
?>
<a href="<?php
echo $readme;
?>
#font_control" target="_blank"><strong>Font Control Help</strong></a> |
<br />
<p>The Weaver II Pro Font Control panel gives you fine tuned control over the fonts various elements of your site will use.
You can use a set of standard Web fonts, or for total flexibility, you can use <em>any</em> of the free
<?php
weaverii_site('/webfonts', 'http://www.google.com', 'Google Web Fonts');
?>
<strong>Google Web Fonts</strong></a>. Once you
get the hang of using this interface, it is quite easy to specify fonts. However, there is a small learning curve,
and you really should read the complete instructions in the
<a href="<?php
echo $readme;
?>
#font_control" target="_blank">Weaver II Help document</a>!
</p>
<p>For best results, <strong>please</strong> follow <span style="color:red;">Steps 1, 2, 3, and 4</span> for each font you want to use. Read
the instructions for each step carefully.</p>
<hr />
<fieldset class="options">
<span style="font-weight:bold; color:blue;">Weaver II Font Style Generator</span>
<a href="<?php
echo $readme;
?>
#font_control" target="_blank"><strong>Font Control Help</strong></a><br /><br />
<h3><span style="color:red; text-decoration:underline;font-weight:bold;font-size:larger;">Step 1.</span> Specify Font Family and Attributes</h3>
<p>You may specify a standard Web font by using the "Specify Standard Font Family" pull-down on the left below,
or you may use any Google font by first selecting "Google Web Font" on the left, then filling in 3 and 4 in the
Google box on the right. You can use the Font-Weight, Font Style, etc., for either a standard or a Google Font.
Then follow Steps 2, 3, and 4 for either standard or Google fonts. You can repeat this process (Steps 1 to 4) to specify
different fonts for different elements.</p>
<div style="float:left;"><span style="font-weight:bold; color:green;">Specify Standard Font Family</span><br />
<?php
weaverii_select('font_font_family', $weaverii_std_fonts);
?>
<span style="font-weight:bold;color:red;"> -OR- </span><br /><hr />
<span style="font-weight:bold; color:green;">Font-Weight: </span>
<?php
weaverii_select('font_font_weight', array('', 'normal', 'bold', 'bolder', 'lighter', '100', '200', '300', '400', '500', '600', '700', '800', '900'));
?>
<br />
<span style="font-weight:bold; color:green;">Font Style: </span>
<?php
weaverii_select('font_font_style', array('', 'normal', 'italic', 'oblique'));
?>
<br />
<span style="font-weight:bold; color:green;">Font Variant: </span>
<?php
weaverii_select('font_font_variant', array('', 'normal', 'small-caps'));
?>
<br />
<span style="font-weight:bold; color:green;">Font Size: </span>
<?php
weaverii_select('font_font_size', array('', 'Specify value', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'smaller', 'larger'));
?>
<br />
Font Size value:
<input type="text" style="width:34px;height:24px;" class="regular-text" name="<?php
weaverii_sapi_main_name('font_font_size_value');
?>
"
id="font_font_size_value" value="<?php
weaverii_esc_textarea(weaverii_getopt('font_font_size_value'));
?>
" />
<?php
weaverii_select('font_font_size_units', array('em', 'pc', 'pt', 'px', '%'));
?>
</div>
<div style="float:left;border:1px solid #aaa;padding:4px;">
<span style="font-weight:bold; color:green;">Specify Google Web Font Family</span>
<br /><ol>
<li><strong>←</strong> Select "Google Web Font" from "<strong>Specify Standard Font Family</strong>" pull-down list on the left.</li>
<li>Go to <?php
weaverii_site('/webfonts', 'http://www.google.com', 'Google Web Fonts');
?>
<strong>Google Web Fonts</strong></a> site to select a font.
Open the font's <strong><em>Quick-use</em></strong> page.</li>
<li>Paste Quick-use <strong>#3 <link></strong> code here:
<textarea name="<?php
weaverii_sapi_main_name('font_google_link');
?>
" id="font_google_link" rows=2 style="width: 300px"><?php
weaverii_esc_textarea(weaverii_getopt('font_google_link'));
?>
</textarea></li>
<li>Paste Quick-use <strong>#4 CSS</strong> code here:
<textarea name="<?php
weaverii_sapi_main_name('font_google_font_code');
?>
" id="font_google_font_code" rows=1 style="width: 300px"><?php
weaverii_esc_textarea(weaverii_getopt('font_google_font_code'));
?>
</textarea></li>
<li>Click the<em>Generate Font CSS Definition</em> button,<br /> then click the<em>Paste current Google #3 and #4 to list of Available Google fonts</em> and <em>Save Settings</em> <br />if you plan to use this Google Web Font on your site.</li>
</ol>
</div><div style="clear:both;"></div>
<br /><div></div>
<div>
<h3><span style="color:red; text-decoration:underline;font-weight:bold;font-size:larger;">Step 2.</span> <input id="generate_css" class= "js_button" type="button" value="Click Here to Generate Font CSS Definition" onclick="weaverii_generate_font_css()" />
<small>← Click this button to generate a CSS definition you can paste into the different font areas below.</small></h3>
<textarea name="<?php
weaverii_sapi_main_name('font_generate_font_code');
?>
" id="font_generate_font_code" readonly rows=1 style="width: 800px;background:#eee;"><?php
weaverii_esc_textarea(weaverii_getopt('font_generate_font_code'));
?>
</textarea><br/>
<strong style="color:#a04;">Paste above CSS code into style boxes in the Weaver II Font Options section below.</strong> <small>No need to Copy, just click the Paste CSS button. Getting just "{}"? <strong>Re-read</strong> the Step 1 directions!</small></div>
<br />
</fieldset>
<?php
weaverii_sapi_submit('', '', false);
?>
The above Font Style Generator settings will be saved when you Save Settings, but they generally are used
on a one-shot basis.
<hr />
<fieldset class="options">
<span style="font-weight:bold; color:blue;">Weaver II Font Options</span><br />
<h3><span style="color:red; text-decoration:underline;font-weight:bold;font-size:larger;">Step 3.</span> Define font definition load path for Google Fonts you use</h3>
<p><strong>If</strong> you are using any Google Fonts, you <strong><em>MUST</em></strong> add the definitions you pasted into #3 and #4 above
to the "Available Google Fonts" box below so that your site will be able to load the Google Fonts. If you are just using
standard web font families, then you can skip this step.</p>
<p><input id="copy_google" class= "js_button" type="button" value="Click Here to Paste current Google #3 and #4 to Available Google fonts list" onclick="weaverii_copy_google_3_4()" /> <strong style="color:red;">Important!</strong> You still must click the "Save Settings" button to save the Google Font definitions in the Available Google Fonts setting!</p>
<table class="optiontable">
<tr>
<th scope="row" align="right"><span style="color:green;">Available Google Fonts:</span><br />
<small style="font-weight:normal;">List of Google fonts that will be available for use on your site.
You can copy/paste the "font-family: ..." CSS code into any of the sections below if you need to later.</small></th>
<td ><textarea name="<?php
weaverii_sapi_main_name('fonts_google_font_list');
?>
" id='fonts_google_font_list' rows=4 style="width: 620px"><?php
weaverii_esc_textarea(weaverii_getopt('fonts_google_font_list'));
?>
</textarea></td>
</tr>
</table>
<h3><span style="color:red; text-decoration:underline;font-weight:bold;font-size:larger;">Step 4.</span> Paste Font CSS Defintions into Boxes of items you want to specify</h3>
<p>You can now use the "Paste CSS" buttons next to specific text items to use the currently defined font in the "Step 2"
Font CSS Definition. You need to change that definition for each different font you use. The same applies to "Step 3" if
your are using Google Fonts.</p>
<table class="optiontable">
<?php
foreach ($weaverii_fonts_defs as $option => $val) {
weaverii_fonts_row($val);
}
?>
<tr><td> </td></tr>
<tr>
<th scope="row" align="right" style="color:green;">Fonts Box Lines: </th>
<td>
<input type="text" style="width:30px;height:22px;" class="regular-text" name="<?php
weaverii_sapi_main_name('fonts_edit_lines');
?>
"
id="fonts_edit_lines" value="<?php
weaverii_esc_textarea(weaverii_getopt('fonts_edit_lines'));
?>
" />
<small>Number of lines to display in each edit box on this page.</small>
</td>
</tr>
</table>
</fieldset>
<br />
<hr />
</div>
<?php
if (weaverii_hide_advanced()) {
echo '</div>';
}
}
function weaveriip_social_admin()
{
?>
<p class='wvr-option-section'>Social Buttons - [weaver_social] Shortcode and Widget <?php
weaveriip_help_link('pro-help.html#social_buttons', 'Social Buttons help');
?>
</p>
<p><code>[weaver_social height='height' number='showcount']</code></p>
<p>The <code>[weaver_social]</code> short code allows you to add Social site buttons with links to your account or page.</p>
<p>To display social buttons,
check the buttons you want to show. Provide the full URL to your account link. For example: <code>http://twitter.com/wpweaver</code>.
You can specify the display order in the <em>Display Order</em> column using the WordPress ordering method used
to order your static pages: 10,15,30, etc. Lower numbers display first - they don't have to be sequential.
</p>
<p>If you want to use the shortcode to include Social Buttons on your menu bar, either set how many to show in the option
below. For more control or to place the buttons on the left side of the menu bar, add the following code to the
<em>Main Options→Menus→Add HTML</em> settings:<br />
<code><div style="width:56px; padding-right:14px;display:inline-block;">[weaver_social number=2]</div></code>. <br />
Note this example will display two buttons, 24px high (the default). The wrapping <code>div</code> is required
to get the buttons centered properly, and you will have to adjust the <code>width:</code> value depending on
how many buttons you want on your menu bar (number * 28).</p>
<p>You can place social buttons over your header area using a Header Gadget. Place the <code>[weaver_social]</code>
shortcode in the "Text" field of a Header Gadget. You don't need to fill in a link or image field since they
are provided by this shortcode.
</p>
<p>When used in the <em>Weaver II Pro Social Buttons</em> widget, all buttons you've selected will be displayed
using 32px high images. There are no other options for the widget version.
</p>
<p style="font-size:small;font-style:italic;"><strong>A note about the URL:</strong> The exact form of the URL you add
for each button will depend on the service in question. Almost all of these services allow you to set up an account,
and then provide a URL address for other people to view your account's public page.</p>
<p>
<small>Note: you can click a service's icon on the list to open the site's main home page if you want
to learn more about a particular service.</small>
</p>
<form name="weaveriip_linkbuttonoptions_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Social Buttons"/>
<br />
<fieldset class="options">
<br /><strong style="color:blue;">Social Button Options</strong><br /><br />
<table class="optiontable">
<?php
weaveriip_value_row('Add Social Buttons to Menu Bar', 'wvp_add_social_to_menu', 'Add up to number specified (34 max) Social Buttons to the right side of the Primary Menu Bar.');
?>
</table>
<br />
<?php
weaveriip_social_show_list();
?>
<br />
</fieldset>
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Social Buttons"/>
<input type="hidden" name="weaveriip_save_social" value="Weaver Social Buttons Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<?php
}
function weaveriip_headergadget_admin()
{
if (!weaverii_pro_isset('hdr_num_opts')) {
weaveriip_header_init();
}
$num_imgs = weaverii_pro_getopt('hdr_num_opts');
?>
<div>
<p class='wvr-option-section'>Header Gadgets - <small>Links, Images & Text over the Header + [weaver_gadget] shortcode</small> <?php
weaveriip_help_link('pro-help.html#header_gadgets', 'Header Gadgets help');
?>
</p>
<p>This tab allows you to add 'gadgets' (mini-widgets) anywhere over the site header. You can use images
or text, and add links. You can place these anywhere over the header area of your site.</p>
<h4>[weaver_gadget] shortcode</h4>
<p>The gadgets defined here can also be used with a shortcode:
<code>[weaver_gadget gadget=4]</code>
where the 'gadget' parameter specifies the id number of which gadget to use. The shortcode version allows
arbitrary placement of gadgets on the content area. You can split the usage of gadgets (some for the header,
some for the shortcode) by specifying the "Max items" option at the bottom.
</p>
<form name="weaveriip_options_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Plus Header Gadget Options"/>
<br />
<fieldset class="options">
<br /><strong style="color:blue;">Add Gadgets (Images or Text) over Header Area</strong>
<p>You can add an arbitrary number of gadgets (images or text strings) over your header. You can specify how far down
from the top (y) and the left (x) each one is displayed, in px or % (negative and decimal values OK).
Gadgets will be displayed <em>behind</em> menu bars. You can also add a link to the gadget. Images will work best
if you use an image from your Media Library (click the little image button to open Media Library). </p>
<p><em><strong>Please note!</strong> Gadgets can cause unexpected results with the mobile view.</em> Gadgets placed
beyond 320px to the right will cause an incorrect view on Mobile devices. You can check where they display
using the Mobile:Simulate Mobile. Use % for X and Y position to give better responsive layout for
gadgets on mobile devices.
Specify a CSS styling rule "max-width=10%" (or other appropriate %)
to make gadget images responsive/flexible sized.
You can also check the hide box for gadgets if they display outside the main 320px wide content.</p>
<?php
for ($i = 1; $i <= $num_imgs; ++$i) {
weaveriip_header_add($i);
}
?>
<br /><strong>Gadget items allowed:</strong><input name="hdr_num_opts" id="hdr_num_opts" type="text" style="width:40px;height:20px;" class="regular-text" value="<?php
echo esc_textarea(weaverii_pro_getopt('hdr_num_opts'));
?>
" />
<small>Enter number of gadget items you need to define (32 Max).</small>
<br /><strong>Max items displayed over Header:</strong><input name="hdr_use_for_header" id="hdr_use_for_header" type="text" style="width:40px;height:20px;" class="regular-text" value="<?php
echo esc_textarea(weaverii_pro_getopt('hdr_use_for_header'));
?>
" />
<small>Only the first "n" gadgets will be displayed over the header. The rest can be uses with the [weaver_gadget] shortcode. (Default: use all defined. Use 0 to disable all over the header.)</small>
</fieldset>
<br />
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Plus Header Gadget Options"/>
<input type="hidden" name="weaveriip_save_header" value="Weaver Plus Header Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<hr />
</div>
<?php
}
function weaveriip_slider_admin()
{
if (!weaverii_pro_isset('slider_number_sliders')) {
weaveriip_slider_init();
}
?>
<div>
<p class='wvr-option-section'>Slider Menu Shortcode - [weaver_slider] <?php
weaveriip_help_link('pro-help.html#slider', 'Slider help');
?>
</p>
<p>This tab configures the Weaver II Pro Slider shortcode. These are the basic steps:
<ol>
<li>First, you <strong><em>MUST</em></strong> use the WP 3 Appearance->Menus admin option (Menu box
in the upper right corner) to define
a custom menu for each Slider you've defined. For each slider, you can define from 2 to 8 Menu items.
Don't define sub-menus. Failure to follow these guidelines will result in a broken-looking slider.</li>
<li>Set the options for each Slider. Create and specify images to be used. You can change the default sizes. The actual
display width (or height for vertical menus) of each image on the menus is automatically adjusted.</li>
<li><strong style="color:red;">Show your Slider!</strong> Add the <code>[weaver_slider id=1]</code> shortcode to your site
for each Slider. For example, add <code>[weaver_slider]</code> to "Site Header Insert Code"
from "Advanced Options→HTML Insertion" to display the first slider (id=1, the default) in your <strong>site header</strong>.
Add <code>[weaver_slider id=2]</code>
to a standard <em>Text Widget</em> to add a vertical slider to a <strong>sidebar</strong>.
If you are placing a horizontal slider in the header, you likely will want to disable the standard header
image. (Set "Header Image Height" to 0 in Main Options->Header Options)</li>
<li>Once you have defined any Slider Menus, you must check "Enable Slider Menu". None will display until you do.
</li>
</ol>
</p>
<form name="weaveriip_options_form" method="post">
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Slider Options"/>
<br /><br />
<fieldset class="options">
<table class="optiontable">
<tr>
<th scope="row" align="right" style="width:200px;">Enable Slider Menu: </th>
<td>
<input type="checkbox" name="slider_enable" id="slider_enable" <?php
echo weaverii_pro_getopt('slider_enable') ? "checked" : "";
?>
/>
</td>
<td style="padding-left: 10px"><small>Enable Sliders. The <code>[weaver_slider]</code> shortcode will not be recognized until you Enable Sliders.</small></td>
</tr>
<tr>
<th scope="row" align="right">Number of Sliders: </th>
<td>
<input name="slider_number_sliders" id="slider_number_sliders" type="text" style="width:30px;height:20px;" class="regular-text" value="<?php
weaverii_esc_textarea(weaverii_pro_getopt('slider_number_sliders'));
?>
" />
<td style="padding-left: 10px"><small>Number of Sliders. Need a unique slider defined for each <code>[weaver_slider]</code> shortcode used. Default is 1, max is 10.</small></td>
</td>
</tr>
</table>
<?php
for ($i = 1; $i <= weaverii_pro_getopt('slider_number_sliders'); $i++) {
// opts for each slider
weaveriip_slider_sform($i);
}
?>
<input type="hidden" name="weaveriip_save_slider" value="Weaver Slider Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
</div>
<hr />
<?php
}
function weaveriip_totalcss_admin()
{
/* options - these are coded into Weaver
'wvp_post_pretitle', 'wvp_post_prebody', 'wvp_post_postbody'
*/
global $weaveriip_css;
if (!weaverii_pro_isset('wvp_css')) {
weaveriip_totalcss_init();
}
?>
<div><a name="total_css_top"></a>
<p class='wvr-option-section'>Weaver II Pro - Total CSS <?php
weaveriip_help_link('pro-help.html#TotalCSS', 'Total CSS help');
?>
</p>
<?php
echo ' | ';
$count = 0;
foreach ($weaveriip_css as $option => $row) {
if ($row['id'][0] == '_') {
echo '<a href="#' . $row['id'] . '">' . $row['tag'] . '</a> | ';
} else {
$count++;
}
}
?>
<br />
<p>These settings will be most useful for advanced web designers. This tab allows you to add custom CSS rules to almost every CSS tag used by Weaver.
There are <?php
echo $count;
?>
CSS tags listed here.
These rules are emitted, in the order shown here, at the <em>end</em> of the generated style file (or in-line style), but come before styles in the <HEAD> Section. Rules for the main menu
areas (#access, etc.) are not included here. Most links are handled in the Main Options. Many of
these tags duplicate equivalent cases in Main Options. <span style="color:red">If your rules here don't seem to work, try adding !important
to the rule since there can be existing rues that can take CSS precedence over some of these rules.</span></p>
<p><small>Weaver II will auto-add the required {}'s. If you want to double up on rules, you can add rules after the first {} - e.g. {background:green;} #main {border:1px solid red;}. You can't add any tags before the first {}. Just leave an empty {} if needed.</small>
</p>
<form name="weaveriip_options_form" method="post">
<fieldset class="options">
<span style="font-weight:bold; color:blue;">Weaver CSS Rules</span><br />
<table class="optiontable">
<?php
foreach ($weaveriip_css as $option => $val) {
weaveriip_css_row($val);
}
?>
<tr><td> </td></tr>
<tr>
<th scope="row" align="right" style="color:blue;">CSS Box Lines: </th>
<td>
<input type="text" style="width:30px;height:22px;" class="regular-text" name="css_edit_lines"
id="css_edit_lines" value="<?php
weaverii_esc_textarea(weaverii_pro_getopt('css_edit_lines'));
?>
" />
<small>Option: Number of lines to display in each edit box on this page.</small>
</td>
</tr>
</table>
</fieldset>
<br />
<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Total CSS Options"/>
<input type="hidden" name="weaveriip_save_totalcss" value="Weaver II Pro Total CSS Options Saved" />
<?php
weaverii_nonce_field('weaverii_pro_save_pro');
?>
</form>
<hr />
</div>
<?php
}
