افزونه‌ها همیشه از نقاط قوت برنامه‌های موفق بوده‌ و هستند. برای مثال می‌توان به مرورگر قدرتمند فایرفاکس اشاره کرد که همواره یکی از بزرگترین برتری‌هایش نسبت به دیگر رقبایش٬ افزونه‌های فراوان و مفیدی بوده که برای این مرورگر آماده شده است. اما اصلا افزونه چیست؟ تا به حال تعاریف زیادی از واژه «افزونه» در وب فارسی ندیده‌ام و شاید برای آن دسته از دوستانی که هنوز نمی‌دانند «افزونه» چیست بهتر باشد در ابتدای مطلب از دیدگاه خودم تعریف کوتاهی از «افزونه» بنویسم.

«افزونه» به برنامه‌های کوچکی می‌گویند که برای برخی برنامه‌های بزرگتر نوشته می‌شوند تا قابلیت‌ها و امکانات جدیدی را به آنها اضافه کنند.

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

Akismet: این افزونه برای وردپرس حکم یک جور «جفنگ کش» یا Anti Spam را دارد و پس از نصب و فعال کردن این افزونه دیگر نظرات جفنگ را نخواهید دید. همچنین این افزونه کاری از خود بچه‌های وردپرس و شرکت automattic است.

All in One SEO Pack: با نصب این افزونه می‌توانید وبلاگ یا سایتتان را برای موتورهای جستجو بهینه کنید تا آنها بتوانند مطالب شما را زودتر و بهتر ایندکس کنند. البته این افزونه دارای خصوصیات زیادی است که در این چند خط نمی‌توان تمام آنها را بیان نمود.

Contact Form 7: یک افزونه فرم ارتباط ساز ساده و قوی که به نسبت کوچکی‌اش امکانات خوبی دارد و اگر کار خیلی محیرالعقولی نمی‌خواهید با فرمتان انجام دهید این افزونه را توصیه می‌کنم.

Feedburner Feedsmith: غول خوراک‌پزان اینترنت٬ Feedburner را هم که دیگر باید بشناسید. این افزونه آدرس خوراک‌های (Feed) وبلاگتان را روی خوراک Feedburner تان می‌اندازد یا به قولی redirect می‌کند با این کار هرکس بخواهد از خوراک وبلاگ شما استفاده کند از خوراک Feedburner تان استفاده خواهد کرد.

Google XML Sitemaps: یکی از راه‌های افزایش SEO در وبلاگ‌ها و سایت‌ها استفاده از فایل‌های sitemap و robots است که با نصب و فعال کردن این افزونه می‌توانید به راحتی و بدون داشتن هیچ گونه دانش فنی این فایل‌ها را داشته باشید.

Plugin central: با نصب این افزونه می‌توانید به راحتی تمامی افزونه‌هایی که نیاز به به‌روز رسانی دارند را به صورت یکجا به‌روز کنید. گرچه در نسخه‌های جدید وردپرس چنین قابلیتی اضافه شده و در حال تکمیل است اما باز این افزونه به قولی «راه دست‌تر» است.

Subscribe to Comments: این افزونه هم که دیگر جای خود دارد. این افزونه به خوانندگان شما کمک میکند تا به راحتی پاسخ نظرات خود یا دیگران را پیگیری کنند. که واقعا افزونه‌ی بسیار مفیدی است و نمونه‌ی نصب شده‌ی این افزونه را هم می‌توانید در بخش نظرات همین وبلاگ ببینید.

Wordpress Database Backup: گرفتن پشتیبان از اطلاعات یک وبلاگ یا سایت یکی از ملزومات هر وبلاگ یا سایت است. با نصب این افزونه می‌توانید زمان بندی کنید که مثلا هر هفته از اطلاعاتی که می‌خواهید پشتیبان تهیه شود و برای شما ایمیل شود یا روی فضای سایتتان ذخیره شود.

WP Jalali: این افزونه هم که دیگر معرف حظور اکثر دوستان هست. با این افزونه که کاری از بچه‌های وردپرس فارسی است تمام تاریخ‌ها را در وردپرس به تاریخ شمسی تبدیل می‌کنید.

