انجمن


آموزش ساخت صفحه تنظیمات قالب  (۷ نوشته)

  • sobhan

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰
    # نوشته شده: ۱۰ سال پیش
    ۹ مرداد ۱۳۹۲ - ۱۷:۵۵

    سلام
    من میخوام تنظیمات قالب رو برای پوسته سایتم ایجاد کنم

    ممنون میشم راهنمایی کنید

  • mortezq21

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۳
    تشکر شده: ۳۶ بار
    # نوشته شده: ۱۰ سال پیش
    ۹ مرداد ۱۳۹۲ - ۲۱:۱۸

    شما برای داشتن تنظیمات در قالب باید در فایل فانکشن این قابلیت را ایجاد کنید.
    در این اینجا یک نمونه از قرار دادن تنظیمات برای لوگوی سایت است که می توان آنرا به صورت تصویر یا نوشته انتخاب کرد.
    در قسمت اول کد منوی تنظیمات را در پیشخوان وردپرس ایجاد می کند.در قسمت دوم فعال یا غیر فعال کردن را در قسمت سوم ذخیره کردن . در قسمت چهارم انتخاب وضعیت و مقداری سی اس اس که به این تنظیمات شکل داده شود.
    دو فایل جداگانه هم داریم که یکی برای لوگوی نوشته و دیگری برای تصویر است.البته می توانید این فایل ها را با هم در هدر و یا ایندکس پی اچ پی ذخیره کنید.
    اگر به صورت جداگانه ذخیره کردید اینطور به فایل هدر و یا ایندکس پیوست کنید.

    <div class="logo">
     <?php
    	if ( get_option('evidens_header') == 'logo' )
    	{ include (TEMPLATEPATH . "/logo-img.php");	}
    	else
    	{ include (TEMPLATEPATH . "/logo-txt.php"); }
      ?>
    </div>

    اگر در بین کد ها دقت کنید توضیحات به زبان انگلیسی نوشته شده.

    <?php
    //ADD OPTION PAGE
    add_action('admin_menu', 'evidens_admin');
    
    //UPON ACTIVATION OR PREVIEWED
    if ( $_GET['activated'] == 'true'  || $_GET['preview'] == 1 )
    {
    	evidens_setup();
    }
    
    function evidens_admin()
    {
    	/* PROCESS OPTION SAVING HERE */
    	if ( 'save' == $_REQUEST['action'] )
    	{
    		if ( $_REQUEST['savetype'] == 'header' )
    		{
    			update_option( 'evidens_header', $_REQUEST['evidens_header']);
    		}
    
    	}
    
    	/* SHOW THEME CUSTOMIZE PAGE HERE */
    	add_theme_page(__('Logo Options','comp'), __('Logo Options','comp'), 'edit_themes', basename(__FILE__), 'evidens_headeropt_page');
    }
    
    function evidens_headeropt_page()
    { ?>
    <style type="text/css">
    <!--
    .select { background: #fff; padding: 10px; border: solid 1px #ccc;}
    .hr { border: none; border-top:1px dotted #abb0b5; height : 1px;}
    .note { color:#999; font-size: 11px;}
    .note a, .note a:visited, .note a:hover { color:#999; text-decoration: underline;}
    -->
    </style>
    
    <div class="wrap">
    <div id="icon-themes" class="icon32"></div>
    <h2><strong><a href="http://yourdomain.com/"><?php _e('your Theme','comp');?></a></strong> - <?php _e('Logo Options','comp');?></h2>
    <hr class="hr" />
    
    <?php
    	if ( $_REQUEST['action'] == 'save' ) echo '<div id="message" class="updated fade"><p><strong>Settings saved.</strong></p></div>';
    	?>
    	<form method="post">
    		<p class="select">	<strong><?php _e('Select Logo Type:','comp');?></strong>  <label for="evidens_header_text"><input type="radio" name="evidens_header" value="text" id="evidens_header_text" <?php if ( get_option('evidens_header') == 'text' ) echo 'checked="checked"'?> />
    		  <?php _e('Text Logo','comp');?></label> <label for="evidens_header_logo"> 
    	    <input type="radio" name="evidens_header" value="logo" id="evidens_header_logo" <?php if ( get_option('evidens_header') == 'logo' ) echo 'checked="checked"'?> /> <?php _e('Image','comp');?></label>
    		  </p>
    
    <ul>
    <li>1. <strong><?php _e('Text Logo','comp');?></strong> <?php _e('is the defa','comp');?><span class="style1"><?php _e('ult setting, that means you will use as a logo the text from ','comp');?><a href="/wp-admin/options-general.php"><?php _e('Blog Titile','comp');?></a></span><?php _e('and','comp');?><a href="/wp-admin/options-general.php"> <?php _e('tagline','comp');?></a> <?php _e('and Tagline','comp');?></li>
    <li>2. <strong><?php _e('Image Logo','comp');?></strong> <?php _e('is the option when you want to use a custom made logo.','comp');?> <?php _e('Upload your logo in the root folder of your theme and name it','comp');?> <strong>logo.png</strong><?php _e('save','comp');?>. <?php _e('You can use the ','comp');?><strong>PSD</strong> <?php _e('in the source folder of your Theme.','comp');?> (<?php _e('Image limitations: 590px/85px','comp');?>)</li>
    </ul>
    <p class="submit">
    <input type="hidden" name="savetype" value="header" />
    <input name="save" type="submit" value="<?php _e('Save changes','comp');?>" />
    <input type="hidden" name="action" value="save" />
    </p>
    </form>
    <hr class="hr" />
    <small class="note"><?php _e('Fore more updates regarding this theme visit us at','comp');?> <a href="http://yourdomain.com">your site</a><?php _e('sar','comp');?></small></div>
    
    <?php } function evidens_setup()
    { if ( get_option('evidens_header') == '' )
    { update_option('evidens_header', 'text');}
    }
    ?>

    فایل لوگوی تصویر

    <div class="img">
     <a>/"><img src="<?php bloginfo('template_url'); ?>/logo.png" alt="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" /></a>
    </div>

    فایل لوگوی نوشته

    <div class="txt">
     <h1><a>/"><?php bloginfo('name'); ?></a></h1>
     <p class="desc"><?php bloginfo('description'); ?></p>
    </div>

    این دو فایل با فرمت پی اچ پی در پوشه قالب ذخیره شود.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    sobhan
  • sobhan

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰
    # نوشته شده: ۱۰ سال پیش
    ۱۰ مرداد ۱۳۹۲ - ۲۱:۰۱

    ممنون دوست عزیز

    این جا 4 تا فایل هست

    میشه بگید کدوما رو توی function.php باید بذارم و کدوم توی فایل ها ( مثلا header.php ) ؟؟

  • mortezq21

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۳
    تشکر شده: ۳۶ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۰ مرداد ۱۳۹۲ - ۲۳:۲۲

    به ترتیب کد اول در هدر و یا هر جایی که می خواهید لوگو نشان داده شود. کد دوم در فانکشن و سوم و چهارم به طور جداگانه در فایل پی اچ پی با نام logo-text و pic-logo ذخیره شود.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    sobhan
  • sobhan

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰
    # نوشته شده: ۱۰ سال پیش
    ۱۱ مرداد ۱۳۹۲ - ۱۶:۰۳

    داداش اررور میده ...

    اگه آیدیتون رو بدید ممنون میشم ...

    + اون function منظورتون ماله خود قالب منظورتونه یا خود وردپرس ؟

  • mortezq21

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۳
    تشکر شده: ۳۶ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۱ مرداد ۱۳۹۲ - ۱۸:۲۸

    منظور فانکشن قالب است. اگر در فایل فانکشن دستورات دیگر هم دارید تگ پی اچ پی را از اول و آخر این کدی که من گذاشتم بر دارید.

  • mortezq21

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۳
    تشکر شده: ۳۶ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۲ مرداد ۱۳۹۲ - ۰۲:۵۵

    اگه باز هم مشکل داشتی قالبتو زیپ و آپلود کن لینکش رو بزار برات انجام بدم.

درباره‌ی این موضوع