corelist.net » وردپرس

چطور یک قالب را فارسی کنیم ؟

علی ستاری — Wed, 06 Jul 2005 07:52:37 +0000

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

از کجا شروع کنیم ؟
تمامی قالبهای استاندارد اصل جدایی ظاهر از ساختار (و گاها رفتار) را رعایت میکنند. در نتیجه هر قالب دارای حداقل یک فایل شیوه نامه (Style Sheet) میباشد که عمده فعالیت ما بر روی این قسمت متمرکز میشود.
برای فارسی سازی بهتر است قالب را در محیطی تحت کنترل و با حداکثر امکانات نصب کنیم. منظور از امکانات محتوای مناسب و کافی برای آزمایش بخشهای مختلف قالب و امکانات آن میباشد که در این مورد برای ورپرس باید وبلاگی با مثلا 20 مطلب ، 7 دسته بندی تو در تو ، چند صفحه و آرشیوماهانه برای 4 ماه داشته باشیم.
تذکر : در این مقاله توضیحاتی کلی در مورد مراحل فارسی سازی قالبها و نکات قابل توجه ارائه شده است و فرض بر این است که شما به قدر کافی به مباحث طراحی وب مانند CSS و XHTML و روشهای کار آشنایی دارید.
گام اول : جهت و چیدمان نوشته ها
اولین مسئله ای که در مورد قالبهای انگلیسی وجود دارد جهت یا Direction نوشته هاست.که در زبان انگلیسی از چپ به راست و در زبان فارسی از راست به چپ میباشد. از آنجاییکه جهت و زبان پیش فرض مرورگرها برای نمایش صفحات انگلیسی LTR میباشد در قالبهای انگلیسی نیازی به تعریف جهت نوشته ها نیست که برای فارسی سازی باید به بخشهای مورد نظر این ویژگی را اختصاص دهیم.
اما چطور و کجای صفحه ؟!
شاید ساده ترین راه اضافه کردن این ویژگی به body یا html به نظر بیاید ، ولی راه های بهتری هم هست !
تغییر جهت نوشته ها توسط عنصرbody نوار عمودی پیمایش (Scrollbar) را به سمت چپ میبرد. ممکن است کل ساختار صفحه را به هم بریزد و از آنجاییکه بالاترین عنصر از لحاظ نمودار درختی ساختار شیئی سند است تمامی عناصر دیگر صفحه این خاصیت را از body به ارث میبرند و احتمالا همین موضوع مشکلات فراوانی ایجاد میکند ! بهترین راه تغییر جهت متن در بخشهای خاص دارای متن است. در وبلاگها معمولا دو بخش اصلی با متن زیاد وجود دارد : بخش محتوای اصلی یا بدنه مطالب و بخش نوار کناری وبلاگ. بهترین راه تغییر جهت متن به طور موضعی در این قسمتهاست.
برای پیدا کردن و هدف قرار دادن عنصر مورد نظر در شیوه نامه میتوانید از نوار ابزار قدرتمند فایرفاکس با عنوان WebDeveloper Toolbar استفاده کنید !
در بعضی موراد برای قالبهای انگلیسی و برای بخش خاصی جهت چیدمان یا text-align تعریف شده که برای متن فارسی باید از چپ به راست تغییر کند. دقت کنید که این مورد هم مثل جهت متن باید در محل مناسب اعمال شود.
در نهایت بهتر است جهت و چیدمان عناصری مانند Code و Blockquote را چپ به راست بکنید تا در صورت نیاز به قرار دادن متن انگلیسی یا کد در صفحه مشکلی ایجاد نشود.
گام دوم : ساختار صفحه ، فواصل و کادرها
مرحله بعد پرداختن به ساختار کلی صفحه و فواصل است. معمولا در اکثر قالبها نیازی به تغییر ساختار و شکل کلی قالب و محل قرار گرفتن بلوکهای مختلف نیست. در مورد فواصل هم اغلب توسط دو ویژگی margin و padding برای فاصله گرفتن متن از کناره های کادر و جایگیری مناسب عناصر استفاده میشود که باید فواصل موثر در زیبایی و جهت زبان فارسی را شناسایی و تغییر دهیم.
مثلا به احتمال زیاد در اکثر قالبها متن اصلی را به اندازه 20px از سمت چپ و 10px از سمت راست فاصله میدهند که باید جای این مقادیر عوض شود.
نکته قابل توجه این است که لزومی به تغییر تمامی فواصل نیست و قطعا کار عاقلانه ای نخواهد بود اگر تمامی margin-leftها را به margin-right تغییر دهیم و …
گام سوم : اندازه و نوع فونتها
حال که جهت نوشته ها راست به چپ تنظیم شده و فواصل به درستی تعیین شده باید نوع و اندازه فونتهای فارسی را مشخص کنیم. معمولا خواناترین فونتها برای متنهای اصلی فونت Tahoma با اندازه ای در حدود 9px تا 11px و فونت Arial با اندازه ای بین 12px تا 14px میباشد که بسته به سلیقه شما و شکل کلی قالب این مورد را تعیین میکنید. در اینجا شما با تجربه وبگردی و طراحی خود باید بهترین و مناسبترین فونت را برای متنها و عنواین انتخاب کنید. مثلا میدانید که فونت Tahoma برای عنواین درشت و با اندازه بالای 12px ظاهر زیبایی ندارد و یا فونت Arial و Times برای متنهای معمولی و با اندازه کمتر از 14px مناسب و خوانا نیستند. همچنین برای متنهای توضیحی و فرعی مانند اطلاعات طمان ارسال مطلب ، نظرات و … بهتر است از اندازه فونت کوچکتری استفاده شود.
مرحله نهایی : بخشهای گرافیکی و ریزه کاری ها
در این مرحله باید به بخشهای گرافیکی توجه کنید. بعضی عناصر گرافیکی صفحه تیز با توجه به جهت متن طراحی شده اند و ممکن است نیاز به چرخش یا برعکس کردن داشته باشند. مانند فلشهایی که اغلب در کنار عنوان مطالب وبلاگ یا شکل کوچکی که در کنار آیتمهای لیست موارد نوار کناری قرار میگیرند.
مسئله بعدی درباره تصاویر گرافیکی پس زمینه محل قرار گیری آنهاست که اکثر در سمت چپ عنوان یا آیتم لیست قرار گرفته اند که باید به سمت راست منتقل شود.
نکات قابل توجه در فارسی سازی !
ممکن است مواردی پیش بیاید که وضعیت قرارگیری یا شکل ضاهری یک عنصر و یک بخش خاص را نتوانید با انتخابگرهای موجود شیوه نامه کنترل کنید و شکل دهید. در این موارد حتی الامکان سعی کنید با استفاده از انتخابگرهای (Selector) حرفه ای و پیشرفته عنصر مورد نظر را هدف قرار دهید و نحوه نمایش آنرا کنترل کنید و تنها در صورتی که امکان کنترل نبود به ساختار قالب یک تگ div یا span با کلاس مورد نظر اضافه کنید و توسط شیوه نامه به آن شکل دهید. بهتر است تمامی مواردی که به شیوه نامه اضافه میکنید را در یک بخش جدا و ترجیحا در انتهای شیوه نامه قرار دهید و با استفاده از Commentها در CSS مشخص کنید که در آینده پیگیری و تغییر آن راحتتر باشد.
نکته آخر اینکه ممکن است لازم باشد متنها و پیغامهایی را درون فایلهای قالب ترجمه کنید. اولا اینکه مطمئن شوید از ویرایشگر متن استاندارد با پشتیبانی UTF-8 استفاده میکنید و دوما سعی کنید که ترجمه مناسبی از متنها ارائه کنید و از کلمات رسمی استفاده کنید.
در آخر سعی کنید قالب فارسی شده را با مروگرهای مختلفی مانند IE ، FireFox و Opera آزمایش کنید و مشکلات احتمالی پیگیری و رفع کنید. و به سلیقه خودتان در صورت نیاز تغییرا ت کوچکی در فواصل و اندازه ها اعمال کنید.
در پایان اگر درست کار کرده باشیم شکل و ظاهر کلی قالب اصلی با متن انگلیسی با قالب فارسی شده ما باید یکی باشد !