WP Optimize: پایگاه داده‌های وردپرس را برای شما بهینه سازی و داده های اضافی را حذف می‌کند. همچنین این افزونه را برای همه فارسی زبانان ترجمه کرده‌ام و فایل‌های زبان فارسی در این افزونه قرار دارد و می‌توانید پس از نصب این افزونه را به صورت فارسی داشته باشید.

افزونه‌هایی که در بالا معرفی شد افزونه‌های خوبی هستند که توصیه می‌کنم برای بهبود سایت یا وبلاگتان از آنها استفاده کنید. اما از آن طرف هم دلیل نمی‌شود که فقط این افزونه‌ها برای شما مفید خواهد بود٬ دنیای افزونه‌های وردپرس بسیار گسترده است و شما در هر زمینه‌ای می‌توانید افزونه‌های دلخواهتان را از اینجا یا با جستجو در موتورهای جستجو پیدا کنید.

مدتی بود برای وردپرس پوسته‌ی جدید فارسی نکرده بودم به همین خاطر تصمیم گرفتم یک پوسته‌ی زیبا برای وردپرسی های عزیز آماده کنم. پوسته Compositio (صلح) یک پوسته ساده وزیبا هست که از برخی خصوصیات این پوسته می‌توان به پشتیبانی از ابزارک٬ سازگاری با مرورگرهای مختلف٬ دو ستونه و … اشاره کرد. اما برای مشاهده جزئیات بیشتر٬ پیش نمایش و دریافت پوسته می‌توانید به صفحه این پوسته در بخش پوسته‌های سایت وردپرس فارسی مراجعه فرمائید.

همچنین می‌توانید از طریق لینک‌های این قسمت پیش نمایش این پوسته را ببینید و اگر خواستید آن را دانلود نمائید.

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

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

<?php
	include_once(ABSPATH.WPINC.'/rss.php');
	wp_rss('http://feeds2.feedburner.com/p30design',5);
?>

برای انجام این کار فقط کافیه تا این کد رو در قسمتی که می خواهید مطالب خوراک Rss رو نشون بدهید قرار بدهید و به جای آدرس خوراک وبلاگ من آدرس خوراک مورد نظرتون و به جای عدد ۵ هم اون تعداد مطالبی که میخواهید نشون بدهید (حداکثر ۱۰ تا) رو قرار بدهید.

چند روز پیش نسخه ۲.۸ بتا ۱ وردپرس منتشر شد و قرار است تا آخر ماه می ۲۰۰۹ نسخه کامل ۲.۸ هم منتشر بشه. تغییرات ظاهری خاصی در این نسخه اعمال نشده و با نسخه قبلی چندان فرقی نکرده اما تغییرات خوبی از لحاظ ویژگی‌ها و امکانات در نسخه ۲.۸ انجام شده که در ادامه به معرفی برخی از این ویژگی‌ها خواهیم پرداخت.

• highlight کردن کدها در قسمت ویرایش افزونه و پوسته (تصویر نمونه)
• اضافه شدن جعبه‌ی دیدگاه ها به قسمت ویرایش مطلب (تصویر نمونه)
• نپرسیدن سوال تائیدیه به هنگام جفنگ (اسپم) کردن یک دیدگاه
• اجازه‌ی چند ستونه کردن (حداکثر ۴ تا) بخش پیش خوان (تصویر نمونه)
• به روز رسانی پوسته‌ی آبی بخش مدیریت (تصویر نمونه)
• بهبود طراحی بخش ابزارک‌ها (تصویر نمونه)
• تغییر قسمت نوشتن نامک برای مطالب و برگه‌ها
• ذخیره‌ی خودکار مطالب و صفحات با فشردن کلید‌های Ctrl+S
• بررسی خودکار نسخه جدید هنگام مراجعه به قسمت ابزارها > ارتقا
• اضافه شدن توضیحات برای برچسب‌ها
• انتخاب نام شهر برای تنظیم دقیق‌تر زمان در قسمت تنظیمات > همگانی (تصویر نمونه)
• اضافه شدن گزینه “ارسال رمز عبور برای کاربر جدید بوسیله ایمیل” به کاربران > کاربر جدید
• اضافه شدن قسمت افزودن پوسته و افزونه و امکانات جدید در این قسمت ها (تصویر نمونه)
• و …

ویژگی‌ها و تغییراتی که در بالا گفته شد مربوط به تغییرات بخش کاربری وردپرس می‌باشد و تنها قسمتی از تغییرات جدید اعمال شده در نسخه ۲.۸ است. برای مشاهده فهرست تمام تغییرات و ویژگی‌های جدید می‌توانید به اینجا بروید همچنین میتوانید وردپرس ۲.۸ بتا ۱ را از اینجا دریافت و آزمایش کنید.

اول از همه شرمنده ام که این سری مطالب انقدر طولانی شده اما نکته ای که وجود داره اینه که ممکنه دیر و زود داشته باشه اما سوخت و سوز نداره این هم یه توجیه قشنگ که امیدوارم مورد قبول واقع شده باشه.

خوب دیگه بهتره بریم سر اصل مطلب و برای شروع هم بهتره یه مروری روی بخش قبلی داشته باشیم. برای شروع این بخش اول میریم میبینیم چه چیزهایی هنوز راست به چپ نشده و با فارسی سازگار نیست٬ اولین نکته ای که نظر من رو به خودش جلب کرد عنوان سربرگ بود که هنوز راست به چپ نشده بود پس با کمک فایرباگ میرم ببینم عنوان سربرگ به چه ID یا Class یا tag ی مربوط هست که پس از بررسی متوجه میشیم که به

#header

(یعنی ID ی با نام header) مربوط هست پس به این صورت اون رو rtl میکنیم

#header { direction: rtl; }

اما پس از این که rtl کردیم متوجه میشیم که سربرگ در جای مناسب خودش قرار نگرفته و وقتی علل رو بررسی میکنیم متوجه میشیم که باید مقداری اون رو به سمت چپ هل بدیم و این کار رو میتونیم با استفاده از padding انجام بدیم و از اون جایی که این ID خودش padding داشت padding اون رو به صورت زیر تغییر میدیم و از سمت راست یه مقدار بیشتر هلش میدیم (یعنی عدد مربوط به سمت راست رو بزرگتر میکنیم) تا در جای مناسب قرار بگیرد.

#header {
direction:rtl;
padding:15px 240px 15px 10px;
}

اما شاید بخواهید بیشتر راجع به دستور padding بدونید ؟

padding یه دستوری از css هست که با استفاده از اون میتوانید از اطراف به element مورد نظرتون فاصله بدید که این دستور بسیار شبیه دستور margin هست اما تفاوت اون رو میتونید در شکل زیر مشاهده کنید.

روش استفاده از padding به شکل زیر است:

padding: top right bottom left;

برای مثال:

padding: 2px 3px 1px 4px;

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

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

پوسته‌ی اول که جدیدا هم اون رو برای وردپرس فارسی آماده سازی کردم پوسته ای هست به نام Blog oh blog که به اختصار با نام bob هم میشه اون رو نام گذاری کرد. طراحی این پوسته کار وبلاگ Blog oh Blog هست و نسخه‌ ای که هم اکنون برای وردپرس فارسی آماده شده نسخه ۲.۰ این پوسته هست و این پوسته بیشتر برای مجله‌های اینترنتی کاربرد دارد. این پوسته با اکثر مرورگرها سازگاری خوبی داره و با افزونه هایی همچون pagenavi و افزونه‌ی تبلیغات هم به راحتی قابل هماهنگ سازی هست. سربرگ پوسته هم به راحتی قابل ویرایش هست و فایل psd سربرگ هم در پوشه تصاویر پوسته قرار دارد. (دریافت – پیش‌نمایش)

