تخصيص ستايل معين لتدوينة معينة wp

قمت سابقاً بتعريب إضافة لتخصيص ستايل معين لتدوينة معينة

فقط هذة التدوينة هي لنفس طريقة عمل الاضافة و لكن بالاكواد

 

خيار تخصيص ملف ستايل للتدوينة

 

اضف الكود التالي الى ملف functions.php

 

add_action('admin_menu', 'mtwwr_custom_css_hooks');
add_action('save_post', 'mtwwr_save_custom_css');
add_action('wp_head','mtwwr_insert_custom_css');
function mtwwr_custom_css_hooks() {
	add_meta_box('custom_css', 'أدخل إسم ملف الـcss المخصص', 'mtwwr_custom_css_input', 'post', 'normal', 'high');
	add_meta_box('custom_css', 'أدخل إسم ملف الـcss المخصص', 'mtwwr_custom_css_input', 'page', 'normal', 'high');
}
function mtwwr_custom_css_input() {
	global $post;
	echo '<input type="hidden" name="custom_css_noncename" id="custom_css_noncename" value="'.wp_create_nonce('custom-css').'" />';
	echo '<input type="text" name="custom_css" id="custom_css" style="width:100%;" value="'.get_post_meta($post->ID,'_custom_css',true).'" />';
}
function mtwwr_save_custom_css($post_id) {
	if (!wp_verify_nonce($_POST['custom_css_noncename'], 'custom-css')) return $post_id;
	if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return $post_id;
	$custom_css = $_POST['custom_css'];
	update_post_meta($post_id, '_custom_css', $custom_css);
}
function mtwwr_insert_custom_css() {
	if (is_page() || is_single()) {
		if (have_posts()) : while (have_posts()) : the_post();
		  $filename = get_post_meta(get_the_ID(), '_custom_css', true);
		  if ($filename) {
			echo "<link rel='stylesheet' type='text/css' href='" . get_bloginfo('template_url') . "/css/" . $filename . "' />";
          }
		endwhile; endif;
		rewind_posts();
	}
}

 

 

إحفظ التغييرات على الملف

 

الآن اصبح لديك خيار جديد كما بالصورة السابقة و الخيار تجدة اسفل صندوق المحرر سواء عند كتابتك لتدوينة او لصفحة

 

إذا لم تجدة إضغط على خيارات الشاشة من القائمة العلوية و قم بالتأشير على الخيار الجديد كما بالصورة

 

 

 

 

الآن نأتي لكيفية الإستخدام

 

نقوم الآن بالتحرير على ملف الهيدر و نضيف ملف ستايل جديد لنستخدمة في التدوينة التي نريد ان نخصص لها إستايل

 

<link rel='stylesheet' type='text/css' href='http://yoursite.com/wp-content/themes/your-theme/post.css' />

 

 

لاتنسى تغيير ما يلزم 

 

بالمثال إسم الملف post.css

 

إذا ندخل في قيمة الخيار الجديد اسم الملف فقط post.css

 

و بذلك اصبحت لدينا تدوينة بستايل مخصص لها

 

 

 

       
  1. إبداع بلا حدود

    23 ديسمبر, 2011 /قبل 148 يوم / الساعة 9:59:15 م

    درس رائع شكرا لك
    بعدين الاضافة كانت لتصنيف معين اما هاد فهو لتدوينة و هيك احلا

    #
  2. sαℓєм

    24 ديسمبر, 2011 /قبل 147 يوم / الساعة 2:17:48 م

    درس أكثر من رائع وجاري تطبيقه ^^ :) تسلم أيدك

    #

أضف رد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

*

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:D :) :( :o 8) :eek: ;-( :grin: :wink: :arrow: :idea: :?: :!: :evil: O:) :-| :-* :-(( :poke: :love: :tired: :emotion: :party: :clown: :worried: X( :p

أحدث التعليقات