Exemple #1
0
/**
 * Functionality for PressWork's toolbox editor
 *
 * @since PressWork 1.0
 */
function pw_toolbox()
{
    ?>
  	<div id="pw_toolbox">
		<div id="pw_toolbox_controls">
			<div class="open_toolbox options clear fl" rel="options"></div>
			<div class="open_toolbox layout clear fl" rel="layout"></div>
			<div class="open_toolbox color clear fl" rel="color"></div>
			<div class="open_toolbox fonts clear fl" rel="fonts"></div>
			<div class="open_toolbox social clear fl" rel="social"></div>
			<div id="savetheme" class="clear fl"></div>
		</div>	
		<form action="" method="post" name="themeform" id="themeform">
			<div id="options" class="pw_toolbox_content"> 
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('PressWork Settings', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<tr><th><?php 
    _e('Drag &amp; Drop Editor', "presswork");
    ?>
</th><td>
						<?php 
    $dragdrop = theme_option('dragdrop');
    $guides = theme_option('guides');
    $functions = theme_option('functions');
    ?>
						<a href="javascript:void(0)" class="save_option green-button<?php 
    if ($dragdrop == "on") {
        echo ' active';
    }
    ?>
" id="dragdrop"><?php 
    if ($dragdrop != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a>
					</td></tr>
					<tr><th><?php 
    _e('Guides', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="save_option green-button<?php 
    if ($guides == "on") {
        echo ' active';
    }
    ?>
" id="guides"><?php 
    if ($guides != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a></td></tr>
					<tr><th><?php 
    _e('Functions', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="save_option green-button<?php 
    if ($functions == "on") {
        echo ' active';
    }
    ?>
" id="functions"><?php 
    if ($functions != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a></td></tr>
					<tr><th><?php 
    _e('Reset all options', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="green-button" id="reset_options"><?php 
    _e('Reset', "presswork");
    ?>
</a></td></tr>
				</table>
			</div>
			
			<div id="layout" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Layout', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<div class="lower_box">
					<label><?php 
    _e('Main Content', "presswork");
    ?>
</label><input type="texbox" class="layout_widths" rel="maincontent" name="content_width" size="4" id="content_width" value="<?php 
    echo theme_option('content_width');
    ?>
" />&nbsp;&nbsp;<label><?php 
    _e('First Sidebar', "presswork");
    ?>
</label><input type="texbox" class="layout_widths" rel="firstsidebar" name="first_sidebar_width" size="4" id="first_sidebar_width" value="<?php 
    echo theme_option('first_sidebar_width');
    ?>
" />&nbsp;&nbsp;<label><?php 
    _e('Second Sidebar', "presswork");
    ?>
</label><input type="texbox" class="layout_widths" name="second_sidebar_width" size="4" id="second_sidebar_width" rel="secondsidebar" value="<?php 
    echo theme_option('second_sidebar_width');
    ?>
" /><br />
					<label><?php 
    _e('Body Margins', "presswork");
    ?>
</label><input type="texbox" class="margins" rel="body-wrapper" name="body_margins" size="4" id="body_margins" value="<?php 
    echo theme_option('body_margins');
    ?>
" />&nbsp;&nbsp;<label><?php 
    _e('Content Margins', "presswork");
    ?>
</label><input type="texbox" class="margins" rel="main-wrapper > li" name="content_margins" size="4" id="content_margins" value="<?php 
    echo theme_option('content_margins');
    ?>
" />
					<br class="clear" />
					<div class="styled-select">
		            <select id="layoutselect">
							<option value="header"><?php 
    _e('Header', "presswork");
    ?>
</option>
							<option value="layout"><?php 
    _e('Main Content', "presswork");
    ?>
</option>
							<option value="footer"><?php 
    _e('Footer', "presswork");
    ?>
</option>
						</select>
		            </div>
						<div class="pw-items">
							<?php 
    pw_add_all_elements();
    ?>
						<div class="logo-input clear"><label for="header_logo"><?php 
    _e('Logo Image URL', "presswork");
    ?>
</label><input size="50" type="text" name="header_logo" id="the_header_logo" class="header-item" value="<?php 
    echo theme_option("header_logo");
    ?>
" /></div>
		            </div>
				</div>
			</div>
			
			<div id="color" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Colors', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<div class="lower_box">
		            <div class="styled-select">
		            <select id="colorselect">
							<option value="siteheader"><?php 
    _e('Blog Name', "presswork");
    ?>
</option>
							<option value="description"><?php 
    _e('Description', "presswork");
    ?>
</option>
							<option value="links"><?php 
    _e('Links', "presswork");
    ?>
</option>
							<option value="text"><?php 
    _e('Main Text', "presswork");
    ?>
</option>
							<option value="nav"><?php 
    _e('Navigation Menu', "presswork");
    ?>
</option>
							<option value="subnav"><?php 
    _e('Sub-Navigation Menu', "presswork");
    ?>
</option>
							<option value="category_header"><?php 
    _e('Category Header', "presswork");
    ?>
</option>
							<option value="post_title"><?php 
    _e('Post Title', "presswork");
    ?>
</option>
							<option value="post_meta"><?php 
    _e('Post Meta', "presswork");
    ?>
</option>
							<option value="page_background"><?php 
    _e('Page Background', "presswork");
    ?>
</option>
						</select>
		            </div>
						<table class="themeoptions">
						<?php 
    pw_add_all_color_options();
    ?>
						</table>		
		            <a href="javascript:void(0)" class="green-button" id="pw-preview"><?php 
    _e('Preview', "presswork");
    ?>
</a>	
					<div id="closepicker">&larr;</div>
					<div id="picker"></div>
				</div>
			</div>			
			<div id="fonts" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Fonts', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<?php 
    pw_font_option('headers', __('Headers', "presswork"), 'h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a');
    ?>
					<?php 
    pw_font_option('body', __('Body', "presswork"), '#body-wrapper');
    ?>
					<tr><th><?php 
    _e('Font Size', "presswork");
    ?>
</th><td><input type="text" name="body_font_size" id="body_font_size" value="<?php 
    echo theme_option("body_font_size");
    ?>
" size="4" /> px</td></tr>
		        </table>
		        <p><?php 
    _e('Fonts by', "presswork");
    ?>
 <a href="http://www.google.com/webfonts?subset=latin&sort=pop" target="_blank">Google</a></p>
			</div>
			
			<div id="social" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Social', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<?php 
    pw_social_option("twitter", "Twitter");
    ?>
					<?php 
    pw_social_option("facebook", "Facebook");
    ?>
					<?php 
    pw_social_option("flickr", "Flickr");
    ?>
		        </table>
			</div>			
	
			<input type="hidden" name="font_option" id="font_option" value="<?php 
    echo theme_option('font_option');
    ?>
" />
			<input type="hidden" name="layout_option" id="layout_option" value="<?php 
    echo theme_option('layout_option');
    ?>
" />
			<input type="hidden" name="header_option" id="header_option" value="<?php 
    echo theme_option('header_option');
    ?>
" />
			<input type="hidden" name="footer_option" id="footer_option" value="<?php 
    echo theme_option('footer_option');
    ?>
" />
	    	<?php 
    if (function_exists('wp_nonce_field')) {
        wp_nonce_field('bavotasan_nonce', 'bavotasan_nonce');
    }
    ?>
   	</form>
	</div>  	
   	<div id="ajaxloader"></div>
	<div id="save_message"><?php 
    echo THEME_NAME;
    echo ' ';
    _e('Updated', "presswork");
    ?>
</div>
    <?php 
}
Exemple #2
0
/**
 * Functionality for PressWork's toolbox editor
 *
 * @since PressWork 1.0
 */
function pw_toolbox()
{
    ?>
  	<div id="pw_toolbox">
		<div id="pw_toolbox_controls">
			<div class="open_toolbox options clear fl" data-pw-toolbox-name="options" title="PressWork Options"></div>
			<div class="open_toolbox layout clear fl" data-pw-toolbox-name="layout" title="Layout Options"></div>
			<div class="open_toolbox color clear fl" data-pw-toolbox-name="color" title="Color Options"></div>
			<div class="open_toolbox fonts clear fl" data-pw-toolbox-name="fonts" title="Font Options"></div>
			<div class="open_toolbox social clear fl" data-pw-toolbox-name="social" title="Social Options"></div>
			<?php 
    do_action('pw_add_toolbox_icon');
    ?>
			<div id="savetheme" class="clear fl" title="Save Button"></div>
		</div>	
		<form method="post" name="themeform" id="themeform" autocomplete="off">
			<div id="options" class="pw_toolbox_content"> 
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('PressWork Settings', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<tr><th><?php 
    _e('Drag &amp; Drop Editor', "presswork");
    ?>
</th><td>
						<?php 
    $dragdrop = pw_theme_option('dragdrop');
    $hooks = pw_theme_option('hooks');
    $functions = pw_theme_option('functions');
    ?>
						<a href="javascript:void(0)" class="save_option green-button<?php 
    if ($dragdrop == "on") {
        echo ' active';
    }
    ?>
" id="dragdrop"><?php 
    if ($dragdrop != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a>
					</td></tr>
					<tr><th><?php 
    _e('Hooks', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="save_option green-button<?php 
    if ($hooks == "on") {
        echo ' active';
    }
    ?>
" id="hooks"><?php 
    if ($hooks != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a></td></tr>
					<tr><th><?php 
    _e('Functions', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="save_option green-button<?php 
    if ($functions == "on") {
        echo ' active';
    }
    ?>
" id="functions"><?php 
    if ($functions != "on") {
        _e('OFF', "presswork");
    } else {
        _e('ON', "presswork");
    }
    ?>
</a></td></tr>
					<tr><th><?php 
    _e('Reset all options', "presswork");
    ?>
</th><td><a href="javascript:void(0)" class="green-button" id="reset_options"><?php 
    _e('Reset', "presswork");
    ?>
</a></td></tr>
					<?php 
    do_action('pw_presswork_options');
    ?>
				</table>
			</div>
			
			<div id="layout" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Layout', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<div class="lower_box">
					<?php 
    pw_layout_widths();
    ?>
					<div class="styled-select clearfix">
		           		<select id="layoutselect">
							<?php 
    pw_layout_options();
    ?>
						</select>
		            </div>
					<div class="pw-items">
						<?php 
    pw_add_all_elements();
    ?>
		            </div>
				</div>
			</div>
			
			<div id="color" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Colors', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<div class="lower_box">
		            <div class="styled-select">
			            <select id="colorselect">
							<?php 
    pw_color_select_options();
    ?>
						</select>
		            </div>
						<table class="themeoptions">
						<?php 
    pw_add_all_color_options();
    ?>
						</table>		
					<div id="picker"></div>
				</div>
			</div>			
			<div id="fonts" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Fonts', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<?php 
    pw_font_option('headers', __('Headers', "presswork"), '#body-wrapper h1, #body-wrapper h2, #body-wrapper h3, #body-wrapper h4, #body-wrapper h5, #body-wrapper h6, #body-wrapper h1 a, #body-wrapper h2 a, #body-wrapper h3 a, #body-wrapper h4 a, #body-wrapper h5 a, #body-wrapper h6 a');
    ?>
					<?php 
    pw_font_option('body', __('Body', "presswork"), '#body-wrapper');
    ?>
					<tr><th><?php 
    _e('Font Size', "presswork");
    ?>
</th><td><input type="text" name="body_font_size" id="body_font_size" value="<?php 
    echo pw_theme_option("body_font_size");
    ?>
" size="4" /> px</td></tr>
		        </table>
		        <p><?php 
    _e('Fonts by', "presswork");
    ?>
 <a href="http://www.google.com/webfonts?subset=latin&amp;sort=pop" target="_blank">Google</a></p>
			</div>
			
			<div id="social" class="pw_toolbox_content">  
				<div class="pw_toolbox_arrow"></div>
				<h4><?php 
    _e('Social', "presswork");
    ?>
</h4> 
				<div class="closewindow">X</div>
				<table class="themeoptions">
					<?php 
    pw_social_option("twitter", "Twitter", __("Username (without @)", "presswork"));
    ?>
					<?php 
    pw_social_option("facebook", "Facebook", __("Username", "presswork"));
    ?>
					<?php 
    pw_social_option("flickr", "Flickr", __("User ID", "presswork"));
    ?>
					<?php 
    pw_social_option("googleplus", "Google +", __("User ID", "presswork"));
    ?>
					<?php 
    pw_social_option("linkedin", "LinkedIn", __("Username", "presswork"));
    ?>
					<?php 
    pw_social_option("stumbleupon", "StumbleUpon", __("Username", "presswork"));
    ?>
		        </table>
			</div>			
	
			<input type="hidden" name="layout_option" id="layout_option" value="<?php 
    echo pw_theme_option('layout_option');
    ?>
" />
			<input type="hidden" name="header_option" id="header_option" value="<?php 
    echo pw_theme_option('header_option');
    ?>
" />
			<input type="hidden" name="footer_option" id="footer_option" value="<?php 
    echo pw_theme_option('footer_option');
    ?>
" />
	    	<?php 
    if (function_exists('wp_nonce_field')) {
        wp_nonce_field('presswork_nonce', 'presswork_nonce');
    }
    ?>
	    	<?php 
    do_action('pw_add_toolbox_item');
    ?>
   	</form>
	</div>  	
   	<div id="ajaxloader"></div>
	<div id="save_message"><?php 
    echo PW_THEME_NAME;
    echo ' ';
    _e('Updated', "presswork");
    ?>
</div>
    <?php 
}