ترفند های جالب وردپرس ( قسمت اول )

ترفند های جالب وردپرس ( قسمت اول )

Want create site? Find Free WordPress Themes and plugins.

سلام امیدوارم اوقات خوبی داشته باشید ! علیرضا هستم ، مجددا حلقه وردپرس فعالیت خودش رو افزایش داده و می خوایم با مقالات فوق کاربردی شمارو هیجان زده کنیم ، در این سریال نوشتاری قصد داریم ترفند های جالب برای بهبود وردپرس شما ارائه کنیم پس این مقاله رو دنبال کنید و در آخر در همین پست یک لیست خواهیم ساخت از ترفند ها

بریم سراغ ترفندهای جذابی که آماده کردیم که حتما یکی از این ترفندها براتون جالب خواهد بود ؛

تشخیص و استفاده از نوع مرورگر بازدیدکنندگان

با یک ترفند جالب برای برنامه نویسان وردپرس شروع می کنیم ! به کمک کد فانکشن زیر می تونید برای هر مرورگر وب که وجود دارد یک کلاس در تگ بادی کل صفحه سایتتون تعریف کنید.

مثلا

<body class="home blog logged-in safari">

در کد بالا به راحتی برای کاربری که از مرورگر سافاری استفاده می کند یک کلاس تعریف کردیم

حالا به چه درد میخوره ؟!

خب سادست فکر کنید اگر قرار بود برای یک وبسایت نرم افزار بخواید منوهای مختلف بسازید

مثلا نمایش پیش فرض منوی نرم افزار های مک برای کسانی که مرورگر سافاری دارند یا نمایش منوی خاص پیش فرض برای کاربرانی که از مرورگرهای اندرویدی استفاده می کنند یا خیلی کاربردهای دیگه ..

پس شکی در کاربرد این ترفند وجود نداره ! خب چطور این کلاس رو اضافه کنیم ؟ سادست فقط کافیه کد زیر رو به فایل functions.php پوسته خود اضافه کنید ؛

function browser_body_class($classes) {

global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

if($is_lynx) $classes[] = 'lynx';
 elseif($is_gecko) $classes[] = 'gecko';
 elseif($is_opera) $classes[] = 'opera';
 elseif($is_NS4) $classes[] = 'ns4';
 elseif($is_safari) $classes[] = 'safari';
 elseif($is_chrome) $classes[] = 'chrome';
 elseif($is_IE) $classes[] = 'ie';
 else $classes[] = 'unknown';

if($is_iphone) $classes[] = 'iphone';
 return $classes;

}
add_filter('body_class','browser_body_class');

نکته ی مهم : باید در قالب شما حتما تگ بادی از متد بادی کلس استفاده شده باشد وگرنه حتی کلاس های عادی وردپرس هم نمایش داده نخواهند شد و حتما مقاله ای در رابطه با کاربرد های متد بادی کلاس و ترفندهای استفاده از اون برای شما خواهیم نوشت

نمایش تمام عکس های آپلود شده در پست بصورت گالری

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

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

<?php <?php 
$szPostContent = $post->post_content;
$szSearchPattern = '~<img [^\>]*\ />~';
// اجرای preg_match_all برای برداشتن تصاویر از محتوا و ذخیره در متغیر $apics
preg_match_all($szSearchPattern, $szPostContent, $aPics);
$iNumberOfPics = count($aPics[0]);
if ($iNumberOfPics > 0) {
 // در حلقه فور زیر میتونید تصاویر رو داخل دیو یا li قرار بدید هر کاری که دوست دارید و یک گالری بسازید for ( $i=0; $i < $iNumberOfPics ; $i++ ) { echo $aPics[0][$i]; }; };
?>

توضیحات بصورت کامنت داخل کدها نوشته شد تنها نکته ای که میمونه این هست که کد بالا رو حتما در while یا حلقه تولید نوشته ها در وردپرس قرار بدید.

این ترفندها شاید بعضا مثل این ترفند بشه دستی هم گالری ساخت اما دو دلیل برای استفاده از این ترفند وجود داره ؛ ۱ . صرفه جویی در زمان ۲ . زیبا سازی و سازمان دادن مطالب

جدا کردن کلمه جستجو شده در صفحه جستجوی وردپرس

خب راستش این ترفند خیلی جالب و کاربردی هست و شاید کم اهمیت باشه اما فراموش نکنید چقدر به کاربر کمک خواهد کرد تا به مطلب مدنظرش برسه !

خب ما در این ترفند میایم متد the_title که آشنای همه کدنویسای وردپرس هست رو کمی ویرایش می کنیم بعد متد the_excerpt رو ویرایش می کنیم و به کمک زبان محبوبم پی اچ پی کلمه جستجو شده رو کلاس میدیم و استایل مدنظر رو اعمال می کنیم.

خب سریع میریم سراغ فایل search.php معمولا در قالب های نسبتا ساده متد the_title در همین صفحه ست ( این رو گفتم تا بدونید ممکنه در بعضی پوسته های پیشرفته محتوای مطلب رو در یک فایل پی اچ پی دیگه تعریف کرده باشند که باید از اونجا ویرایش بشه ! ) حالا این متد رو با پاک کنید و کدهای زیر رو به جای اون قرار بدید ؛

<?php // highlight search terms in title
	$title = get_the_title();
	$keys  = explode(" ", $s);
	$title = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms">\0</span>',$title);
	echo $title;
?>

حالا شما کلمه سرچ شده رو داخل یه تگ اچ تی ام ال اسپن با استایل خاص قرار دادید و کافیه یه استایل بدید مثلا استایل معروف زمینه زرد برای کلمه جستجو شده !

برای متد the_excerpt هم دقیقا همین عملیات رو تکرار می کنیم و فقط کد زیر رو استفاده خواهیم کرد ؛

<?php // highlight search terms in content
	$excerpt = get_the_excerpt();
	$keys  = explode(" ", $s);
	$excerpt = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms">\0</span>',$excerpt);
	echo $excerpt;
?>

و آخرین مرحله یعنی استایل زیر رو به انتهای فایل style.css پوسته اضافه کنید

span.search-terms { 
	background: yellow;
	font-weight: bold;
	}

و تمام حالا کلمات سرچ شده در صفحه search.php به صورت بولد و با بکگراند زرد رنگ نمایش داده می شوند.

ترفندهای زیادی باقی مونده اما گوگل عزیز نمیپسنده ما همه رو در یک قسمت به شما ارائه کنیم پس با قسمت های بعدی همراه باشید.

موفق و پیروز باشید ( تکرار نمیکنم که به کانال حلقه وردپرس بپیوندید که لینکشم بالای صفحه ست :)) )

Did you find apk for android? You can find new Free Android Games and apps.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *