الأربعاء، 10 أكتوبر 2012

صمم قالب مدونتك العربية بنفسك - مع ارتستير وبدون تعريب



كنت قد تعرفت على برنامج ارتستير المتخصص في انشاء قوالب المدونات والمواقع منذ سنتين حينما بدأت هذه المدونة وقد أعجبني جدا فهو يعمل بطريقة  You get what you see ( ما تراه هو ما تحصل عليه ) ولكني وقتها لم اكتشف الامكانيات الكبيرة التي يحتويها وربما كان السبب الرئيسي هو أنه ينتج قوالب انجليزية فقط، أي انك بحاجة لتعريب القالب ( وان كان تعريبه ليس صعبا فالكثير من الخيارات بالامكان عملها داخل البرنامج مثل اتجاه النص )

أما الجديد الآن والذي لا يعرفه الجميع هو أنه بامكانك صنع قالب عربي بالكامل داخل البرنامج وذلك بضبط الخيارات ( ساشرح الطريقة بعد قليل ) وهذا متوفر ابتداء من الاصدار 3.1



فيما يلي بعض المميزات لبرنامج ارتستير :

1 - يمتاز بواجهة سهلة بامكانك الاعتياد عليها خلال وقت قصير ( أفضل التعامل بالواجهة الانجليزية لان تعريب القوائم ليس جيدا )
2 - ليس عليك ان تلم بلغات البرمجة كل ما عليك هو اختيار الألوان وتنسيق العناصر والصور وهو سيقوم بالتكويد والعمل الصعب من أجلك ( ما تراه هو ما تحصل عليه ) أحب جدا هذه الميزة
3 - يزخر البرنامج بالعديد العديد من الخيارات والصور والخلفيات والمؤثرات مثل : التدرج اللوني - الشفافية - الجلير - الخامات - المؤثرات الفلاشية - الأنساق اللونية الجاهزة - الحواف المستديرة - اضف الى ذلك أن بامكان البرنامج اقتراح تصميم كامل لك او بصورة جزئية لكل قسم على حدة كالهيدر أو الفوتر مثلا وذلك بضغطة زر .
4 -  يدعم منصات التدوين الشهيرة : جوملا - وورد بريس - بلوجر - دروبال - نيوك بالاضافة لخيار عمل موقع عادي
5 - بامكانك في أي وقت خلال عملية التصميم التغيير والتنقل بين المنصات المختلفة ، يعني لنفترض أنك صممت قالبا لمدونة بلوجر وطلب منك شخص نفس التصميم للوورد بريس، لا مشكلة ،، فقط افتح التصميم و اذهب الى File ثم اضغط على Change template واختر المنصة المطلوبة ،، نعم بهذه البساطة.
6 -  قوالب البرنامج متوافقة مع المتصفحات : فاير فوكس - كروم - انترنت اكسبلورر كما بامكانك عمل مشاهدة مباشرة للقالب على المتصفح اثناء عملية التصميم عن طريق  File > preview in browser
7 - امكانية تصدير القالب الى المدونة مباشرة وتنصيبه وسيتولى البرنامج رفع الصور الي حسابك في بيكاسا مثلا للبلوجر وتجهيز ملف القالب المكود وكل ما عليك هو النسخ واللصق
8 - البرنامج له دعم فني ومنتدى لمناقشة وعرض المشاكل وحلولها

وهناك العديد من المزايا التي ستكتشفها بنفسك ولكني ذكرت الأشياء المهمة في نظري، وانا اعلم بان هناك من الاحانب من يستخدمه لتصميم القوالب وبيعها وتحقيق عائد مادي منها ، حيث بامكانك تصميم قالب خلال 10 دقائق .. فهو يعتبر بحق ثورة في تصميم المواقع بما يوفره من امكانات احترافية وسرعة الانجاز

طريقة تحويل القالب الي قالب عربي بضغطة زر :

الآن نأتي الى طريقة جعل القالب عربي .. وهي بسيطة جدا فقط اذهب الى File > export > export options
ثم ستفتح نافذة بها قائمة خيارات على اليسار ،، من الخيار general اختر text direction ( اتجاه النص ) طبعا ستختار right to left  .. انظر الصورة

تعريب ارتستير


تلاحظ أيضا خيارات أخرى على القائمة الجانبية ومن أهمها css option وهذه الخاصية تتيح لك اضافة استايل محدد على القالب  وتخصيص  انماظ معينة كجعل الفوتر ثلاث أعمدة أو اضافة عرض شرائح صور تحت الهيدر .. وباذن الله سأتناول ذلك في تدوينات قادمة


أما بالنسبة لجعل العمود الجانبي لجهة اليسار أو اختيار عمودين بجهة واحدة فهو كالتالي : من التبويب في الأعلى اختر layout ثم من الخيارات بالاسفل اختر columns ،، " وادلع زي ما انت عايز "


برنامج تصميم مواقع



انا لاحظت أن غالبية الناس تقوم بعمل العمود الجانبي جهة اليسار في القوالب المعربة ، هل لأن القوالب الانجليزية العمود فيها جهة اليمين فقط أم هناك سبب آخر؟ لا أدري لأني بصراحة أحب أن يكون العمود الجانبي جهة اليمين مثل قالب مدونتي هذا ( بالمناسبة ما رأيك في تصميم قالب مدونتي ؟ )

الآن أصبح بامكانك تغيير قالب مدونتك أو واجهة موقعك كلما أحببت .. أو ربما مع كل مناسبة بكل بساطة، دون الحاجة الى اللجوء لمبرمج أو مصمم مواقع متخصص، ماذا تنتظر

بامكانك تحميل النسخة التجريبية للبرنامج 

أو شراء النسخة المنزلية والأكاديمية بقيمة 49.9$ من رابط الصورة التالية

Artisteer - Web Design Generator



مع ملاحظة أنك بالنسخة التجريبية لا تستطيع حفظ ملف التصميم ولكن يظل بامكانك تصدير التصميم كقالب أو HTML

ارجو لكم المتعة والفائدة مع العلم بأنني أرحب باستفساراتكم حول اية تفاصيل أخرى

اذا اعجبتك هذه التدوينة ساهم في نشرها وشاركها مع اصدقائك .. باستخدام ازرار المشاركة في الأسفل

هناك 13 تعليقًا:

  1. ممتاز يا استاذ شكرا" جزيلا" بس يا ريت لو البرنامج مجاني عشان نتدرب عليه

    ردحذف
  2. بامكانك تحملي النسخة التجريبية مجانا زي ما ذكرت

    بس ما راح تقدري تحفظي العمل بالرغم من امكانية التصدير

    ردحذف
  3. شكراا لك اخي الكريم على الشرح المفصل

    http://4we-eb.blogspot.com

    ردحذف
  4. أشكرك شكراً جزيلاً علي تناولك لهذا البرنامج بشكل بسيط ومُفصّل.

    ردحذف
  5. مرحبا بكما الياس و محمد غراب
    يسعدني انكما استفدتما من الموضوع
    واشكركما على الاهتمام

    ردحذف
  6. شكراً القالب جميل ... رأيي لو نوع الخط tahoma كان أجمل بالنسبة للخط للعربي على مدونتك الجميلة ... و أريد الإستفسار ماذا لو اردنا إضافة facebook , tweet في رأس الصفحة أو ساعة أو شريط متحرك بدلاً من ال menu كما في الكثير من المواقع ,, فكيف ذللك في أرتيستر هل يستطيع ذلك ؟؟؟
    و في النهاية أشكرك و اتمنى الإجابة على إستفساري و اأعطيني رأيك بمدونتي التجريبية www.natalcoffee-sy.com/natal

    ردحذف
  7. اشكرك عزيزي على الافادة..
    بالنسبة للخط على مدونتي فانا استخدم فعلا Tahoma لكتابة المواضيع

    اما بخصوص استفسارك عن اضافة تويتر والفيس بوك فيمكن اضافتها بعد تركيب القالب على مدونتك عن طريق widgets أو عن طريق اصافة الكود الى HTML حسب تعليمات الجهة التي انشأت الاضافة( لانها غالبا تكون من طرف ثالث )

    هما اذا قصدت وضع الاضافة داخل الهيدر فهذا يتطلب تعدبلات واضافة أكواد CSS lowwm ، انا بصراحة ليت ضليعا فيها ولكن باذن الله ساحاول البحث عن دروس خاصة بالموضوع وأترجمها

    زرت مدونتك، اللون الاخضر جميل ومريح ولكن لاحظت أن مساحة المواضيع والاعمدة أعرض من الهيدر .. كما ان الهيدر ليس به عنوان او صورة أو ربما كان مخفبا خلف المساحة البيضاء

    ردحذف
  8. أشكرك جزيل الشكر

    ردحذف
  9. على الطلاق مافهمت شي

    ردحذف
  10. السلام عليكم ..لو سمحت انا بسال من الخيار include content عند التصدير .. فهذا الخيار لا يظهر معي الرجاء افادتي وجزاك الله خيرا ..

    ردحذف
  11. وعليكم السلام اخي ..

    لم افهم سؤالك .. اين يوجد هذا الخيار؟؟

    ردحذف
  12. بارك الله فيك

    ردحذف