دو پوسته‌ی بعدی هم یکی با نام striped (دریافت – پیش‌نمایش) هست و اون یکی هم leopress (دریافت – پیش‌نمایش) که شبیه محیط سیستم عامل مکینتاش یعنی لئوپارد طراحی شده که این پوسته هم پوسته‌ی زیبایی هست.

جلسه پیش تا سر تغییر فونت ها به فونت Tahoma گفتیم و اما قسمت بعدی قسمت راست به چپ کردن متن‌ها است برای این کار ابتدا می‌بینیم کدام قسمت ها نیاز به راست به چپ شدن داره برای مثال همونطور که در این تصویر مشاهده می‌کنید بدنه‌ی مطالب و بدنه‌ی سایدبار نیاز به راست به چپ شدن داره پس از این که فهمیدیم کدام قسمت ها را باید راست به چپ کنیم با کمک فایرباگ به دنبال تگ٬ کلاس و یا آی‌دی مربوطه میگردیم. که در اینجا آی‌دی بخش مطالب ما content هست پس برای راست به چپ کردن این بخش کد زیر رو به فایل rtl.css اضافه می‌کنیم.

#content { direction: rtl; }

با انجام این کار مشاهده می‌کنیم که متن بخش مطالب به صورت راست به چپ چیده شد. حالا نوبت به ستون کناری هست تا راست به چپ بشه نام آی‌دی این قسمت menu هست حالا عملیات بالا رو برای این آی‌دی هم انجام می‌دیم اما مشاهده می‌کنیم که تنها تیترها راست به چپ شد؟؟ دلیل این کار احتمالا این هست که یک

text-align: left;

در این بدنه وجود دارد که با استفاده از افزونه‌ی فایرباگ در بدنه آی‌دی menu به دنبال این text-align می‌گردیم که پس از مقداری کنکاش متوجه می‌شویم که text-align مورد نظر در آدرس

#menu ul ul

قرار دارد پس٬ کد زیر رو به ادامه کدهای فایل rtl.css اضافه می‌کنیم.

#menu ul ul { text-align: right; }

حالا دیگه متن‌های ما راست به چپ شده و کار ما تقریبا در این قسمت تموم شده و نتیجه کار هم تا اینجای کار به این صورت در اومده و کدهای فایل rtl.css هم باید به صورت زیر باشه تا اینجای کار:

body,p, li, .feedback , #menu ul ul li {
     font-family: tahoma;
}
#content, #menu {
     direction: rtl;
}
#menu ul ul {
     text-align: right;
}

اما شاید تا اینجای کار سوالی برای شما پیش اومده باشه که تفاوت direction و text-align چیه؟ direction در حقیقت کل عصمت اون بخش رو راست به چپ یا چپ به راست میکنه ولی text-align اون قسمت رو فقط سمت راست یا چپ میاره و حتی ممکنه direction ش تفاوت داشته باشه اما برای این که بهتر متوجه بشید یک مثال می‌زنم٬ ممکن تا به حال دیده باشید که دارید یه جایی مثلا یه متنی رو از راست به چپ می‌نویسید و وقتی یک کلمه انگلیسی وسطش می‌نویسید نظم و ترتیب متنتون به هم میخوره و خوندنش مشکل میشه این مشکل به خاطره اینه که اونجا تنها text-align شما راست چین هست و direction تون چپ به راست یا ltr هست.

خوب در آخر امیدوارم که این جلسه هم مثل جلسه های قبل براتون مفید بوده باشه و مشقاتون رو هم خوش خط بنویسید که به خوش خطها خوب نمره می‌دم٬ خوب دیگه تا جلسه دیگه برید خونه‌هاتون.

اول از همه دوستان به خاطر آهسته پیش رفتن این آموزش عذر خواهی می‌کنم و قول میدم از این به بعد حداقل هفته ای یک قسمت از این آموزش رو بنویسم.

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

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

<?php language_attributes(); ?>

در خط دوم فایل header.php است که ویژگی‌ها

dir="rtl" lang="fa-IR"

را به تگ html اضافه میکند که کد “dir=”rtl باعث راست به چپ شدن میشه که برای جلوگیری از این کار این قسمت رو با کد

