تابع مواعيد برامج محطة نجوم اف ام 100.6 علي نمرة واحد

[vc_row][vc_column][mpc_connected_icons preset=”mpc_preset_13″ content_preset=”_mpc_preset_16″ layout=”vertical” gap=”15″ lines_number=”1″ lines_color=”#efefef” lines_weight=”2″][mpc_icon_column preset=”mpc_preset_44″ layout=”style_6″ alignment=”right” border_divider=”true” border_all=”10″ border_style=”solid” border_color=”#f7f7f7″ border_css=”border-color:#f7f7f7;border-style:solid;border-radius:0px;” border_radius=”0″ padding_divider=”true” padding_all=”25″ margin_divider=”true” title_font_color=”#555555″ title_font_size=”17″ title_font_line_height=”1.4″ title_font_transform=”uppercase” title_font_align=”right” title=”ابقى تعالى بالليل” title_margin_divider=”true” title_margin_bottom=”8″ title_margin_css=”margin-bottom:8px;” content_font_preset=”mpc_preset_1″ content_font_color=”#a5a5a5″ content_font_size=”14″ content_font_line_height=”1.5″ content_font_align=”right” content_margin_divider=”true” hover_border_divider=”true” hover_border_css=”border-radius:0px;” hover_border_radius=”0″ mpc_icon__preset=”mpc_preset_13″ mpc_icon__icon_type=”image” mpc_icon__icon_image=”80894″ mpc_icon__background_color=”#f29760″ mpc_icon__border_divider=”true” mpc_icon__padding_divider=”true” mpc_icon__padding_all=”15″ mpc_icon__margin_divider=”true” mpc_icon__margin_all=”10″ mpc_icon__hover_border_divider=”true” mpc_divider__disable=”false” mpc_divider__width=”10″ mpc_divider__align=”left” mpc_divider__content_border_divider=”true” mpc_divider__content_padding_divider=”true” […]

اسرع طريقة لأرشفة موقعك الووردبريس حصريا علي نمرة واحد

أرشفة المواقع الألكترونية التى تعمل بالووردبريس أمر ضرورى و لا يمكن التأخر به و هذا سواء كان موقعك كبير أو صغير. لماذا الأرشفة ضرورية ؟ على سبيل المثال قمت بفتح متجر (محل) جديد لك, بالتأكيد ستحتاج الى زوار جدد و العديد من العملاء المحتملين الذين يعرفون مكانك و ستسخدم عدة وسائل لتعرفهم بك ولكن بخصوص […]

ثمان خطوات لتتأكد من نشر قالب الووردبريس على سوق الثيم فورست ThemeForest : الجزء الثاني

في الجزء السابق من هذه السلسلة, كنا قد بدأنا مراجعة خطوات مرحلة قبول قالبك في سوق الثيم فورست
. و في هذا الجزء الثاني, سنكمل من خلال مجموعة أخرى من الخطوات.

لنبدأ !

5. قم بتحضير موقع رائع للتجربة

لا شك أن الموقع التجريبي لقالبك Demo Site هو أمر مهم جداً سواء للمشترين فيما بعد, أو لمراجعين الثيم فورست.
و لا شك أن المراجعين في الثيم فورست يطلعون على هذا الموقع التجريبي قبل المشترين. و لذلك, فإن الموقع التجريبي
الذي تختاره هو الدلالة على كل من "تميز" القالب, صلاحية الكود و جودة الكود العام و مخرجاته.

و بالتأكيد أيضاً فإن جودة الموقع التجريبي الذي تختاره يؤثر بشكل جيد على إنطباع المراجعين في الثيم فورست.
و إذا كانت إنطباعاتهم جيدة, و تصميم القالب مناسب للبيع, فإن المشترين هم أيضاً سيتأثرون بهذا.

6. راجع رخص الإستخدام لأدوات قالبك الخارجية

حسناً, هذه معضلة مهمة جداً و تؤدي غالباً الى "رفض بسيط Soft Rejection". و إذا لم تعر إنتباهك لهذا الأمر, فإن كلا من سوق الثيم الفورست
و أنت ستواجهون انتهاك حقوق الملكية.

لذا فالقاعدة الأساسية هنا: عليك أن تملك رخصة إستخدام تجاري Commercial لكل أداة مساعدة تستخدمها في قالبك.
و هذا يتضمن إضافات الجافا سكربت, إطارات العمل للـ CSS , إضافات الووردبريس, الصور المستخدمة, و كل جزئية كود أو
أي عنصر تصميم أخذته من طرف آخر لتساهم به في بناء قالبك. كل شئ.

و إذا كنت تنوي شراء شئ ما لتضمينه في قالبك, لنقل مثلاً أنت تود شراء "عرض متحرك Slider" للوورد بريس, فلا بد
عليك من التأكد من شراء رخصة الإستخدام التجاري "Commercial License".
و إذا كنت تنوي الشراء من أسواق Envato, فتأكد من كونك قد حصلت على رخصة Extended License للمنتج الذي تنتوي شراءه.
الأمر الواضح هنا أنك لا بد أن تمتلك التصريح لتضمين الأداة المساعدة في مشروعك الذي تنتوي الكسب من وراءه.

كما أنك لا بد أن تنتبه أن رخصة الإستخدام الحر "Free to use" لا تعني بالضرورة أنه "متاح للإستخدام التجاري".
و حيث أن أغلب الرخص تتيح لك الإستخدام التجاري, إلا أن بعض المالكين يطلبون منك أن تشير اليهم في قالبك, و أن تضمن
الكود الأصلي في حالة تعديلك إياه.

لذا يجب عليك أن تتأكد أنك التزمت برخصة الأدوات المساعدة التي إستخدمتها في قالبك.
و لحسن الحظ, فإن هنالك موقع رائع يسمح لك أن تكتشف و تتعلم عن الرخص : TLDRLegal.com
فالموقع يتضمن العديد من رخص إستخدام البرمجيات ( للأسف, لا يتضمن رخصة Envato) و يجب عليك أن تختار
ما تستطيع أو لا تستطيع أو يجب عليك مراعاته في ثلاث أعمدة بألوان مختلفة.
يمكنك الإطلاع على صفحة رخصة GPL-3 الشهيرة
للحصول على مثال. و أعتقد أنه مصدر رائع لا بد و أن يحتفظ به كل مصمم قوالب وورد بريس.

و على كل حال, فإن هذا الأمر ينطبق أيضا على الموقع التجريبي.

7. قم بتوثيق قالبك

أمر آخر يؤخذ بعين الإعتبار حين تتم مراجعة قالبك, و هو مدى جودة وثيقة إستخدام قالبك Documentation .
بصفة عامة, فإن أي عنصر مقدم لسوق الثيم فورست, و يتضمن وثيقة سيئة أو من دون وثيقة أصلاً, فأنه يتم رفضه تماماً.
و إذا كانت وثيقتك مجهزة بشكل عادي و ليست بالجيدة, فإنه يتم إدراج إشارة إلى نوع الوثيقة بـ"وثيقة رديئة"
في صفحة القالب. لذا فكن حريصاً على إعداد وثيقة إستخدام جيدة لتحصل على علامة "وثيقة ممتازة" في صفحة القالب.

و لحسن الحظ (مرة اخرى), فأنه هنالك مصدرين ممتازين لمساعدتك على إصدار وثيقة جيدة:

نموذج الوثيقة الخاص بالثيم فورست
Documenter, أداة توليد الوثائق المعدة من قبل Birsak Xaver

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

8. إستعد للرفض

بالتأكيد فإن هذا قد يدعو للإحباط, و لكنك يجب أن تكون مستعداً دائماً لأن يتم رفض قالبك.

ربما قد تظن بنفسك أنك أعددت قالب إحترافي بأدوات مساعدة رائعة (مع رخص إستخدام مناسبة),
و قمت بإعداد موقع تجريبي رائع, و وثيقة إستخدام جيدة … و لكن بما أن المراجعين في الثيم فورست يراجعون
القوالب كل يوم, فالحقيقة إنهم على دراية خير منك إن كان قالبك يستحق النشر.

و الرفض نوعان, فهناك "رفض قاطع Hard Rejection " و "رفض بسيط Soft Rejection".
و "الرفض القاطع" يعني أن قالبك لا سبيل لنشره, و هو النوع المحبط من الرفض.
و لكن رغم أن "الرفض البسيط" ليس بحسن السمعة هوالآخر, و لكنه يعتبر سبيل المراجعين لجعل المطورين يحسنون
من جودة قوالبهم. إنها الطريقة المثلى لإخبار المصمم عن أخطاء قالبه, و إعطائه الفرصة لإصلاح المشاكل و إعادة تقديمه مرة أخرى.

و يمكنك مراجعة عملية قبول القوالب بالأسفل (إضغط للحصول على صورة أكبر), لتساعدك على فهم أفضل لهذه العملية:

عملية قبول القالب في الثيم فورست

كلمة أخيرة

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

و كذلك, للتنبيه, فإني أود تذكيرك أن هذا المقال لا يمت بصلة رسمية لمنظمة Envato حول نشر القوالب على الثيم فورست.
إنها فقط مجموعة أفكار جيدة و التي ستقودك في الآخير لإنجاز قوالب جيدة لسوق الثيم فورست.

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

مقدمة بسيطة حول استخدام Quicktags API في الووردبريس

مقدمة بسيطة حول استخدام Quicktags API في
الوردبرس
منذ الإصدار 4.0 للوردبرس تم إضافة 18 واجهة برمجية (API) هذه الواجهات البرمجية (API) أضافة مميزات مهمة جداً، لتخدم جوانب متعددة في نظام الوردبرس وتساعد نظام الوردبرس على أن يكون نظام إدارة المحتوى الأكثر مرونة في العالم. واحدة من هذه الواجهات البرمجية (API) هي Quicktags، هذه الواجهة البرمجية تسمح لمطوري القوالب والإضافات على حد سواء من إضافة أزرار جديدة الى محرر النصوص في وضع التحرير النصي ( أو كما يسميه البعض وضع HTML ). في هذا المقالة سوف نتعرف على ماهي Quicktags وكيفية استخدامها لإنشاء أزرار جديدة لمحرر النصوص في وضع التحرير النصي. ماهي Quicktags ؟ نظام الوردبرس تطور بشكل كبير ولم يعد نظام تدوين عادي، واصبح في معظم الاحيان يستخدم كنظام إدارة محتوى CMS، وبالتالي فإن نظام الوردبرس وفر أدوات تسمح للمستخدمين من تحرير المحتوى بسهولة وكفاءة. لهذا السبب يأتي نظام الوردبرس مع محرر النصوص TinyMCE، واحد من أفضل محررات النصوص (WYSIWYG ) على الإطلاق، ويمكن القول انه محرر النصوص الانسب لنظام الوردبرس. يجعل محرر النصوص TinyMCE تجربة تحرير النص سهلة وغير معقدة، ويمكن المستخدم من معاينة شكل النص قبل نشره. لكن بعض المستخدمين لا يفضلون معاينة شكل النص اثناء التحرير. ويفضلون على ذلك تحرير الشفرة المصدرية للمقالة الذي يمكنهم من السيطرة الكاملة على محتوى المقالة. او ربما يقوم المستخدم بتحرير النص ومعاينة شكل النص أي في وضع التحرير "مرئي" ومن ثم يقوم بالتعديل على الشفرة المصدرية للمقالة في وضع التحرير "نص" وهنا يأتي دور وضع التحرير النصي او تحرير وسوم HTML عند تفعيل وضع التحرير "نص" يتم عرض شفرة HTML للمقالة فقط، بدون اي ادوات تحرير اضافية. في وضع HTML، توجد هناك أزرار في اعلى المحرر هذه الأزرار تدعى أزرار Quicktag، والتي تسمح للمستخدم من إضافة وسوم HTML دون الحاجة الى الرجوع للوضع المرئي. وحتى يتمكن المطورين من التحكم بهذه الازار وإنشاء ازرار خاصة بهم تم إضافة الواجهة البرمجية Quicktags API التي تتيح للمطورين التحكم بهذه الأزرار بكل سهولة. كيفية استخدام
Quicktags API إن استخدام
Quicktags API سهل للغاية ويعود الفضل الى ملف quicktags.js فهو يختزل الكثير من الأسطر البرمجية في دالة واحدة فقط، كل ما عليك هو استخدام دالة ()QTags.addButton اذا كنت تفضل كتابة أكواد Javascript في ملف منفصل ( وهو الاستخدام الموصي به ) استخدم الكود التالي : <?php

function load_my_quicktags() {

// Load the `my-quicktags.js` file with the `QTags.addButton()` functions.
wp_enqueue_script( 'my-quicktags', 'http://the.url/to/my-quicktags.js', array( 'quicktags' ) );

}

add_action( 'admin_enqueue_scripts', 'load_my_quicktags' );

?> لكن اذا كنت تفضل كتابة اكواد الجافاسكربت ضمن ملف php فقم باستخدام الكود التالي : <?php

function load_my_quicktags_inline() {

if ( wp_script_is( 'quicktags' ) ) { ?>

<script>

// The `QTags.addButton()` functions go here.

</script>

<?php }

}

add_action( 'admin_print_footer_scripts', 'load_my_quicktags_inline' );

?> الأمر سهل للغاية، أليس كذلك ؟ و لاحظ اننا قمنا باستخدام الاكشن admin_print_footer_scripts هذه المرة. التعامل مع دالة ()QTags.addButton هناك ثمانية معاملات (Parameters) يمكن التحكم فيها مع دالة ()QTags.addButton وهي كالتالي : QTags.addButton(
id,
display,
arg1,
arg2,
access_key,
title,
priority,
instance
);
ID ( نصي، مطلوب ): الاسم الفريد للزر، والذي يتم إسناده الى خاصية id في وسم HTML لأزرار Quicktag. ( ملاحظة : يقوم نظام الوردبرس بإضافة '_qt_content' قبل أسم الـ ID لكل الأزرار بشكل تلقائي ) display ( نصي، مطلوب ): الاسم الذي سيظهر على الزر. arg1 ( نص او دالة، مطلوب ): وسم البداية الذي سيتم إضافته عند النقر على الزر، او بإمكانك إضافة دالة يتم استدعاؤها عند النقر على الزر. arg2 (نصي، اختياري): وسم الإغلاق الذي سيتم اضافته بعد وسم arg1. access_key ( نصي، اختياري ): مفتاح الوصول للزر الذي يمكنك من الوصول الى ازرار اخرى من أزرار Quicktag. title ( نصي، أختياري): العنوان التوضيحي الذي سيظهر عند تمرير مؤشر الماوس على الزر والذي سيكون على خاصية title للزر بالنسبة لكود HTML. priority ( رقمي، اختياري ): من هذا المعامل يمكنك ترتيب عرض الازرار، من 1 الى 9 للمكان الأول، من 11 الى 19 للمكان الثاني، من 21 الى 29 للمكان الثالث، وهكذا. instance (نصي، اختياري): لإظهار زر واحد فقط في حالة كان هناك أكثر من زر متشابه. (إذا لم تعيين قيمة، سيتم إضافة الزر الى كافة الحالات )
مثال بسيط : إنشاء أزرار بشكل مبسط اذا لم تكن لديك خلفية مسبقة عن لغة Javascript قد تبدو لك إنشاء زر Quicktags معقد نوعا ما، لكن لا تقلق من المثال التالي ستعرف ان الامر سهل للغاية ولن تحتاج لكتابة أسطر برمجية كثيرة لإنشاء زر Quicktag. في هذا المثال سنقوم بشرح كيفية إضافة زرين، الاول لفتح وسم shortcode والثاني لإغلاق الوسم. وسنقوم باستخدام الكود التالي : QTags.addButton(
'info-box',
'info box',
'[infobox]',
'[/infobox]'
); لاحظ الامر سهل للغاية ؟ في البداية عرفنا الـ ID للزر وهو info-box ثم قمنا بإضافة أسم للزر info box ثم عند النقر على الزر يقوم بطباعة [infobox]. لاحظ انك لست بحاجة الى اضافة قيمة الى المعامل arg2 اذا لم تكن بحاجة الى استخدام وسم إغلاق، مثل المثال التالي : QTags.addButton(
'signature',
'signature',
'[signature]'
); لقد قمنا بإنشاء زر بشكل مبسط وهذا ادنى ما يمكنك معرفته لإنشاء زر Quicktag. مثال متقدم : استدعاء دالة عند النقر على الزر. في المثال السابق قمنا بإنشاء زر quicktag بسيط، فقط يقوم بإدراج وسم shortcode مع وسم إغلاقه، وبالتأكيد لا يتم أنشاء جميع الأزرار بهذه الطريقة البسيطة. قد تحتاج الى انشاء ازرار أكثر تعقيداً وبعمليات أكثر. ولتنفيذ عمليات اكثر عند النقر على الزر يتم الأمر عبر استدعاء دالة Javascript تنفذ عند حدث النقر على الزر. سوف نقوم باستعراض مثال بسيط لهذا، لكن الخيار مفتوح لخيالك لأنشاء ازرار Quicktag اكثر تعقيداً باستخدام دوال الـ JavaScript. حسناً، سوف نقوم بعمل مثالين. الأول عبارة عن زر يقوم بإظهار نافذة منبثقة alert: QTags.addButton(
'alert',
'alert',
my_alert
);

function my_alert() {
alert( 'Hello Quicktag!' );
} وكما تلاحظ، النافذة المنبثقة تقوم بإظهار رسالة مكتوب عليها Hello Quicktag! حسناً، في المثال التالي سوف نتعامل مع الموجه prompt QTags.addButton(
'my_prompt',
'alert',
my_prompt
);

function my_prompt() {
var my_class = prompt( 'Enter a class name:', '' );

if ( my_class ) {
QTags.insertContent('<div class="' + my_class +'"></div>');
}
} قد يبدو المثال السابق معقد نوع ما: فهو يطلب منك كتابة اسم الفئة class، ومن ثم طباعة div مع الفئة class التي حددتها. الخاتمة مثلما ذكرت سابقاً، من الوهلة الأولى قد تبدو هذه الواجهة البرمجية API معقدة نوعا ما. لكن كما رئيت، استخدامها سهل للغاية وغير معقد حتى مع استدعاء دالة عند النقر على الزر. هناك بعض المستخدمين الذين يفضلون استخدام وضع التحرير النصي او كما يمكن تسميته وضع HTML، وإذا قمت بتطوير زرquicktag او اكثر في قالب او اضافة بالتأكيد سيقدرون لك هذا الشيء كثيراً. ما هو رأيك حول API Quicktags ؟ هل تفكر في استخدامها، أو هل لديك أي شيء اخر تود اضافته لأثراء هذه المقالة ؟ أخبرنا برأيك من خلال التعليق أدناه. وإذا أعجبتك هذه المقالة، لا تنسى مشاركتها مع أصدقائك !

نقل موقع ووردبريس: مقدمه

حينما أنضم الى مقابلات عن الووردبريس, مثل WordCamp او اى حدث يضم مستخدمين للووردبريس, هناك سؤال واحد دائماً يتم طرحه أكثر من أى سؤال أخر. كيف انقل موقع الووردبريس الخاص بى ؟
للمستخدمين الجدد, فكرة نقل موقع ووردبريس من مكان إلى اخر , هى فكره مخيفه. فهناك كثير من الاشياء لتفكر بها مثل قواعد البيانات الخاصه بالعمل و القوالب والإضافات والملفات التى تم رفعها , بغض النظر عن نسخة الووردبريس نفسها. إذا كنت معتاد على العمل مع المواقع الثابته وتعتمد فقط على نقل ملفات HTML والملفات المساعده الاخرى, فنقل الووردبريس يعتبر شيئاً جديدا كلياً
ولكن الأخبار الجيده أن نقل نسخة الووردبريس ممكن ان تكون أبسط مما تعتقد. نقل موقع ووردبريس واحد ممكن عن طريق مساعدة إضافه من الأضافات الكثيره إذا كنت تريد عمل شىء أكثر تعقيداً كنقل الموقع بطريقه يدويه , او نقلهم داخل أو خارج شبكة مواقع, سوف تزيد العمليه تعقيداً, ولكن سوف أعطى لك خطوه بخطوه الارشادات اللازمه لمساعدتك على القيام بهذا العمل.
فى هذه السلسله سوف أعرض لك كيفية نقل موقع ووردبريس, مع التركيز على ستة سيناريوهات مختلفه.

إستخدام الإضافات لنقل موقع ووردبريس وحيد.
نقل موقعك من مجلد فرعى الى المجلد الرئيسى.
نقل موقع ووردبريس وحيد بطريقه يدويه.
نقل شبكة ووربريس متعددة المواقع.
نقل مدونه خارج شبكة ووردبريس متعددة المواقع.
نقل موقع إلى شبكة ووردبريس متعددة المواقع.

ما الذى تحتاجه
لمتابعة هذه السلسه سوف تحتاج الى:

نسخة ووردبريس مثبته مع القوالب والإضافات التى تعمل بجانب بعض المحتوى والمقالات والصفحات وملفات الوسائط المتعدده, او اى شىء يعمل على موقعك. نسختك ممكن ان تكون لموقع وحيد او لشبكة متعددة المواقع.
مكان اخر لنقل موقعك إليه. مرة أخرى هذا قد يكون موقع واحد أو مواقع ووردبريس متعدده – وليس من الضرورى ان يكون نفس نوع الموقع الذى تريد النقل منه.
للنقل اليدوى , سوف تحتاج الى حساب FTP, برنامج لكتابة الأكواد و / او حساب دخول ل phpMyAdmin

لماذا تنقل ووردبريس ؟
هناك بعض المناسبات التى من الممكن ان تدفعم الى نقل او نسخ موقع ووردبريس:

إذا كنت تعمل على تطوير موقع جديد على خادم محلى (local server) وتريد رفعه الى الخادم الحى (live server).
إذا كان هناك تغيير لمقدمى خدمة الإستضافه.
إذا كنت تمتلك موقع حى وتريد عمل نسخه محليه منه حتى تستطيع العمل على تطويره.

كثير من مقدمى خدمات الإستضافه سوف ينقلون لك موقعك القديم لخوادمهم (servers). الخطوات الى تحتاجها لإتمام العمليه سوف تكون متشابهه فى كل هذه السيناريوهات.
نقل الووردبريس: ماالذى يحتاج للنقل ؟
إذا كنت نقلت موقع ثابت من قبل , سوف تعرف ان العمليه بسيطه نسبياً بشكل عام—-انت فقط تحتاج الى نقل الملفات التى يعتمد عليها الموقع. إذا كنت تغير اسم الدومين وعندك روابط مطلقه فى اكوادك , إذن انت تحتاج الى تغيير هذه الروابط فى موقعك..ولكن ماعدا هذا , انت لاتحتاج الى عمل الكثير.
نقل ووردبريس مختلف قليلاً. لنقل موقع ووردبريس , انت تحتاج الى نقل ثلاثة اشياء:

نسخة الووردبريس نفسها.
قاعدة البيانات.
محتويات مجلد wp-content.

لنأخذ نظره سريعه على كلٍ منهم.
نسخة الووردبريس نفسها
إعتماداً على الطريقه التى تتبعها لنقل الموقع , فأنت إما تحتاج الى نقل الموقع أو نسخه, أو ستخلق نسخة ووردبريس جديده فى المكان الجديد. أنا سوف أشرح هذا بتفصيل أكثر عندما نبدأ بالنظر الى نقل موقعك بطريقه يدويه.
قاعدة البيانات
نقل قاعدة البيانات لا يتعلق فقط بنسخ ملف أو رفعه الى موقع جديد. إذا كنت تنقل موقعك بطريقه يدويه, سوف تحتاج الى تحميل قاعدة البيانات كملف xml أو sql ثم رفعه الى موقعك الجديد.
إذا كنت تنقل موقع وحيد إلى أو من شبكه متعددة المواقع, هذا سيصبح أكثر تعقيدا , حيث أنك لا تحتاج لنقل كل جداول قاعدة البيانات. مع ذلك هناك أضافات تستطيع ان تسهل العمليه لك كثيراً.
مجلد ال wp-content
هذا المجلد خاص وفريد لنسخة الووردبريس الخاصه بك ويحتوى على مجلدات قليله:

القالب الذى تستخدمه, بداخل مجلد القوالب themes .
الإضافات المثبته, فى مجلد الإضافات plugins .
كل ملفات الوسائط المتعدده التى رفعتها. هذه الملفات سوف تكون فى مجلد المرفوعات uploads لنسخة موقع واحد أو فى مجلد لمواقع نسخه متعددة المواقع (أو مجلد blogs.dir إذا كانت الشبكه تم إنشائها تبعا لنسخة الووردبريس رقم 3.5)
أى مجلد تم إنشاءه عن طريق الإضافات او عن طريق ووردبريس , مثل مجلد upgrade .

إذا كنت تستخدم إضافات أو قوالب تم تحميلها من موردين إضافات وقوالب , فمن الممكن أن يكون أكثر بساطه ان تلغى تثبيتهم. مع ذلك , سوف تحتاج الى التأكد من نقل كل الملفات الى تم تحميلها إلى مجلد uploads , لأنهم فى غاية الخصوصيه والأهميه لموقعك.
فى الاسفل صوره تظهر مجلد wp-content فى موقعى , والذى يتكون من 5 مجلدات وملف Index.php . ملف Index.php سوف يتم إعادة إنشائه , إذا أعدت تثبيت ووردبريس فى المكان الجديد.
إذا كان كل هذا يعنى لك كثيراً من العمل , لا تكتئب. إذا كان موقعك موقع مباشر واحد مثبت, يجب ان تستخدم إضافه لكى تتجاوز العمل الصعب. حتى لو كان موقعك يعمل مع شبكه متعددة المواقع, هناك بعض الإضافات التى من الممكن أن تساعدك.
مع ذلك هناك بعض الحالات التى من الممكن أن تحتاج الى نقل الموقع بطريقه يدويه, وفى هذه السلسله سوف أعرض لك كيفية فعل ذلك ايضاً.
إعتبارات أخرى
هناك بعض الأشياء التى ممكن أن تحتاج إلى وضعها فى الإعتبار عندما تنقل موقع ووردبريس:
أسامى الدومين.
إضا كنت تغير اسم الدومين و تعمل على النقل اليدوى , فأنت تحتاج الى تحرير اى مرجع لأسم الدومين فى قاعدة البيانات. أنا سوف أوضح كيفية القيام بهذا فى مقالات ذات صله فى هذه السلسله. قالب الووردبريس لايجب ان يحتوى على أى مرجع لأسم الدومين—-من المفروض أن يستخدم دلاله (Function) مثل get_bloginfo('url') بدلاُ من اسم الدومين—-ولكن إذا كان هناك بعض الروابط فى ملفات القالب, فيجب تغييرهم أيضاً. سوف أعرض لك كيفية تغييرهم بطريقه صحيحه, حتى يكون الرابط مُنشأ عن طريق ووردبريس وليس مكتوب على هيئة كود ثابت.
نسخة الووردبريس
إذا كنت تنتقل داخل أو خارج نسخ ووردبريس مثبته, يجب أن تتأكد ان كلا النسختين من نفس الإصدار. وهذا له أهميه خاصه إذا كنت تنقل موقع ووردبريس وحيد داخل أو خارج شبكه متعددة المواقع. إلى حد كبير أفضل الاشياء التى ممكن أن تفعلها هى التأكد من أن كلا الموقعين يستخدمون أخر إصدار من ووردبريس, ولكن إذا كان الموقع القديم لايستطيع لسببٍ ما, والموقع الجديد يستخدم أخر اصدار (بجديه يجب ان يكون), فأنت يجب ان تصلح أى مشاكل تنتج بعد عملية النقل.
الإستضافه
إذا كنت تنتقل بين مقدمين خدمة الإستضافه, تأكد من أن البيئه التى سوف يعمل عليها موقعك تشبه بقدر الإمكان البيئه القديمه (أو أفضل , إذا كان هذا سبب انتقالك). الخادم (server) يجب أن يعمل على مثل أو أخر إصدار من PHP , وإذا كنت تعمل مع شبكه متعددة المواقع وتستخدم اسامى دومين فرعيه, تأكد من انهم يعملوا بنفس الطريقه على الخادم (server) الجديد. مرةً أخرى سوف أغطى هذا بتفصيل أكثر فى الاجزاء الأخرى ذات الصله بهذه السلسله.
بينما نحن نعمل خلال أجزاء هذه السلسله, سوف أعمل على الإعتبارات ذات الصله لكل جزء على حده حتى تعرف ما تحتاج بالضبط إلى عمله.
الخلاصه
نقل ووردبريس بالتأكيد ليس بسهولة نقل موقع ثابت , وماتحتاج إلى عمله يعتمد على نوع موقع الووردبريس المراد نقله. ولكن هناك إضافات من الممكن أن تجعل الاشياء أسهل بالنسبة لك, و بالنسبه للنقل اليدوى هناك عمليه من الممكن اتباعها لتنقل كل ماتحتاجه. فى هذه السلسله سوف أعرض لك كيفية فعل هذا.

كيف تسرع من الووردبريس : تحسين الصور

في الجزئين السابقين من هذه السلسلة. إستعرضنا التخزين المؤقت و تحسين قاعدة البيانات و أستخدام CDNSs , ضغط البيانات و التصغير في هذا الجزء الأخير, نتحدث عن تحسين الصور و كيفية إستخدام الووردبريس بشكل سليم. لنبــدأ تحسين الصور في الووردبريس على الأرجح, فإن الصور هي أكثر المصادر حجماً في موقعك التي يتم تحميلها من قبل الزوار. و بالنظر إلى ذلك, فإنه من الواضح أننا يجب أن نكون أكثر ذكاء في رفع و إستخدام الصور في صفحات الموقع. و هذا يعني أمرين :

أننا نريد أن نستخدم الصور بحرص في الصفحات
و نحافظ على حجم الصور صغير قدر المستطاع.

و هنا حيث يأتي الحديث عن تقنيات تحسين الصور في هذا الفصل, سنستعرض عدداً من التقنيات اليدوية و الأوتوماتيكية لتحسين الصور تحسين الصور بشكل يدوي إذا كنت تريد أن تكون مثلي و تحرص على أن يكون لديك تحكم كبير على صورك, فلا بد لك أن تحسن الصور بالطريقة اليدوية. هنالك حرفياً المئات من التقنيات و التطبيقات لتحسين الصور من مختلف الصيغ المختلفة (و غالباً ما تكون JPEG و PNG) و بالنسبة إلي, فأنا أرشح اثنين :

JPEGmini و هو تطبيق مثالي لتحسين صورك من الصيغة JPEG بطريقة ذكية و "تؤثر على جودة البيانات" لا تحتاج لأي اعدادات (و هذه هي المشكلة), و لكنها تتمكن من تقليل حجم الصور (على الأقل بنسبة 30%) يمكنك أن تحصل عليها لنظامي التشغيل ويندوز و مـاك, مع خدمة ويب web service.
RIOT (Radical Image Optimization Tool) أداة قديمة, و لكنها فعالة جداً للتحسين على نظام التشغيل ويندوز. يمكنها من معالجة الصور من صيغ JPEGs, PNGs و GIFs بالعديد من الخوارزميات. أنا أستخدمها عادة لتحسين صوري من الصيغ PNG. و رغم أن تحسين الصور من الصيغة PNG بطئ إلى حد ما ( و خاصة على الصور الكبيرة الحجم), و لكنها تبقى في الأخير, أداة رائعة.
و شخصياً, فأنا أفضل العمل بالطرق اليدوية عن العمل بالطرق الأوتوماتيكية. فأنا أعد و أجهز صوري على برنامج Adobe Photoshop, و من ثم أحفظ عملي و أختار إعداد "for the web" على الجودة 100%. و بعد ذلك أقوم بإستخدام الأداة JPEGmini لتحسين الصور JPEG , و الأداة RIOT لتحسين الصور PNG. تحسين الصور تلقائياً بإستخدام إضافات ووردبريس WordPress Plugins إن كنت لا تريد أن تنجز الأمر يدوياً, فهنالك العديد من الحلول الأوتوماتيكية التي قد تساعدك. فهنالك حلول تعمل على السيرفر نفسه مثل Kraken PRO و JPEGmini Server , و لكننا سنركز على إثنين من أفضل الإضافات للوردبريس صالحة للإستخدام اليومي (أو حتى للإستخدام العالى)

WP Smush.it: تعتـبر أشهر إضـافة لتحسين الصور للوردبريس. حيث تقوم WP Smush.it بالعمل على كل صور تقوم برفعها بإستخدام الإضافة. و من ثم عن طريق الـ API تقوم بضغط صورك بإستخدام خوارزميات ربما تسبب فقداً لجودة الصور. و يمكنك أيضاً أن تحسن عدد كبير من الصور مرة واحدة.

EWWW Image Optimizer: رغم أن إختيار اسم الإضافة قد يكون غريب, و لكن هذه الإضافة قد إعتبرها واحدة من أفضل الإضافات لتحسين الصور. الإضافة تعمل جيداً على كل حال, و لكنك يمكنك أن تحسن أكثر من عملها بالتحكم في الإعدادات المتقدمة. كل الخوارزميات التي تستخدمها هذه الإضافة (jpegtran, optipng, pngout و gifsicle) هي من الخوازرميات التي لا تؤثر على جودة الصور. أي أنها لن تؤثر على أي بيكسل في الصورة, و لكنها ستقوم بتنظيف الملفات. ربما لا تقوم بتصغير الصور بالشكل الذي تقوم به WP Smush.it. و لكن أن كنت لا تريد لجودة الصور أن تتأثر بأي شكل, فإضافة EWWW هي خيارك.

إستخدام الووردبريس بشكل سليم
تحديث: يبدو أن شركة يــاهو قد توقفت عن دعم إضافة Smush.it, لذا فإن الإضافة لن تعد تضغط صورك بدءاً من الإصدار 1.7.1.1. الإضافة لم يتم الإستغناء عنها, و لذا فقد أعلن المطورون أنهم بصدد إصلاح المشكلة:
حسب مصدر غير رسمي و لكن موثوق, فإن يــاهو قد توقفت عن دعم الإضافة 🙁 و لكن على الأقل, لا زلنا لم نفقد الإضافة بالكامل ! نحن نعمل هنا على وتيرة سريعة في WPMU DEV لنجهز لك إصدار أفضل و مجاني و موثوق من إضافة Smush.it تم بناؤه على نسخة إحترافية سابقة و سنقوم بتقديمها في التحديث القادم. و نأمل أن نقدمها لك في أقرب وقت. و حتى هذا الوقت, برجاء تابعونا, فالأمر يستحق و نعدكم بذلك. حتى و لو أخذت بكل النصائح في هذه السلسلة, و طبقت كل الأكواد و إستخدمت كل الإضافات. ربما لا تستطيع في النهاية أن تسرع من الموقع الخاص بك. و لذا فأن هذا الجزء ربما يعتبر أفضل الأجزاء على الإطلاق: الإستخدام السليم. و لكن ماذا أعني بقولي "إستخدام سليـم" ؟ غالباً فهي تعني "أن تكون حريصاً و حكيماً", و لكن دعوني أوضح. إختيار مزود إستضافة لائق . ربما تحسن من موقعك بشكل كبير, و لكن إن كان السيرفر ذو أداء منخفض, فبالتأكيد موقعك أيضاً سينخفض أداؤه. و لذا, فنحن نريد أن نختار إستضافة بشكل حكيم.
لا تغتر بعدد الجيجابابت أو بحجم نقل البيانات bandwidth الذي سيقدمه لك السيرفر, و لكن افحص إمكانيات الخادم Hardware أيضاً. أختر خطة إستضافة تناسب حجم موقعك. إذا كنت صاحب موقع تجاري شهير, لا تحجز خطة إستضافة مشتركة shared hosting. و كذلك, لا تنسى أن تبحث في الويب و تقرأ العديد من الآراء و المراجعات عن الشركة : كيف هي درجة استعدادهم ؟ كيف هو مستوى الدعم الفني للشركة ؟
أختر (أو أصنع) قالب ووردبريس ذو مقاييس جودة عالية لقد رأيت العديد من قوالب الووردبريس – المدفوعة و المجانية – و التي لربما ظهرت بشكل جميل, و لكن تم كتابة الأكواد بها بشكل سئ. حيث أن القوالب حسنة الشكل, سيئة الكتابة, ربما تعد واحدة من الجناة الرئيسيين في بطء مواقع الووردبريس. ربما عليك أن تختار من بين القوالب صاحبة الأداء الجيد أو تصنع واحداً خاص بك. و ربما تسأل " و كيف أعرف ما هي درجة أداء قالب ما ؟" و هو ليس بالأمر الصعب في الحقيقة. أختر القالب المراد اختباره, و ابحث عن الصفحات التجريبية له Demos (ليس فقط الصفحة الرئيسية, بل كل الصفحات المتاحة) و استخدم أداة GTmetrix لتفحص تقييم سرعة الصفحات في جوجـل و يـاهو. و كيف تقوم الصفحات و العناصر المساعدة بالتحميل. و لفحص تحمل السيرفر, لا يمكنك استنباط ذلك عبر فحص الصفحات التجريبية. و لكن يمكنك فحصها بنفسك و بالإعتماد على إضافات التخزين المؤقت. تقليص الإعتماد على الإضافات هذا الأمر لا يحتاج للتفكير: فلو أن إضافة تقوم بتحميل العديد من المواد المساعدة أو تنفذ عمليات على قاعدة البيانات في الواجهة, فلا بد أن نراعي من استخدامها. و إن كنت بالفعل لا تحتاج هذه الإضافة بشكل حقيقي, فعليك بالتخلص منها فوراً.
و يمكنك أن تفحص أداء إضافاتك عن طريق إضافة P3 (Plugin Performance Profiler) و التي تفحص إي من إضافاتك تستهلك أكثر. حافظ على أن يكون الووردبريس, و الإضافات, و القوالب محدثين دائماً و آمنين. و هذه الملحوظة المكررة, ربما أجلناها لتكون آخر معلومة في هذه السلسلة, ليس لأنها مهملة, و لكن لأنك بالفعل تحتاج أن تتأكد دائماً أن كل شئ محدث و آمن تماماً.
و لا يوجد ما نقوله بشأن متابعة التحديثات, فقط تأكد من التحديث دوماً. فالبقاء على آخر التحديثات, من شأنه أن يسرع من موقعك, لأن مطوري الإضافات و القوالب و الووردبريس يعملون دائماً لتحسين الأكواد. و عن التآمين, يمكنك مطالعة هذه الإضافات لحماية موقعك. إحرص على فحص هذه الإضافات, و قارن بين تقييماتهم المختلفة, و أختر الذي يناسبك أكثر. الحفاظ على موقعك آمن ربما لا يكون من شأنه التسريع من موقعك, و لكنه يحفظ سرعة موقعك التي ستتأثر حتماً عندما يكون موقعك تحت هجوم الإختراقات.
كلمة أخيرة في عصر المعلومات, فإن تقديم المعلومات بشكل سريع يعتبر أمر أساسي. فلا يمكننا أن ننتظر الأمور التي لا تستجيب سريعاً— و كأننا نشعر حينها أن وقتنا يضيع سدى. و نحن نتكلم هنا عن تأخير في الثواني و الأجزاء من الثانية أيضاً. و ربما لا يعتبر بالأمر الجيد, و لكن في عالم مثل هذا, علينا أن نتبع القواعد دائماً. ربما هنالك العديد من المقالات حول تسريع مواقع الووردبريس, و لكني أردت أن اصنع شئ مختلف هذه المرة. و حين كنت بصدد إعداد هذه السلسة من الثلاث مقالات, كنت دائم أفكر حول أن أكتب محتوى جديد و مفيد عن تسريع الووردبريس. و بالتأكيد, سيكون هناك إضافات أكثر ذكاء و تقنيات أفضل, و لكن المفهوم حول تسريع الووردبريس سيكون هو نفسه — أو على الأقل حتى نصل إلى عصر إستخدام الكم quantum age. و أتمنى أن تكون قد استمتعت بقراءة السلسلة, كما أستمتعت أنا بكتابتها. هل لديك شئ لتضيفه ؟. شــارك أفكارك بالتعليق بالأسفل. و إذا أحببت هذه السلسلة, لا تنسى أن تشاركها مع أصدقائك.

إستخدام قوالب الصفحات في قالب الووردبريس الخاص بك

كم عدد الصفحات التي أنشأتها في آخر مشروع إستخدمت فيه الووردبريس؟ إذا ما كنت تستخدم الووردبريس كنظام لإدارة المحتوى و ليس للتدوين أو أي شيء آخر فإنه لمن المرجح أن الصفحات هي أكثر نوع من المواد قمت بإنشائه في هذا المشروع. هل تعرف السبب ؟ لأن الصفحات هي أكثر أنواع المواد أو التدوينات فائدة و هي أساسية في الووردبريس. هنالك خمسة أنواع من المواد أو التدوينات تجدها بشكل إفتراضي في الووردبريس و هي : المواضيع، الصفحات، المرفقات، المراجعاتو قوائم الملاحة. يمكننا القول أن الصفحات هي أكثر الأنواع أهمية فيما بين أنواع المواد أو التدوينات السابق ذكرها. لقد أصبح من الشائع بالنسبة لمواقع الشركات أن تتكون من العديد من الصفحات، ويمكنك ان ترى عشرات، وربما المئات من الصفحات المختلفة في المواقع المماثلة لهذا النوع. و بالرغم من أن الصفحات مهمة للغاية للوردبريس التي يتم إستخدامها كنظام لإدارة المحتوى و لكن هذا الموقع قد يكون مملا ً للغاية إذا كانت كافة الصفحات متشابهه. و هنا يأتي دور " قوالب الصفحات " فإن قوالب الصفحات على الأرجح هي أفضل طريقة فعالة لإضافة نكهه مختلفة و مميزة لكل تصميم من تصاميم صفحات موقعك. ما هي قوالب الصفحات ؟ قوالب الصفحات تعتمد على شيء مهم في جوهرها و هو أن تتيح لك أن تقوم بتخصيص و تعديل طريقة عرض صفحاتك. بالطبع لا يمكنك تصديرهم على هيئة إضافات و لكن يمكنك تضمينهم في قالبك أو القالب الفرعي لقالبك الأصلي و هو ما يُعرف بإسم الـ Child Theme. عن طريق إنشاء قوالب الصفحات و تضمينهم في مجلد قالبك ستتمكن من إستخدام واجهات مختلفة لصفحاتك أوتوماتيكيا ً أو إختياريا ً على حسب نوع قالب الصفحة التي أنشأته. هذا صحيح ، فهنالك أنواع مختلفة من قوالب الصفحات. في الواقع هنالك ثلاثة أنواع :
قالب الصفحات الإفتراضي و الذي يعتمد على ملف page.php في قالبك. قوالب الصفحات المتخصصة ، و هي حرفيا ً متخصصة لنوع معين من أنواع الصفحات. قوالب الصفحات المخصصة ، و التي تتبادر إلى أذهاننا جميعا ً عندما نرى جملة " قالب الصفحة ".
القالب الإفتراضي للصفحات ، page.php هو الملف الذي يقوم بالإحلال محل ملف index.php و ذلك لتغيير تصميم الصفحات الخاصة بموقعك. إذا ما أردت أن تصمم واجهة جديدة لصفحة معينة ( على سبيل المثال صفحة " فريق العمل " ) يمكنك إستخدام قالب متخصص ليقوم بالإحلال محل كل من الملفين page.php و ملف index.php . و إذا ما أردت أن تنشئ تصميم جديد للصفحات لتستخدمه في أي صفحة تريدها يمكنك إستخدام قوالب الصفحات المخصصة لتقوم بالإحلال محل القوالب الأخرى و التي يقوم بعملها ملف page.php و ملف index.php. و لا أرى أي داع ٍ للحديث أكثر من ذلك عن ملف page.php ، و الآن لنتوجه إلى قوالب الصفحات المتخصصة. قوالب الصفحات المتخصصة قوالب الصفحات المتخصصة هي تلك القوالب التي يمكن تطبيقها على صفحة بعينها بالإكراه و يتم إستخدام هذا القالب بدلا ً من ترك أمر إختيار القالب للمستخدم. إنه لأمر رائع أن تهيء قالب لصفحة بعينها عند تصميم موقع لعميل ( أو لنفسك ) و لكن هذا الأمر ليس مفيدا ً كقوالب الصفحات المخصصة. و هنالك طريقتان سهلتان لإنشاء قوالب صفحات متخصصة ، و ذلك عن طريق إستخدام رقم الصفحة ID او إسمها و هو ما يعرف أيضا ً بالـ Slug . الأمر بسيط ، فإن بتسميه ملف قالبك برقم الصفحة ID أو بإسمها Slug على سبيل المثال page-9.php أو page-about.php سيجبر الووردبريس على إستخدام هذا القالب لعرض الصفحة. ( إسم الصفحة أو الـ Slug له أولوية على رقم الصفحة ID في القوالب المتخصصة و بناءا ً على ذلك فإن page-about.php سيقوم بالإحلال محل page-9.php إذا كان كلاهما لنفس الصفحة ) إذا ما كنت تقوم ببرمجة قالب لعرضة للعامة فلا يجب أن تستخدم قوالب الصفحات المتخصصة إلا إذا كان لديك سبب وجيه للقيام بذلك. قوالب الصفحات المخصصة كما سبق و ذكرت فإن قوالب الصفحات المخصصة هي أول ما يتبادر إلى الأذهان عند ذكر جملة " قوالب الصفحات " و ذلك لسهولة إستخدامها و شهرتها الواسعة. أيضا ً إنشاء قوالب الصفحات المخصصة أمر في غاية السهولة. فقط قم بإضافة كود الـ PHP التالي في بداية ملف القالب و ووردبريس ستتكفل بباقي الأمر:
<?php

/*
*
* Template Name: My Template
*
* (You can also use other lines before or after the line above,
* WordPress only cares about the line that starts with "Template Name".)
*
*/

?>
إنتهى الأمر بهذه السهولة ! و الآن في صفحة تحرير كل صفحة ستجد أنه بإمكانك إختيار قالب الصفحة بدلا ً من إستخدام قالب الصفحات الإفتراضي تلقائيا ً. إذا ما كنت تنوي أن تُطلق قالب تذكر أن قوالب الصفحات المتخصصة هي أحد أفضل الطرق لإثراء قالبك و ينبغي عليك أن تنشئ بعضها. بعض النصائح و الخدع إنشاء قالب صفحات متخصص أو مخصص : هذا الأمر لا يتطلب الكثير من الذكاء ، إذا ما أردت إنشاء قالب متخصص أو مخصص للصفحات فقط كل ما عليك فعله هو نسخ ملف page.php و إعادة تسميته بأي إسم يحلو لك و قم بتحرير الملف كما يحلو لك. ترتيب قوالب الصفحات في مجلد فرعي : إليك أمر رائع أيضا ً ، يمكنك حفظ ملفات قوالبك المخصصة في مجلد فرعي بدلاً من إلقائهم جميعا ً في مجلد قالبك الرئيسي. ( هذا الأمر لا ينطبق على قوالب الصفحات المتخصصة ) فقط تذكر أن القالب الفرعي أو ما يعرف بالـ Child Theme أيضا ً يجب أن يحتوي على نفس المجلد الفرعي إذا ما كنت تنوي إحلال قوالبه محل قوالب القالب الأساسي. إذا لم تكن ترغب ( أو في حاجه ) إلى المجلد الفرعي ، يمكنك على الأقل تسمية ملفات قوالب الصفحات المخصصة ببادئة ( مثال على ذلك page-template-***.php ) و ذلك لسهولة تمييزهم بين باقي ملفات القالب. إستخدام قوالب مخصصة في نوع آخر من المواد : للأسف إستخدام القوالب المخصصة محصور فقط على المواد أو التدوينات التي هي من نوع الصفحات فقط. يُمكنك إنشاء قالب مخصص لعرض تدويناتك التي من نوع الـ Portfolio أو معرض الأعمال و ذلك عن طريق إنشاء قالب متخصص و تسميه single-portfolio.php و لكن لا يمكنك إستخدام قالب مخصص لكل تدوينة من تدوينات معرض الأعمال . و لقد وجدت إضافة قديمة ( و على الأرجح أنه توقف دعمها ) يمكنها القيام بذلك و إسمها Custom Post Type Page Template لا تزال تعمل بكفاءة حتى ووردبريس 4.0 و يمكنكم تجربتها إذا ما كنتم ترغبون في تلك الخاصية. تسمية قالب الصفحات المخصصة بشكل صحيح : إذا كنت تقوم بتطوير قالب لطرحه للعامة يجب أن تفكر من منظور كافة المستخدمين و ليس من منظورك أنت فقط. تسمية قالب الصفحات المخصصة ما هو إلا مجرد مثال واحد : إذا ما أردت للناس أن يستخدموا قالبك دون أي عناء يجب أن تختار أسماء قوالب الصفحات المخصصة بعناية. ربما تفهم معنى "1/1" و لكن يجب أن تسميها " صفحة بكامل عرض الشاشة " لتتجنب أي إرتباك أو لبس. فربما يتجاهل المستخدم إستخدام قوالب الصفحات المخصصة إذا لم يفهم المغزى من كل قالب فيهم. كلمة أخيرة بالمقارنة العديد من المميزات الأخرى فإن قوالب الصفحات بسيطة للغاية و لكن في نفس الوقت تفدم العديد من الأمور الرائعة ( فيما يتعلق بجانب التصميم ) أكثر من أي ميزة أخرى من مميزات الووردبريس. أنا شخصيا ً أحبهم و بمشاهدة العديد من قوالب الصفحات المخصصة و المتنوعة في أشهر قوالب الووردبريس المجانية و المدفوعة ، يمكنني القول أن المجتمع يحبهم أيضا ً. ما رأيك أنت في قوالب الصفحات ؟ هل لديك أية أفكار أو آراء مختلفة ، هل هنالك شيء نسيت ذكره في هذا الدرس ؟ أخبرنا برأيك في قسم التعليقات. و إذا ما أعجبتك هذه المقالة لا تنسى أن تشاركها مع أصدقائك!

إحترف الـ WP_Query : مقدمة عامة

الأمر الإفتراضي أن يقوم الووردبريس بتنفيذ إستعلام لكل صفحة من موقعك يتم عرضها, و هذا بالطبع حسب نوع الصفحة التي يتم عرضها. و لذلك, و حتى لو كان هناك صفحة ثابته يتم عرضها, فإن الووردبريس عليه أن ينفذ إستعلام لجلب الصفحة ذات الرقم التعريفي ID المطلوب, و كذلك في حالة عرض صفحة أرشيف, فإن الإستعلام من شأنه جلب كل التدوينات المتعلقة بهذا الأرشيف.
و لكنك في بعض الأحيان تحتاج لأن تقوم ببعض الإستعلامات المختلفة بعض الشئ. و سواء أكان ذلك في محتوى صفحتك الرئيسية أو في أي مكان آخر (كما في القائمة الجانبية sidebar أو في ذيل الصفحة footer), فربما تود أن تظهر بعض المحتوى المخصص و الذي لا تستطيع الإستعلامات المعروفة و العادية أن تظهره.
الخبر الجيد أن الووردبريس جعل هذا ممكنا باستخدام كلاس الـ WP_Query. هذا الكلاس يقدم لك العديد من التحديدات parameters و التي تستطيع أن توظفها لتحصل على المحتوى الذي تريد (و الذي لا يجب ان يكون قاصراً على التدوينات posts) و من ثم باستخدام دورة loop يمكنك عرض المحتوى بالضبط الذي تريد.
في هذه السلسلة من عشر أجزاء حول إحتراف استخدام الـ WP_Query, نصطحبك أنا و Baris Unver في جوله حول مدخلات و نواتج الـ WP_Query. لذا عند إنتهائك من دراسة هذه السلسلة, ستستطيع إستخدام الأمر في العديد من الحالات و تحسن من طريقة الإستعلامات في الووردبريس حول البيانات في قاعدة البيانات.
و في هذه المقدمة, سأقوم بتغطية هذه الأمور:

ما هو الـ WP_Query ؟ لماذا يجب أن نستخدم الـ WP_Query ؟ المشاكل المحتملة / و ما الذي يجب مراعاته.
ما هو الـ WP_Query ؟
الـ WP_Query هو كلاس class مقدم من قبل الووردبريس. المغزى من وراء ذلك, أنه عبارة عن كلاس class يعني أنك بإستخدامه ستتمكن من الوصول للمتغيرات و الدوال التي تمت كتابتها في هذا الكلاس في بنية الووردبريس الأساسية Wordpress core, دون الحاجة للقلق حول إعادة كتابة هذا الكود بنفسك. و هذا يجعل من الكود الخاص بك أكثر كفاءة و موثوقية.
و لو أردت ان تعرف بالضبط حقيقة الأمر المكتوب في WP_Query, ربما يمكنك أن تتطلع على الكود بنفسك في الملف includes/query.php
يتكون الـ WP_Query من أربعة عناصر:

الـ arguments المستخدمة في الإستعلام, تستخدم محددات parameters سوف نغطيها بالتفاصيل في هذه السلسلة الإستعلام نفسه الدورة loop, و التي ستعرض محتويات التدوينة, كما العناوين أو أي شئ آخر تود عرضه. الإنتهاء من الأمر, عبر إغلاق الـ if و دورة الـ while و إعادة ضبط بيانات التدوينة.
كتوضيح عملي, سيكون الأمر أشبه بالآتي:
<?php
$args = array(
// arguments for your query
);

// the query
$query = new WP_Query( $args );

// The Loop
if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post() ;
// contents of the Loop go here

endwhile : endif;
/* Restore original Post Data */
wp_reset_postdata();
?>
يمكنك أن تقوم بتحديد الـ arguments أثناء كتابة الإستعلام, و لكني أفضل تعريفها في البداية, لجعل الأمر أكثر تنسيقاً.
إعادة ضبط بيانات التدوينة
في المثال السابق, قمت بإضافة الدالة ()wp_reset_postdata بعد كل إستعلام. و هذا أمر مهم, لأنه يعيد ضبط الإستعلام مرة أخرى إلى الإستعلام الرئيسي في الصفحة التي أنت عليها.
كمثال, لو أنك تستخدم الكلاس WP_Query لتنفيذ إستعلام في القائمة الجانيية sidebar , فأنك بإستخدام ()wp_reset_postdata بفعالية تخبر الووردبريس أنك لازلت بمكان ما في الصفحة التي يتم عرضها, و هذا من شأنه أن يجعل الإستعلام يتوافق مع الإستعلام الرئيسي للصفحة التي أنت عليها.
و لو أنك لم تفعل هذا, فإن أي إستعلام آخر في الصفحة (بما في ذلك الإستعلام الرئيسي) قد لا يتم عمله, و أي وسم conditional tag خاص بعرض نوع الصفحة التي أنت عليها لن يعمل أيضاً.
لماذا يجب أن نستخدم الـ WP_Query ؟
إذا لم تكن قد أستخدمت الـ WP_Query من قبل, فلا بد لك أن تتسائل لما يجب على أن أستخدمه. و هنا سأقوم بالتركيز على جانبين حول ذلك: لماذا يجب أن نستخدم الـ WP_Query عوضاً عن باقي الطرق الأخرى, و كذلك السيناريوهات المتوقعة و التي تدعوك لإستخدام الـ WP_Query
لماذا يجب أن أستخدم الـ WP_Query عوضاً عن باقي الطرق الأخرى ؟
الـ WP_Query ليس بالطريقة الوحيدة التي من شأنها تنفيذ إستعلام مخصص. هناك أربعة طرق أخرى لفعل ذلك:

pre_get_posts ()get_posts ()get_pages الدالة ()query_posts (و التي يجب أن تتفادى إستخدامها, كما سأشرح لاحقاً)
لن أخوض في الكثير من التفاصيل حول طريقة عمل كل واحدة منهن, و لكن ربما يساعدك أن تعرف متى يمكن إستخدامهن.

الـ pre_get_posts هو عبارة عن hook و الذي يتم استخدامه لتعديل طريقة عمل الإستعلام الرئيسي. ربما يمكنك إستخدامه مع وسم conditional tag لفحص نوع الصفحة التي يتم عرضها (الصفحة الرئيسية مثلاً) و من ثم تستخدمه لتعديل الإستعلام الذي يتم تنفيذه (مثلاً, أن يتم حذف مربع آخر ثلاث تدوينات مضافة, في حالة أنك ستقوم بعرضه في مكان آخر بالصفحة) أنها الطريقة المثلى لتعديل الإستعلام الرئيسي و يجب أن تكون خيارك الأول إذا كان هذا ما تود عمله بالضبط. و مع ذلك, فإنك لا تستطيع إستخدامه في إنشاء إستعلام جديد كامل. الدوال ()get_posts و ()get_pages متشابهين لدرجة كبيرة, يختلفون فقط في الأمر الواضح من اسمائهم. الوسوم الخاصة بالقوالب template tags بالفعل تستخدم الـ WP_Query , لذلك فهي تعتبر وسيلة أخرى من نفس الأمر, غير أن هنالك خطوة أخرى إضافية لأنهم هم من يستدعون الـ WP_Query بدلاً عنك. ربما يمكنك إستخدامهم للإستعلام عن التدوينات posts أو الصفحات pages , في الوقت الذي يكون إستخدام الـ WP_Query نفسه أفضل و يترك لك المجال للإستعلام عن كل الأشياء تقريباً الموجودة داخل قاعدة البيانات. الدالة ()query_posts تعدل من الإستعلام الرئيسي , و لكن يجب عدم إستخدامها لا في الاضافات plugins أو القوالب templates. و ذلك لأنها تقوم بحذف الإستعلام الرئيسي بالكامل, و تبدأ الأمر كله من جديد. أي أنها تستبدل الإستعلام الرئيسي في الصفحة, بواحد جديد. و كما أنها معرضة لإرتكاب الأخطاء, خاصة مع خاصية ترقيم الصفحات pagination, و غير فعالة و ستؤثر على وقت تحميل الصفحة. لذا فإذا أردت أن تعدل من الإستعلام الرئيسي, استخدم pre_get_posts, و إذا أردت أن تنشئ إستعلام كامل جديد, استخدم WP_Query

المخطط بالأسفل, المنشور من قبل Andrey “Rarst” Savchenko تحت رخصة الابداع الشائع, يفسر الأمر بشكل منطقى أكثر:
متى يمكنك إستخدام الـ WP_Query
هناك العديد من الحالات التي تكون الـ WP_Query مفيد في استخدامه, و بالطبع لا يمكنني تغطية كل شئ هنا, و لكن إليك نظرة عامة:

لإضافة قائمة بالتدوينات المتعلقة related posts بتدوينة يتم عرضها حالياً – كمثال, أن تظهر قائمة لكل التدوينات المندرجة تحت نفس القسم. لتشغيل دورتين two loops في نفس الصفحة: كمثال, صفحة "الأسئلة الشائعة" هذه , يظهر فيها عناوين الأسئلة بالأعلي, و محتوى الأسئلة بالأسفل. لعمل قائمة مخصصة لآخر التدوينات في القائمة الجانبية sidebar أو في ذيل الصفحة footer. عندما يكون مربع أخر التدوينات Recent Posts Widget الإفتراضي لا يلبي متطلباتك بالضبط. لعمل استعلامات مخصصة عن التصنيفات taxonomies , مستخدماً أكثر من تصنيف لتعريف ما يجب أن يتم عرضه. للإستعلام عن أنواع التدوينات post types و التي لا يتم عرضها عبر الاستعلام الافتراضي, كـالمرفقات مثلاً. لعمل صفحات مخصصة مع عدد من الإستعلامات لعرض محتويات مختلفة, كما قمت بإنجازه في هذا المثال لعميل لدي.
بعض المحاذير
الكلاس WP_Query أمر عظيم لقد قمت بإنجاز العديد من المواقع التي تحتاج إستعلامات مخصصة, لذا فقد إستخدمته كثيراً. و لكنه لا يأتي بدون السلبيات الخاصة به. و ها هي بعض الأمور التي يجب عليك مراعاتها:

إذا كان كل ما تحتاجه هو تغيير طريقة عرض التدوينات من أجل نوع محتوى معين أو للأرشيف, لا تستخدم الـ WP_Query. بدلاً من ذلك, أنشئ ملف قالب template file لأجل هذا الأرشيف أو نوع المحتوى المعين, و غير من طريقة الـدورة loop في هذا الملف. إذا أردت أن تعرض عدد أقل أو أكثر من التدوينات التي تظهر إفتراضياً في صفحة أرشيف (كمثال, لا تريد اظهار تدوينات قسم معين), لا تستخدم WP_Query لعمل استعلام كامل جديد. بدلاً من ذلك, استخدم pre_get_posts لتعديل الإستعلام الرئيسي, بالإضافة لإستخدامك لوسم conditional tag لتحدد بالضبط أين تريد لذلك أن يتم. كن حذراً بشأن تنفيذ العديد من الإستعلامات بنفس الصفحة. نظرياً, يمكنك إنشاء المئات من الإستعلامات في نفس الصفحة, و لكن فكر في الحمل الثقيل على الخادم server load. إذا كنت تفكر في تنفيذ أربع أو خمس إستعلامات في نفس الصفحة, ربما يمكنك أن تنفذ الأمر عبر عدد من الصفحات الإضافية.
أخيراً
الكلاس WP_Query هو كلاس قوي و مفيد بشكل كبير لعمل إستعلامات مخصصة و جعل موقع الووربريس الخاص بك يتصرف بالضبط كما تريد. و كما رأينا, هناك أوقات ربما يمكنك إستخدام الطرق الأخرى لعمل إستعلامات مخصصة, و لكن هناك أيضاً مجال واسع لإستخدام الـ WP_Query.
في باقي هذه السلسلة, سوف نأخذك في جولة بالتفصيل حول كيف يمكنك أن تستخدم الـ WP_Query و تحصل على أقصى فائدة من استخدامه.

متى تستخدم بوتستراب في تطوير قالب الووردبريس الخاص بك ( ومتى لا تستخدمه )

قم بإجراء بحث عن " قالب ووردبريس مع بوتستراب " وستحصل على الآلاف من النتائج. من ضمنها دلائل توضيحية تخبرك كيف تستخدم بوتستراب في بناء قوالبك وايضا قوالب مدفوعة ومجانية متوفرة تستخدم إطار عمل بوتستراب.
ابحث عن " بوتستراب " في مستودع قوالب ووردبريس وستحصل على 199 نتيجة. أي أن هناك الكثير من الخيارات.
يبدو أن تطوير قوالب ووردبريس باستخدام إطار عمل بوتستراب يحظى بكثير من الشعبية. لكن هل هو دائما أفضل نهج لسير عمل تطوير القالب الخاص بك؟
هنا سوف أحدد سلبيات وإيجابيات استخدام بوتستراب في تطوير قوالب ووردبريس، وسوف أساعدك في تحديد متى يكون استخدام بوتستراب مساعدا لك في تسهيل سير العمل ومتى لا يكون كذلك.
ما هو إطار عمل بوتستراب ؟
يصف موقع بوتستراب إطار عمل بوتستراب على أنه:
إطار عمل HTML و CSS و Javascrip الأكثر شعبية لتطوير المشاريع المتجاوبة والتى تعتمد مبدأ ( تطوير للموبايل أولا ) على شبكة الإنترنت.
هذا يخبرك بأمرين:

إطار عمل بوتستراب متجاوب ويعتمد مبدأ تطوير ( للموبايل أولاً ) . يستخدم HTML و CSS و Javascript.
إذا كنت دقيق الملاحظة ، ستلاحظ أنه لا يشمل PHP. في حين أن بوتستراب إطار عمل تطبيق، لكنه ليس مثل إطار عمل قالب ، حيث أنه لا يوفر لك أي ملف من ملفات هيكل القالب التي ستحتاج إلى إنشائها اذا كنت تنوي الاستفادة منها في قالب. بدلاً من ذلك، ما يقدمه لك هو إطار من التصميمات والسكربتات التي سوف تسهل لك الحصول على موقع متجاوب وإضافة التفاعلات والأحداث التي تتطلب Javascript.
بوتستراب صمم أصلاً كإطار عمل لمساعدة مطوري تويتر للعمل بكفاءة أكثر واستمرارية. كان اسم بوتستراب في ايامه الاولى "مخطط التغريد"، الذي تم تغييره إلى بوتستراب بعد انضمام مطورين أكثر وبدء المشروع في النمو.
تم اطلاقه كإطار عمل مفتوح المصدر في عام 2011، واستخدم منذ ذلك الحين في تشغيل مجموعة متنوعة من التطبيقات، بما في ذلك قوالب ووردبريس.
عندما سمعت لاول مرة عن بوتستراب ، كان أهم نقطة بيع له بقدرته على التجاوب في وقت كان الكثير من تطوير الويب (بما في ذلك تطوير الووردبريس) لا يزال بحاجة للحاق بتصميم الويب المتجاوب. لم يكن بوتستراب متجاوب بشكل كامل : هذه الميزة أضيفت في عام 2012، واعتمد قالب عمل بوتستراب مبدأ ( التطوير للموبايل أولا ) في عام 2013.
إذا قمت بتحميل إطار عمل بوتستراب ، سترى أنه يتكون من مجموعة من التصميمات (بما في ذلك الإصدارات المصغرة)، ملفات JavaScript وglyphicons، الموجودة في ملفات الخطوط. وهذه الملفات لا تحل محل ملفات القالب الخاص بك: بدلاً من ذلك يمكنك استدعائها في ملف التصميمات (stylesheet) وملف (functions) الخاصة بك حسب الحاجة.
لن أقدم شرحاً متعمقا لكيفية استخدام بوتستراب مع قالب الووردبريس الخاص بك : قمت بتغطية هذا الموضوع بالتفصيل في هذه الدورة التعليمية. وبدلاً من ذلك سوف أحدد كيف أن استخدامك لإطار عمل بوتستراب قد يساعد أو يعرقل سير العمل في تطوير قالب الووردبريس الخاص بك والحالات التي يجب أو لا يجب استخدمك له.
فوائد انشاء القوالب بإستخدام إطار عمل بوتستراب
شعبية بوتستراب كإطار عمل لقوالب ووردبريس يشير إلى أنه من المؤكد يوجد له مكان. لذلك دعنا نلقي نظرة على بعض فوائد استخدام بوتستراب.
إنه متجاوب ويعتمد مبدأ ( التطوير للموبايل أولا ).
بوتستراب تلقائياً يقدم لك ميزة التجاوب وتصميم (للموبايل اولا) للقالب الخاص بك. إذا كنت قد واجهت صعوبة في الالمام بموضوع تطوير القوالب المتجاوبة ، فإنه سيوفر عليك العمل الشاق لتعلم كيفية جعل التصميمات الخاص بك متجاوبة وإضافة خاصية (media queries).
بوتستراب يستخدم تخطيط الشبكة(grid-based) القائمة على 12 عامود(columns) مع فئات الشبكة(grid classes) التي يمكنك استخدامها مع العناصر في ملفات هيكل القالب الخاص بك لجعل المحتوى الخاص بك يتناسب مع الشبكة.
وتشمل مزايا استخدام هذا النهج:

إذا لم تكن معتاداً على (media queries) ، فلست مضطرا لكتابتها بنفسك. النظام القائم على الشبكة (grid-based) يستخدم CSS كائنية التوجه، مما يتيح لك الكثير من المرونة في تصميم العناصر في قالبك وفي الصفحات الخاصة بك. مبدأ ( التطوير للموبايل اولا ) يعني أن CSS الخاص بك أكثر نظافة وأكثر كفاءة من ملف التصميم (stylesheet) الخاص بمبدأ ( التطوير للحاسوب اولا ).
يستخدم تصميم حديث ونظيف وجذاب
في رأيي، التصميم والطبوغرافيا (typograpghy) الذي تحصل عليه عند استخدامك بوتستراب لطيف جداً. مع انه لن يمنحك اي جائزة في التصميم ، ولكنه سوف يساعدك على بناء قالب حديث وسهل التفاعل، ومقروء. هناك بعض ميزات التصميم بصفة خاصة تعجبني:

استخدام عنصر <small>للنص الثانوي ضمن العناوين التصميم الخاص بوسم الاقتباس (blockquotes) والاستشهادات تصميم الجدول ، الذي هو ألطف بكثير من ما رأيته في الكثير من قوالب ووردبريس
يتعامل بشكل جيد مع HTML5
فضلا عن إدخال فئات(classes) خاصة به للتصميم، يشمل بوتستراب أيضا تصميم لمجموعة كاملة من عناصر HTML5 التي يمكنك أن تتوقع استخدامها في القالب الخاص بك. تصميم كل هذه من الصفر يمكن أن يكون مشكلة حقيقية، لذلك هو يوفر عليك الكثير من العمل، فضلا عن تسهيل استخدامك للعلامات الدلالية (semantic markup) في القالب الخاص بك.
هو يوفر لك سهولة الوصول إلى السكربتات
بدلاً من الاضطرار إلى استخدام الإضافات أو مصدر سكربتات من مواقع أخرى، يوفر لك بوتستراب مجموعة لطيفة من السكربتات التي ستساعدك على إضافة الرسوم المتحركة والتفاعلات الاكثر استخداما إلى موقع الويب الخاص بك. وهذه تشمل ما يلي:

الانتقالات (transitions) مودلز (modals) قوائم منسدلة (dropdowns) تلميحات الأدوات (tooltips) قوائم منبثقة (popovers) أزرار (buttons)
… وأكثر. وهذا يمكنك من تسريع عملية التطوير الخاصة بك ، ويضمن أيضا أن تتفاعل كافة السكربتات الخاصة بك بشكل لطيف مع بعضها البعض. إذا كنت تريد استخدام أكثر من واحدة أو اثنتين من هذه الميزات ، فبوتستراب يمكنك من جعل تطوير القالب الخاصة بك أسهل بكثير؛ ومع ذلك، إذا كنت تنوي استخدام واحدة أو ربما اثنتين فقط من هذه الميزات ، فقد يكون هناك نهج أكثر كفاءة مع تعليمات برمجية (code) مضافة اقل.
الجوانب السلبية لانشاء القوالب بإستخدام إطار عمل بوتستراب
ومع ذلك، لا أعتقد أن بوتستراب هو الأداة المناسبة لكل مطوري قوالب الووردبريس. وفيما يلي بعض الجوانب السلبية لاستخدام بوتستراب عند تطوير القوالب الخاصة بك.
هناك الكثير لتتعلمه
لقد أشرت بالفعل إلى نظام الشبكة المتجاوب المستخدم في تصميمات (stylesheets) الخاصة ببوتستراب ، والعديد من الفئات (classes) التي يمكنك استخدامها والاستفادة منها في القالب الخاص بك. هذا شيء عظيم إذا كنت على استعداد للتعرف على هذه الفئات والعمل على كيفية استخدامها في القالب الخاص بك. ولكن، إذا كنت لا تحتاج إلى مثل هذا التخطيط(layout) المعقد وستقوم فقط باستخدام عدد قليل من الأنماط-التصميمات ، فقد تجد أنك تهدر قدرا كبيرا من الوقت تعمل من خلال جميع الفئات (classes) محاولا معرفة اي فئة تستخدمها.
يتضمن ملف التصميم 155 سطر من التعليمات البرمجية فقط لمخطط الشبكة في أصغر عرض للشاشة: هذا يتطلب عملا كثيرا للإلمام بها ومعرفة كيف تستفيد منها لأقصى درجة ، وأكثر مما تحتاجه معظم القوالب.
وبالإضافة إلى ذلك، هناك فئات ل glyphicons ، والازرار، وأكثر من ذلك بكثير.
إذا كان القالب الخاص بك سيستخدام نسبة كبيرة من هذه التصاميم (أو كنت تريد استخدام بوتستراب لدعم قوالب متعددة)، في هذه الحالة فإنه يستحق أخذ الوقت لتعلم كيفية عمل تصميمات-انماط بوتستراب. ولكن إذا كنت بحاجة فقط لبضعة أعمدة وتصميم متجاوب، فإن استخدام بوتستراب قد يكون امرا مبالغ فيه.
إنه يستخدم (Media Queries) ثابتة
(media queries) المستخدمة من قبل بوتستراب تستند إلى افتراض حول عرض الشاشة والجهاز والتي اصبحت قديمة.
هذه هي (media queries) :
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { … }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { … }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { … }
للعام الماضي أو نحو ذلك، التطوير المتجاوب ابتعد عن نقاط التوقف المحددة مسبقاً ل (media queries) ، واتجه نحو التصميم-المستند على نقاط التوقف. في حين ان هذه (media queries) تستند وستعمل بالتأكيد مع تصميم بوتستراب (بحيث لا ينبغي ان تسبب أي مشاكل في أي من الأجهزة المدعومة أو المتصفحات ، والتي يوجد منها الكثير)، لكنها لا تعطيك مرونة في حالة كنت تبرمج تعليمات برمجية(code) خاصة بك .
إذا كنت قد قررت إضافة (media query) وسيطة الى ملف التصميم (stylesheet) الخاص بك، فعليك أن تأخذ 155سطر من التعليمات البرمجية الخاصة بتصميم نظام الشبكة وأن تجعلها تتكيف مع نقطة التوقف الجديدة الخاصة بك – ليست مهمة أحسدك عليها !
يضيف سخام (أشياء غير مهمة)
نعم، أعتقد أنك كنت في انتظار هذه العبارة– استجابة الأسهم لأي مطور ويب متشكك لإطار عمل جديد أو أداة.
بوتستراب يعطيك الكثير من الوظائف والتصاميم التي يمكنك استخدامها في القالب الخاص بك لا يمكن إنكار هذا ، وهذا شيء عظيم. ومع ذلك، إذا كنت ستستخدام جزء صغير مما يقدمه لك ، فهذا يعني انك تقوم بإضافة تعليمات برمجية إضافية كل ذلك من أجل لا شيء.
الملفات هي مصغرة، والتي يمكن ان تساعد، لكن حتى مع ذلك، هل حقاً تحتاج إلى كل تلك التعليمات البرمجية الغير مستخدمة في القالب الخاص بك؟
يمكن ان يثنيك عن التصميم المبتكر
قم بإضافة بوتستراب الى القالب الخاص بك، استدعي ملف التصميم (stylesheet) من خلال ملف تصميم القالب ، تادا ! لديك الان تصميم-جاهز ، ومتجاوب والذي يبدو على ما يرام. معظمنا يميل إلى ترك الأمر عند هذا الحد ، تعديل بعض الألوان والتغييرات ربما لكن ليس أكثر من ذلك.
وهذا يعني أن التصميم الخاص بك استند على ما وفره بوتستراب ، وليس على ما هو مطلوب لموقع الويب الخاص بك. أنا أعمل مع الكثير من العملاء، وقبل أن نبدأ حتى بمناقشة تصميم الموقع أسئلهم حول أهداف الموقع الخاص بهم ، والفئة المستهدفة واكثر من ذلك. كل هذه المعلومات ستؤثر على تصميم الموقع، سواء من حيث المرئيات وواجهة المستخدم.
ويكمن خطر استخدام الكثير من القوالب لبوتستراب هو أننا في نهاية المطاف سنجد الكثير من القوالب التي تبدو أساسا متشابهة. مطوري قوالب ووردبريس قاموا بعمل عظيم لانهاء الاتهامات بأن قوالبهم 'تشبه ووردبريس' في السنوات الأخيرة، لذا هل نحن نريد أن تبدو جميع قوالبنا 'وكأنها بوتستراب'؟
بوتستراب و ووردبريس مختلفان كثيراً
وفي نهاية المطاف أعتقد أن أهم العوامل التي قد تجعلك تقرر التوقف عن استخدام بوتستراب هو حقيقة أنه لم يصمم ابدا للعمل مع ووردبريس ، وأنه يعمل بطريقة مختلفة جداً.
إطار عمل قالب ووردبريس كثيرا ما سيقدم لك كل ما تحصل عليه من بوتستراب ، و بطريقة أكثر اتساقا مع طريقة عمل مطوري ووردبريس. ومثل هذه القوالب لا يجب أن تكون باهظة الثمن أو لها قاعدة برمجية ضخمة: قالب وونديرفلوكس، على سبيل المثال، هو مجاني ومفتوح المصدر، ويشمل نظام شبكي متجاوب (مثل بوتستراب لكن أقل تعقيدا) ومكتبة من (functions) و (hooks) والتي لا تحصل عليها في بوتستراب.
مثال عن كيف أن بوتستراب و ووردبريس ليس متوافقان هو في تصميم قوائم التصفح (navigation menu) قائمة الووردبريس الخاصة بك لن تعمل من تلقاء نفسها عند تمكين بوتستراب : بدلاً من ذلك يجب عليك إنشاء (nav walker) مخصصة. وهذا ليس من الصعب القيام به إذا كنت مرتاحاً مع التعليمات البرمجية، ولكنه يضيف خطوة أخرى لتطوير القالب الخاص بك.
ملخص
بوتستراب بالتأكيد له فوائده. إذا كنت بحاجة لتخطيط جذاب ونظيف ومتجاوب للموقع الخاص بك والوصول إلى مجموعة من تأثيرات Javascript ، فيمكن أن يساعد في تسريع عملية تطوير القالب الخاص بك.
ولكن ، إذا كنت تريد الوصول الى كل الإمكانيات التي يقدمها لك بوتستراب ، سوف تحتاج لقضاء بعض الوقت في تعلمه. هناك الكثير لتتعلمه مع بوتستراب ، وإذا كنت لا تنوي استخدام كل ميزاته ، فقد لا يكون يستحق كل هذا العناء.
وختاما، أود أن أوصى على استخدام بوتستراب في عدة ظروف :

إذا كنت على استعداد لبذل بعض الجهد في تعلم كيفية استخدام بوتستراب إذا كنت تريد استخدام الكثير من ميزات بوتستراب ، مثل نظام الشبكة والسكربتات إذا لم يكن لديك مصمم يعمل معك (أو لست مصمما بنفسك) وتريد تصميما جاهزاً إذا كنت ترغب في تطوير قالب متجاوب ولكن لا تعرف كيفية كتابة ( media queries )
وانصح بعدم استخدامه في هذه الظروف:

إذا كنت تريد المزيد من المرونة فيما يتعلق بنقاط التوقف أو التصميم أو التخطيط إذا كنت ستستخدم سكربت واحد ، أو أنك لن تستخدم نظام الشبكة إذا كنت تريد حل سريع — بوتستراب ليس واحدا منها إذا كان هناك إطار عمل قالب ووردبريس او قالب مبدئي يقوم بالوظيفة التي تحتاج إليها، ويوفر لك أكثر من ذلك، مثل (functions) و (hooks).
وفي نهاية المطاف القرار لك!

10 قوالب Ionic مذهلة

Ionic هو إطار عمل شعبي لإنشاء تطبيقات هاتف حديثة، وهجينة، باستخدام JavaScript، وHTML، وCSS. Ionic هو مدعوم من قبل AngularJS و Apache Cordova. لأن المطورين يمكنهم استخدام التكنولوجيات التي هم على دراية بها بالفعل (JavaScript، وHTML، وCSS)، منحنى التعلم ليس لذلك الحد.
CodeCanyon يقدم مجموعة واسعة من قوالب التطبيقات لبدء تطوير Ionic الخاصة بك. في هذه المقالة، سوف أظهر لك عشرة قوالب التي قد تلهمك لمشروعك المقبل.
Restaurant Ionic
كما يشير الاسم، يهدف هذا القالب في المقام الأول على المطاعم. التطبيق يتيح أصحاب المطاعم بتسجيل قوائمهم وقبول طلبات من العملاء. القالب مصمم بشكل جيد ومدعوم من WordPress، وDrupal، أو أي خلفية أخرى تدعم JSON.
Ionic Material Design
هذا النموذج يحتضن تماما Material Design الخاص بجوجل لتطبيقات الويب والمحمول. القالب يأتي مع مميزات. لديه دعم لـ SQLite و WordPress، ومتوافق مع مختلف الخدمات، مثل Facebook، وInstagram، وFoursquare، وDropbox. يتلقى القالب تحديثات منتظمة، والتي هي إضافة أخرى كبيرة.
Barebone Ionic
لا تخدع من قبل اسم هذا القالب. إنه أكثر من قالب عظام مجردة. في الواقع، يأتي مع مميزات، مثل التكامل مع Stripe، عربة التسوق، SQLite، و WordPress، ودعم Drupal، بث الصوت، والتكامل مع وسائل التواصل الاجتماعية المختلفة. يتم تحديث القالب في كثير من الأحيان مع ميزات جديدة وإصلاح الأخطاء.
Mobionic
Mobionic هو قالب Ionic متعدد الأغراض ومتميز تماما والذي يناسب مجموعة من أنواع التطبيقات. إنه موافق مع WordPress وله دعم لإرسال الإشعارات، خرائط جوجل، ويوتيوب. القالب يتضمن تصميم عصري الذي هو سهل لتخصيصه من أجل احتياجات مشروعك.

MobSocial
MobSocial يتوافق مع WordPress ويتضمن عدة قوالب، مثل مدونة، الدردشة، والأخبار. ويتميز بواجهة مستخدم أنيقة، ويتوافق مع منصة جوجل أدموب، ويوفر الدعم لإرسال الإشعارات. إذا كنت تريد أن ترى القالب إثناء العمل، إذاً قم بزيارة الاستعراض على الانترنت.
Selig
Selig هو قالب أنيق ومتعدد الأغراض يهدف إلى المدونين. إنه ستوافق مع WordPress ويستخدم Flickr لإدارة وعرض معارض الصور. من السهل تخصيصه ولديه لدعم لتسجيل الدخول بواسطة تويتر و الفيسبوك. إرسال الإشعارات مدعوم من Pushwoosh.

NewsMob
NewsMob يقدم حل الكل في واحد. هذه الأداة تتضمن قالب Ionic وكذلك الخلفية، تغذية تطبيقات الهاتف مع البيانات. الخلفية تمكنك من إنشاء محتوى، إدارة المستخدمين، وإرسال الإشعارات. مهتم؟ قم بتجربة الإستعراض المتاح على CodeCanyon.
Local Business Ionic
يركز هذا القالب على الشركات المحلية. التصميم معتدل ولكن من السهل تخصيصه. يتضمن القالب العديد من فئات المحتوى، مثل الأخبار، المنتجات، الخدمات وفهرس. القالب بسيط جدا، ولكن في بعض الأحيان هذا كل ما تحتاجه.
IonFullApp
هذا القالب لديه قائمة مميزات مثيرة للإعجاب، وعلى نفس القدر من الأهمية، فهي موثقة بشكل جيد للغاية. إنه مدعوم من WordPress ويستخدم عدد من إضافات Ionic لإضافة دعم لإرسال الإشعارات، الإعلانات، التوافق مع الصوت والفيديو، وخدمات الموقع. القالب قدم تصميم جميل الذي من السهل تخصيصه ليتناسب مع احتياجات المشروع الخاص بك.
Ionizer
والهدف من Ionizer هو زيادة سرعة المطورين أثناء التطوير في Ionic في أسرع وقت ممكن. ونتيجة لذلك، القالب يأتي مع ميزات ويتكامل مع العديد من الخدمات، بما في ذلك WordPress، و Firebase للدردشة في الوقت الحقيقي، YouTube، و Rotten Tomatoes. يقدم القالب مجموعة من واجهات المستخدم وخيارات التنقل، بما في ذلك التمرير اللانهائي، بطاقات مستجيبة، وسحب من أجل التحديث.
أنشئ قالب Ionic واربح 1000$
إذا كنت بالفعل مرتاح مع إطار العمل Ionic، إذاً قد ترغب في التفكير لدخول مسابقة Envato لأكثر قوالب Ionic المطلوبة. كيف؟ أنشئ قالب Ionic فريد من نوعه وقدمه إلى Envato Market بحلول 27 أبريل 2016.
تتلقى أفضل خمسة قوالب 1000$. مهتم؟ اقرأ المزيد على موقع المسابقة للحصول على تفاصيل حول متطلبات المسابقة والمبادئ التوجيهية. إذا كنت بحاجة إلى تحديث مهاراتك في Ionic، إذاً تحقق من موارد Envato Tuts+ التالية:

ابدء مع Ionic
تطبيقات الجوال مع Ionic و Firebase
أنشئ تطبيق هاتف باستخدام WordPress، و Ionic، و AngularJS