سرویس به روزرسانی وردپرس

علی ستاری — Thu, 10 Feb 2005 11:19:34 +0000

سلام …
خدمتتون عرض شود که عجب برفی میاد ! خدا زیادش کنه !
نکته ای که مدتیه متوجه شدم متاسفانه وبلاگ دوستان عزیز وردپرس کار تویه بلاگ من و گویا تویه بلاگ رولینگ موقع به روز رسانی درست پینگ نمیشه و تویه لیست مشخص نمیشه !
فلذا لازم دیدم خدمت این دسته ازعزیزان عرض کنم که لطفا به قسمت مدیریت بلاگتون بروید !
در قسمت Options > Writing در کادر مخصوص Update Service این موارد رو وارد کنید !

http://rpc.pingomatic.com/

http://rpc.weblogs.com/RPC2

http://rpc.technorati.com/rpc/ping

http://ping.blo.gs/

http://rpc.blogrolling.com/pinger/

http://api.my.yahoo.com/RPC2

http://ping.rootblog.com/rpc.php

http://ping.weblogs.se/

http://bitacoras.net/ping/

http://www.weblogues.com/RPC/

http://xmlrpc.blogg.de/

http://xping.pubsub.com/ping/

خیر از جوونیتون ببینید !

ساختار لینکها در وردپرس

علی ستاری — Thu, 23 Dec 2004 07:25:23 +0000

سلام …
اصولا اهمیت ساختار لینک ثابت به Search Engine Friendly بودن و کلاس بیشترشه !
وردپرس این امکان رو در اختیارتون میزاره که به جای آدرسی پر از "?" و "&" و … یک آدرس تمیز یا اصطلاحا Clean URL داشته باشید …
اینم راهنمای استفاده از این قابلیت در وردپرس :
وردپرس برای ساختار لینک ثابت میتونه از آدرسهایی به اصطلاح Clean URL استفاده کنه که این کار رو رویه سرورهای لینوکس و یونیکس با Apache توسط قابلیت Mod_Rewrite انجام میده … البته من خودم کلا در موردش بی سواتم برنامه نویسای PHP سر در میارن !
ولی تا جایی که میدونم کارش به این شکله که میاد آدرسهایی به این شکل :
yoursite.com/weblog/2004/9/11/hello-word
رو تبدیل میکنه به :
yoursite.com/weblog/index.php?year=2004&monthnum=9&day=11&name=hello-word
که در واقع همون سبک کلاسیک آدرس پستها در وردپرس هست !
و البته این کار برای Category ها و پروفایل نویسنده ها هم اعمال میشه !
حالا برای اعمال این تنظیمات :

1. شما میرید به کنترل پنل مدیر و در بخش Options قسمت Permalink رو انتخاب میکنی ….
2. ساختار لینک ثابت هر مطلب رو با استفاده از گزینه هایی که داده ایجاد میکنی *پایین توضیح دادم یعنی چی ؟! )
3. دکمه Update Permalink Structure رو میزنید .
4. بعدش تویه فیلد پایین دکمه بهتون یکسری کد میده که تمامشونو بدون تغییر باید تویه فایلی به نام .htaccess کپی کنید و فایل رو تویه فولدری که وردپرس نصب شده آپلود کنید ! * ( اینم نکته داره ! )
5. تموم شد .

* اولی :
ببین کلا تویه نسخه 1.2 ما این امکاناتی که میگم رو داریم :
%year% و %monthnum% و %day% که به ترتیب سال و ماه و روز ارسال مطلب رو نشون میده .
%hour% و %minute% و %second% هم که مشخصه ساعت و دقیقه و ثانیه ارسال مطلب !
بعد از اینا %postname% رو داریم که نسخه خلاصه شده یا ساده شده عنوان یا Title پست ماست ! ** ( این یعنی نکته در نکته ! )
بعدشم %post_id% که شماره واحد هر پستی رو نشون میده !

** این مورد برای زبانهای خارجکی اوتوماتیک کار میکنه ! یعنی برای انگلیسا ! ولی برای ما که فارسی کار میکنیم برای هر پست باید Field مربوطه یعنی Post Slug رو با متن انگلیسی پر کنیم که درست در بیاد !
مثلا اگر عنوان پستتون تعطیلات هست ! باید اونجا بزنید holiday یا tatilat که سیستم درست در بیاد !

