تجربیاتی در زمینه طراحی وب

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

  • معرفی نرم افزار های مورد نیاز
  • معرفی سایت های دانلود نرم افزارها
  • معرفی مراحل کار ترجمه پوسته ها
  • معرفی توابع php مورد نیاز برای فارسی سازی قالب ها
  • نحوه استفاده از توابع ترجمه قالب وردپرس در پوسته های انگلیسی

دانلود قسمت اول با حجم 7.5 مگابایت و لینک مستقیم

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

  • نحوه جایگذاری توابع ترجمه در رشته های انگلیسی قالب
  • نحوه استفاده از نرم افزار pooedit برای فارسی سازی و ترجمه رشته ها انگلیسی
  • نحوه معرفی فایل ترجمه به قالب انگلیسی و وردپرس
  • و …

دانلود قسمت دوم با حجم 30 مگابایت و لینک مستقیم

قسمت سوم : معرفی خاصیت های css پرکاربرد در ترجمه پوسته ها

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

دانلود قسمت سوم با حجم 22 مگابایت و لینک مستقیم

قسمت چهارم : فیلم آموزشی ساخت فایل استایل rtl.css برای قالب وردپرس انگلیسی stitch

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

دانلود قسمت چهارم با حجم 33.7 مگابایت و لینک مستقیم

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

منبع: برگرفته شده از سایت آرتاباز

  • کربلایی مجید

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

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

با توجه به مطالبی که گفته شد باید به صورت پارامتریک جلو برویم، در قسمت اول فقط به مقدمات میپردازم:

I- ملزومات و تواناییهای مورد نیاز برای فارسی سازی پوسته وردپرس:

  •  آشنایی با زبانهای HTML و CSS و PHP و در برخی موارد جاوا اسکریپت.
  •  شبیه سازی وب بر روی کامپیوتر شخصی با استفاده از XAMPP
  •  دانلود آخرین نسخه وردپرس از وبسایت رسمی وردپرس فارسی
  •  نصب یک ادیتور متن، ترجیحا ++Notepad
  • نرم افزار Poedit جهت ترجمه متنها
  • و یک پوسته برای فارسی سازی

II- راه اندازی xammp بر روی کامپیوتر شخصی:

با توجه به اینکه قصد این مقاله تمرکز بر روی نحوه فارسی سازی پوسته وردپرس هست، فقط به صورت مختصر در مورد xampp توضیحاتی داده میشود. xampp شامل برنامه های Appache, MySQL, PHP, phpMyAdmin و … است.

بعد از دانلود xampp باید آن را  نصب کنید. (اگه فایل به صورت zip هست، از حالت zip خارج کنید و سپس فایل setup_xampp.bat را اجرا کرده و مراحل نصب را ادامه دهید تا نصب به اتمام برسد.) برای شبیه سازی محیط وب بر روی کامپیوتر  باید دو برنامه Apache و MySQL را فعال کنید. برای این کار فایل xampp-control را اجرا کرده و در پنجره باز شده Apache و MySQL را اجرا کنید (دکمه start مقابل هر کدام را کلیک کنید). برای غیر فعال کردن نیز دکمه stop را کلیک کنید.

کنترل پنل xampp

برای تست درست کار کردن سرویس ها آدرس “localhost” و یا “http://127.0.0.1” را از مرورگر خود فراخوانی کنید.

اگر دقت کرده باشید یک پوشه داخل پوشه اصلی xampp وجود دارد با نام “htdocs”، که تمام کارهایی که ما انجام میدهیم داخل این پوشه است. در اصل این پوشه همان فضایی است که وقتی هاست خریداری میکنید به شما اختصاص داده میشود. به کاری که ما انجام دادیم راه اندازی سرویس localhost نیز گفته میشود.

توجه: مهمترین خطایی که موقع اجرای آپاچی ممکن است رخ بدهد و مانع اجرای آن شود، تلاقی پورتهاست. آپاچی بر روی پورت ۸۰ اجرا میشود و ممکن است بر روی کامپیوتر شما نرم افزاری باشد که از پورت ۸۰ استفاده میکند. مثل ooVoo، … که این مشکل با خارج شدن از آن برنامه برطرف میشود. البته پورت استفاده شده توسط آپاچی قابل تغییر است.

III- نصب وردپرس بر روی میزبان محلی (localhost):

