Wednesday, 4 November 2015
Register Logo option in theme options page
1: Add this code in your functions.php
//HERE WE START TO RESGISTER LOGO
function register_my_logo() {
register_setting( 'logo_options_group', 'logo_options_group'); }
add_action( 'admin_init', 'register_my_logo' );
function add_logo_page_to_settings() {
add_theme_page('Theme Logo',
'Customize Logo->',
'manage_options',
'edit_logo',
'logo_edit_page'); }
add_action('admin_menu', 'add_logo_page_to_settings');
function logo_edit_page() { ?>
<div class="section panel">
<h1>Custom Logo Options</h1>
<form method="post" enctype="multipart/form-data" action="options.php">
<!--php settings_fields('logo_options_group'); // this will come later
do_settings_sections('logo_options_group'); // and this too...
?--> <p class="submit">
<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" /></p></form>
<!--php }
function add_logo_options_to_page(){
add_settings_section(
'custom_logo',
'Customize the site logo:',
'custom_logo_fields',
'logo_options_group' );
$args=array(); // pass arguments to add_settings_array to use in fields
add_settings_field( 'logo_url', "Logo Url", 'logo_upload_url' , 'logo_options_group', 'custom_logo', $args );
// here you can add more settings fields like width, height etc... just make sure that the "logo_options_group" and "custom_logo" stay..
// more info at:
//http://codex.wordpress.org/Function_Reference/add_settings_field
}
add_action('admin_init','add_logo_options_to_page');
function logo_upload_url($args){
$options=get_option('logo_options_group') ;
?--><br>
<label for="upload_image">
<input id="url" type="text" size="36" value="<?php echo $options['url']; ?>" name="logo_options_group[url]" />
<input id="upload_logo_button" type="button" value="Upload Image" />
<br />Enter an URL or upload an image for the banner.
</label>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#upload_logo_button').click(function() {
formfield = jQuery('#url').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;});
window.send_to_editor = function(html) {
imgurl = jQuery('img',html).attr('src');
jQuery('#url').val(imgurl);
tb_remove(); }});
</script>
<!--php
if($options['url']){
echo "<br-->This is your current logo: <br><img src="". $options[" />";
echo "<br>To use it in a theme copy this: <blockquote>". htmlspecialchars("<!--php do_shortcode('[sitelogo]'); ?-->") ."</blockquote><br> To use it in a post or page copy this code:<blockquote>[sitelogo]</blockquote>"; }}
function custom_logo_fields(){
// you can add stuff here if you like...
}
function my_admin_scripts() {
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');}
function my_admin_styles() {
wp_enqueue_style('thickbox');}
if (isset($_GET['page']) && $_GET['page'] == 'edit_logo') {
add_action('admin_print_scripts', 'my_admin_scripts');
add_action('admin_print_styles', 'my_admin_styles');
}
function get_site_logo(){
$option=get_option("logo_options_group");
if($option['url']){
echo "<img src="". $option[" />";
} else {echo "Sorry, No logo selected";}}
add_shortcode('sitelogo', 'get_site_logo');
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment