پی سی دیزاین | درباره تکنولوژی و اینترنت بیشتر بدانیم

پوسته‌ای برای مجله‌ی اینترنتی

۱۰ ۰۵ ۱۳۸۷

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

پوسته‌ی اول که جدیدا هم اون رو برای وردپرس فارسی آماده سازی کردم پوسته ای هست به نام 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 هست.

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

فارسی سازی پوسته‌های وردپرس (بخش سوم)

۲۱ ۰۲ ۱۳۸۷

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

استاندارد ما برای فارسی سازی پوسته های وردپرس این هست که فایل های اصلی وردپرس دست کاری نشه البته بیشتر منظورمون فایل استایل یا همون 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 می‌باشد و بیشتر فعالیت ما روی این فایل است.

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

سال نو٬ وردپرس٬ چاوشی٬ نجف زاده و تیم ملی

۳ ۰۱ ۱۳۸۷

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

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

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

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

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

وردپرس نوروزی

۲۶ ۱۲ ۱۳۸۶

و کسی گفت بهار است٬ و من با شبنم رو یک برگ گل یاس نوشتم:٬ ای کاش این بهاری که همه می‌گویند بی خبر می‌آمد٬ شاید آنوقت ز شوقش همه گل می‌دادیم. روزهای پایانی سال ۱۳۸۶ رو سپری می‌کنیم و به نوروز ۱۳۸۷ نزدیکتر می‌شویم و به همین مناسبت هم وبلاگستان فارسی پر می‌شود از مطالب نوروزی. در ابتدا پیشاپیش نوروز رو به تمام دوستان تبریک می‌گم و آرزوی سال خوشی برایشان دارم.

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

ادامه‌ی مطلب »

فارسی سازی پوسته های وردپرس (بخش اول)

۲۲ ۱۲ ۱۳۸۶

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

وسایل لازم: یک عدد مرورگر فایرفاکس + یک عدد افزونه‌ی فایرباگ برای فایرفاکس ٬ یک ویرایشگر متن (مانند: ++ notepad) و اگر بخواهید خودتان راجع به css بدانید کتاب “101 نکته و ترفند برای استفاده از css در طراحی وب” مترجم: امیر عباس عبدالعلی از انتشارات ناقوس.

همونطور که می‌دونید پوسته های وردپرس از تعدادی فایل (index.php , single.php , page.php, sidebar.php , style.css , … ) تشکیل شده اما بیشتر فعالیت ما روی استایل پوسته (style.css) که با پسوند css ذخیره شده است. که محتوای این فایل css دستوراتی از نوع زبان css است که سعی می‌کنیم طی مطالبی برخی دستورات پر کاربرد آن را برایتان شرح دهیم.

نکته: فارسی سازی به روش استاندارد وردپرس فارسی توضیح داده نمی‌شود و در ابتدا به صورت سنتی گفته می‌شود و پس از آن استاندارد سازی به صورت جداگانه شرح داده می‌شود.

مرحله‌ی اول: اگر از فایرفاکس استفاده نمی‌کنید ابتدا آن را نصب و افزونه‌ی فایرباگ را روی آن نصب کنید این افزونه یک ابزار بسیار کاربردی هست و خیلی شما را کمک می‌کند.

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

برای تکمیل مرحله‌ی اول سعی کنید ملزومات آن را تهیه و نصب کنید و با آنها کار کنید تا در مراحل بعدی دچار مشکل نشوید.

پوسته شخصی برای وردپرس

۱۵ ۱۲ ۱۳۸۶

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

پی‌نوشت: به زودی سعی می‌کنم آموزش هایی رو هم در ضمینه فارسی سازی پوسته آماده کنم.

وردپرس فارسی ٬ سروش صحت و سنتوری

۱۴ ۱۲ ۱۳۸۶

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

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

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

افزونه‌های خود را به اشتراک بگذارید

۲ ۱۲ ۱۳۸۶

یادم میاد یه زمانی یه بحثی تو انجمن وردپرس فارسی بود راجع به شاخه‌ی افزونه ها در وردپرس که اگر مثلا برید به http://p30design.net/wp-content/plugins لیست افزونه هایی که من استفاده می‌کنم رو می‌بینید٬ کلا این قسمت برای تمام وردپرسی ها هست مگر اینکه یک فایل index.htm اونجا بزارید تا دیگه نباشه و اونجا هم یه بحثی راجع به محدود کردن و این حرف ها شد که نوید یه حرف قشنگی زد:

من کلا با هر چیزی که محدود کنه مخالفم . چه ایرادی داره که کاربران بفمند افزونه های نصب شده چیه …

امروز توی وبگردی هام به یه افزونه ای برخوردم که با استفاده از اون میشه فهرست افزونه های نصب شده وردپرس رو توی یه صفحه یا یک پست با قرار دادن کد [my plugins] به نمایش داد. وقتی من این افزونه رو دیدم یاد اون بحث توی انجمن افتادم و با خودم گفتم شاید بشه بین دوستان وبلاگنویس افزونه های خودمون رو به اشتراک بزاریم. به خاطر همین اول از همه خودم یه صفحه ساختم و لیست افزونه‌هام رو به نمایش گذاشتم٬ فهرست افزونه‌های من رو در اینجا ببینید.