بعد از دانلود وردپرس که به صورت فشرده است، داخل پوشه “htdocs” کپی کنید و آن را از حالت فشرده خارج کنید. با این کار یک پوشه با نام “wordpress” ایجاد میشود که تمام محتویات وبسایت وردپرس ما داخل آن است. مطمئنا همه شما با روش نصب وردپرس آشنایی دارید. بعد از ایجاد پایگاه داده از طریق “phpMyAdmin” در آدرس  “localhost/phpmyadmin” و وارد کردن اطلاعات پایگاه داده در فایل “wp-config.php”، بر روی نوار آدرس مرورگرتان آدرس “localhost/wordpress” را فراخوانی کنید.   مراحل نصب را ادامه بدهید تا ورد پرس شما نصب شود.

صفحه نصب وردپرس فارسی

حالا صفحه اصلی وردپرس محلی شما در آدرس “localhost/wordpress” قابل دسترس است.

فکر میکنم تا اینجای کار برای قسمت اول “آموزش فارسی سازی پوسته های وردپرس” کافی باشد. در قسمت بعدی، نحوه استفاده از “poedit” و ایجاد فایل “fa_IR.po” و مباحث مقدماتی CSS و HTML ، مفاهیم راست چین و چپ چین کردن و … آموزش داده میشود .اگر نظری در مورد این قسمت دارید یا به نظرتان نکات دیگری  هم باید در این قسمت اضافه بشود، حتما از طریق دیدگاهها اطلاع دهید.

منبع: برگرفته شده از سایت دستخط

  • کربلایی مجید

  • خوب گوش دادن به سخنان مشتریان
  • منظم کار کردن (نظم در محیط کاری و همینطور پوشه بندی و آرشیو کاری و خروجی های کار)
  • سعی در بالا بردن علم روز و کاربردی تر کردن این علم
  • سعی در داشتن کارتیمی !
  • کربلایی مجید

این روزها خیلی با وردپرس ور می‌رم. یکی از آخرین نیازهایی که پیدا کردم داشتن روتیتر و زیرتیتر بود. چند تا افزونه‌ی پیدا کردم اما فقط یکی از این دو تا رو داشتند. تصمیم گرفتم بگردم ببینم چه جور می‌شه این کار رو کرد، راهی که خیلی‌ها پیشنهاد داده بودند استفاده از زمینه‌های شخصی (Custom Fields) بود. این هک کوچولوست برای این که روتیتر و زیرتیتر رو به وردپرس اضافه کنید.

۱- پیدا کرد تیتر عنوان (تیتر) نوشته در فایل‌های قالب

برای این کار کافی است از فهرست وردپرس به قسمت نمایش (Appearance) و سپس ویرایش‌گر (Editor) برید و فایل index.php رو باز کنید و دنبال تابعی با نام single_post_title یا the_title بگردید.
دو نمونه از کدهای مربوط به عنوان به این شکل زیراند. پس باید کدهای بالا رو پیش و پس از این خط‌ها گذاشت.

<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>

یا این خط:


<h1 class="entry-title"><?php single_post_title();?></h1>

۲- اضافه کردن کدهای روتیتر و زیرتیتر

کافی است کد مربوط به روتیتر را پیش از این دستور و کد زیرتیتر را پس از آن بگذارید. نیاز به توضیح نیست که بسته به نیازتون می‌تونید از تگی غیر از h3 استفاده کنید. استفاده از classهای ticker و subtitle برای اینه که بتونیم از طریق CSS ویژگی‌های لازم رو بهشون بدیم و به تعبیری خوش‌گلشون کنیم.


// The Ticker: Before the main title

<h3 class="ticker">
  <?php
    $Ticker_value = get_post_meta( get_the_ID(), 'Ticker', true );
    if( ! empty( $Ticker_value ) )
      { echo $Ticker_value; }
  ?>

</h3>


// The Subtitle: After the main title

<h3 class="Subtitle">
  <?php
    Subtitle_value = get_post_meta( get_the_ID(), 'Subtitle', true );
    if( ! empty( $Subtitle_value ) )
      { echo $Subtitle_value; }
  ?>

</h3>

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

برای پر کردن یک فیلد از روی سازنده ی انجمن به یک اسکریپت در ناحیه ی Default Value نیاز دارید .

برای مثال :

//<code>

$my = & JFactory::getUser();

$db = JFactory::getDBO(); $myid = $my->id;

if ($myid > 0)

{$db->setQuery("SELECT `firstname` FROM `jos_comprofiler` WHERE `user_id`='".$myid."' LIMIT 1");

$result = $db->loadResult(); }

return $result;

//</code>

اسکریپت بالا first name را که در جدول _comprofiler ذخیره شده است را برمی گرداند .

توجه : به جای استفاده از پیشوند jos شما باید از پیشوند واقعی جدول خود که قبلا در Site > Global Configuration > Server. پیکربندی شده است ، استفاده کنید .


  • کربلایی مجید