* دومی :
اصولا تویه ویندوز شما نمیتونی فایلی بسازی که اسم نداره ولی پسوند داره و .htaccess هم دقیقا همین حالته !
بهترین راه اینه که شما یک فایل متنی با فرمت .txt ایجاد کنی … کدها رو توش کپی کنی …بعد اسمشو به a.htaccess تغییر بدی و بعد از آپلود کردن رویه سرور a رو از اسمش برداری !
عمرا هم نمیشه از روش alt+#### استفاده کرد !
این گزینه های بالا انتخابیه ! یعنی میتونه همش باشه یا فقط یک دونش باشه ! ( که اون یک دونه مسلما Post Name یا Post ID باید باشه ! )
بهترین مدلی که من خودمم استفاده کردم اینه :
/archives/%year%/%monthnum%/%day%/%postname%/
در ضمن میتونید عبارت اول آدرس یعنی /archives/ رو بردارید یا تغییر بدید …
و یک فیلد هم هست برای اینکه آدرس دسته بندی هارو تغییر بدید که دیفالتش خوبه !
نکته دیگه اینکه تویه نسخه جدیدش که هنوز رسما منتشر نشده امکات بیشتری مثل post category و post author و … گذاشتن !

و اما نکته آخر اینکه برای اینکه در مورد آدرس Category ها مثل پست که توضیح دادم به مشکل برنخورید اینجا رو بخونید .
تمام اینایی که گفتم برای نسخه WordPress 1.2 Mingus بود ها ! نرید رویه 0.X این کارو بکنید بترکه یغه منو بگیرید ها !

Category NiceName

علی ستاری — Mon, 20 Sep 2004 18:50:38 +0000

سلام …
یکی از مشکلات وردپرس که همانا عدم امکان تایین یک اسم مناسب ( از لحاظ Encoding) در قسمت دسته بندی بود حل شد !
یعنی به کمک یک دوست حلش کردیم و امیدوارم که برای نسخه بعدی این مورد اضافه بشه …
مشکل اینجا بود که وقتی شما از ساختار لینک ثابت وردپرس استفاده میکنید دسته بندی هم به همون صورت (Clean URI ) میشه و برای آدرس از Category NiceName استفاده میکنه …
خب تا اینجا برای وبلاگهای انگلیسی و فارسی خوبه ولی از این به بعده که وبلاگهای فارسی ( مثل خودم ) به مشکل بر میخوره …
یعنی موقع ایجاد و ویرایش دسته بندی ها محلی برای تایین این مورد نیست و چون اسم دسته بندی ما فارسی هست تبدیل نمیشه ! پس در نتیجه لینک دسته بندی ها تعطیل میشه ….
مشکل اصلی هم اینه که این فیلد تویه دیتابیس وجود داره ولی رابط کاربری و فرمی برای وارد کردن اطلاعات بهش نبود که حل شد !
البته راه حل غیر عاقلانش استفاده از PHPMYADMIN هست ( یعنی بود ) .
ولی با بال بال زدنهای من بالاخره یکی پیدا شد یکم کمک کنه تا درستش کنیم …
شما الان میتونید این فایل اصلاح شده رو بگیرید : Categories.php
برای استفاده :

اسم فایل رو بعد از ذخیره به categories.php تغییر بدید .
فایل رو با فایل قبلی در آدرس /wp-admin/ جابجا کنید ( با FTP فایلو Overwrite کنید )
برای شادی روح گذشتگان جمع صلوات بفرستید !

همین !
با این کار شما هنگام ایجاد دسته جدید یا ویرایش یک Field برای Category NiceName دارید ….
موفق و پیروز باشید…

گوگل دوست داشتنی

علی ستاری — Mon, 20 Sep 2004 14:50:29 +0000

سلام
جناب گوگل گویا شدیدا با این وردپرس عزیز پسرخاله هستند !
به هم حال میدن اساسی …
من الان حداقل روزی 10 – 15 تا ویزیتور از جستحوی گوگل دارم .
طبق محاسباتی که کردم بین 2 تا 2.5 روز بعد از هر پست و مطلب جدید با آدرس ثابت (PermaLink) تویه گوگل کش میشه !
از مطالب و قسمت ادامه مطلب گرفته تا لینکها و کامنتها !
اینم یکی از مزایای وردپرس !
فکر کنم یکی از علتهاش ساختار Permalink خوبشه …
گویا یک پلاگین هم برای بهتر شدن دسترسی اسپایدرهای گوگل داره …
اگر پیدا کردم لینکشو میزارم ..
موفق و پیروز باشید…