<?php //language_attributes(); ?>

تعویض میکنیم و فایل header.php رو ذخیره می‌کنیم.

حالا دیگه میریم سراغ کار اصلیمون البته امیدوارم قبل از شروع ملزومات کار رو هم فراهم کرده باشید؛ در مرحله اول فونت متن ها رو باید تغییر بدیم که برای این کار ابتدا می‌گردیم ببینیم فونت ها از کدوم تگ html فراخوانی شدند که برای این کار از افزونه firebug کمک میگیریم روش کار هم اینجوریه که اول به صورت کلی یعنی از قسمت body شروع میکنیم فونت رو تغییر میدیم بعد میبینیم کجا تغییر کرده٬ کجا تغییر نکرده و اونهایی که تغییر نکرده به کدوم تگ html مربوط میشه. برای پوسته کلاسیک هم ابتدا قسمت body رو به این صورت فونتش رو تغییر میدیم

body { font-family: Tahoma; }

و در فایل rtl.css ذخیره میکنیم. اما هنوز فونت بعضی از قسمت ها تغییر نکرده برای مثال فونت مطالب و ساید بار که پس از جستجو با فایرباگ به این نتیجه میرسیم که تگ های p , li , body و کلاس feedback و تگ li در آدرس menu ul ul li# فونت هاشون رو به صورت زیر تغییر میدیم:

p, li, .feedback , #menu ul ul li { font-family: Tahoma; }

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

فکر کنم برای این جلسه دیگه کافی باشه برای این هفته این ها رو خوب تمرین کنید که جلسات آینده به مشکل بر نخورید؛ البته من یه نکته رو هم همین اول کار بگم که بیشتر این کار سلیقه ای و کسی قرار نیست حتما اون کارهایی که من میگم رو انجام بده مثلا یکی دلش میخواد فونت پوسته اش arial باشه و حتما قرار نیست فونت پوسته اش رو Tahoma بزاره و در اصل هدف من اینه که شما دوستان روش کار رو یاد بگیرید.

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

برای این جلسه هم یه مقدمه کوتاه براتون میگم و بعدش هم این جلسه زود تعطیلتون میکنم برید حالشو ببرید ولی قول بدید که یه راست برید خونه. پوسته های وردپرس از تعدادی فایل تشکیل شده اند که این فایل ها هر کدام قسمتی از پوسته شما را تشکیل میدهند برای مثال فایل header.php سربرگ پوسته‌ی شما را تشکیل می‌دهد اما در این فایل های با پسوند php محتوای html و کد های php قرار میگیرد و استایل پوسته‌ی شما در فایل style.css قرار دارد که محتوای این فایل کد های css می‌باشد و بیشتر فعالیت ما روی این فایل است.

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

سال جدید: این هم از اولین مطلب ۱۳۸۷ و نوروز ۸۷ رو به همه‌ی دوستان عزیزم تبریک می‌گم و امیدوارم سال خوشی داشته باشید.

وردپرس: پوسته‌ی جدیدی برای وردپرس فارسی کردم و در پوسته های وردپرس فارسی قرار دادم. اگر دوست دارید ببینید چه شکلیه اول پیش نمایش رو ببینید و بعد برای دریافتش اقدام کنید.

محسن چاوشی: ذرت و ذورت دارن آهنگاشو توی تلویزیون پخش می‌کنند بعد برای گرفتن یه مجوز پدرش رو در آوردن. نمونش همین چند روز پیش شبکه سه یه ویژه برنامه برای تجلیل از هنرمندان داشت که از اول تا آخر آهنگ محسن و پخش کردند و یه جاش هم از دستشون در رفت و اونجای آهنگ که میگه دلواپسو بیدارم رو هم پخش کردند.

تیم ملی: اولین باخت مقتدرانه تیم ملی مقابل تیم قدرتمند بحرین رو به دوستان عزیز یادآوری می‌کنم و امیدوارم در مراحل بعدی پیروزی های تیم ملی رو یاد آوری کنم.

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