KlipFolio Provider

علی ستاری — Sun, 12 Sep 2004 09:26:54 +0000

سلام
این کلیپ فولیو واقعا چیزه جالبیه ….
خیلی امکانات توپی داره …
شاید بشه گفت یک جور Feed Reader هست ولی خیلی حرفه ای تر و کاملتر و باحالتر !
شما میتونید محتویات سایتتونو باهاش کلیپ کنید …
حتما امتحانش کنید …
سایت مجموعه ابزارهای وبلاگ هم یک پلاگین برای کلیپ کردن مطالب وبلاگ WP ساخته
توضیحات بیشتر رو اینجا بخونید : link

اسپم مشکل همیشگی !

علی ستاری — Fri, 13 Aug 2004 11:54:45 +0000

سلام…
اسپم دیگه چیزیه که تقریبا هر کسی که 2 روز با اینترنت کار بکنه متوجهش میشه !
تا به حال انواع متعددی از اسپمها رو دیدیم !
اکثرا تویه میل باکس ما هستن ! بعضیا تویه چت رومها و حالا تویه بخش نظر دهی وبلاگها !
خیلی جالبه ! اکثرن هم توسط شخص ایجاد میشه نه روبات !
این مسئله ای بود که من امروز باهاش برخورد کردم !
یک اسپمر تویه تمام مطالب تبلیغ کازینو کرده بود !
برای خلاصی از این اسپمرها راه های زیادی وجود داره !
خوشبختانه برای وردپرس قبلا همچین برنامه های نوشته شده !
این چند مورد رو معرفی میکنم که اگر شما هم خواستید استفاده کنید :

1. Kitten Spam Word
2. WordPress Blacklist Comment SPAM Filteration System

خب ! مورد اول که بسیار ساده هست و سبک ! شما فقط باید فایل و آپلود کنید و به عنوان افزودنی فعالش کنید !
از این به بعد هر نظری که به نظرتون اسپم بود رو در قسمت Edit>Comments>Mass Edit انتخاب میکنید و دکمه Delete As Spam رو میزنید !
این اسکریپت به طور خودکار مشخصات اون نظر رو از قبیل IP , Email به لیست سیاه وردپرس اضافه میکنه !
دومی کمی حرفه ای تر و کاملتر هست
شما میتونید یک لیست سیاه از آدرسها ، ایملها و IP ها رو توسط این برنامه Import کنید و جلوی اسپم رو بگیرید !
الان سیستم اول روی وبلاگ من نصب شده و لی دومی رو هنوز کامل تست نکردم !
امیدوارم که شما گرفتار اسپم نشید !
در ضمن برای اکثر سیستمهای وبلاگ همچین پلاگینی باید باشه !
موفق و پیروز باشید…

Syntax Highlighting !

علی ستاری — Sun, 08 Aug 2004 17:04:40 +0000

سلام
اول از همه بگم ! من نه از ساختار آپاچی و .htaccess سر در میارم نه از برنامه نویسی چیزی میدونم ! پس اگر احیانا اشتباهی بود بگید و به بزرگی خودتون ببخشید !
خب اول این دو نمونه رو ببینید تا توضیح بدم : test.phps

< ?php
if (! $feed) {
    $blog = 1;
    $doing_rss = 1;
    require('wp-blog-header.php');
}

header('Content-type: application/atom+xml', true);

?>

برای حالت اول یعنی Syntax Highlightinge یک فایل روی سرور باید این عبارت رو به فایل .htaccess تون نویه شاخه اصلی ( Root) سرور اضافه کنید :

AddType application/x-httpd-php-source .phps

برای حالت دوم و استفاده ازش تویه متنتون باید پلاگینی رو که اینچا هست بگیرید : Syntax Highilighting
خیلی راحت این فایل رو بعد از Extract کردن داخل پوشه : wp-content/plugins/ وبلاگتون کپی کنید !
بعد به قسمت مدیریت سایت برید و در قسمت Plugins اونو Active کنید ….
بعد باید تویه متنتون کد PHP که میخواید هایلایت بشه رو تویه تگ PRE قرار بدید و زبانشو مشخص کنید !
مثلا :


your php

code here !

به همین راحتی !
امیدوارو مفید باشه !
موفق باشید….