Blog List

Nemra1 September 10, 2017 No Comments

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

في الجزئين السابقين من هذه السلسلة. إستعرضنا التخزين المؤقت و تحسين قاعدة البيانات و أستخدام 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. و أتمنى أن تكون قد استمتعت بقراءة السلسلة, كما أستمتعت أنا بكتابتها. هل لديك شئ لتضيفه ؟. شــارك أفكارك بالتعليق بالأسفل. و إذا أحببت هذه السلسلة, لا تنسى أن تشاركها مع أصدقائك.

Nemra1 September 10, 2017 No Comments

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

حينما أنضم الى مقابلات عن الووردبريس, مثل 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) الجديد. مرةً أخرى سوف أغطى هذا بتفصيل أكثر فى الاجزاء الأخرى ذات الصله بهذه السلسله.
بينما نحن نعمل خلال أجزاء هذه السلسله, سوف أعمل على الإعتبارات ذات الصله لكل جزء على حده حتى تعرف ما تحتاج بالضبط إلى عمله.
الخلاصه
نقل ووردبريس بالتأكيد ليس بسهولة نقل موقع ثابت , وماتحتاج إلى عمله يعتمد على نوع موقع الووردبريس المراد نقله. ولكن هناك إضافات من الممكن أن تجعل الاشياء أسهل بالنسبة لك, و بالنسبه للنقل اليدوى هناك عمليه من الممكن اتباعها لتنقل كل ماتحتاجه. فى هذه السلسله سوف أعرض لك كيفية فعل هذا.

Nemra1 September 10, 2017 No Comments

مقدمة بسيطة حول استخدام 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' ) ) { ?>

// 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 ؟ هل تفكر في استخدامها، أو هل لديك أي شيء اخر تود اضافته لأثراء هذه المقالة ؟ أخبرنا برأيك من خلال التعليق أدناه. وإذا أعجبتك هذه المقالة، لا تنسى مشاركتها مع أصدقائك !

Nemra1 September 10, 2017 No Comments

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

Nemra1 September 10, 2017 No Comments

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

قم بإجراء بحث عن " قالب ووردبريس مع بوتستراب " وستحصل على الآلاف من النتائج. من ضمنها دلائل توضيحية تخبرك كيف تستخدم بوتستراب في بناء قوالبك وايضا قوالب مدفوعة ومجانية متوفرة تستخدم إطار عمل بوتستراب.
ابحث عن " بوتستراب " في مستودع قوالب ووردبريس وستحصل على 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).
وفي نهاية المطاف القرار لك!

Nemra1 September 10, 2017 No Comments

إحترف الـ 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 و تحصل على أقصى فائدة من استخدامه.

Nemra1 September 10, 2017 No Comments

حلقة دراسية : إنشاء محتوى بأستخدام وورد برس يحتوي على مشاركات و صفحات

What You'll Be Creatingوورد برس هو اداة قوية و سهلة الأستخدام لإنشاء المواقع الألكترونية ، لكن تظل صعبة نوعاً ما على المبتدئين ان يدركوا من اين يبدأوا تعلمها. ، ما هي افضل طريقة لتكييف المحتوى الخاص بك داخل نظام إدارة المحتوى وورد برس؟
في حلقتنا الدراسية ، إنشاء محتوى في الوورد برس يحتوي على مشركات و صفحات ، ستتعلم كيفية إنشاء محتوى لموقعك الألكتروني في الوورد برس. ، الحلقة الدراسية تتكون من مجرد سبعة افلام فيديو صغيرة الحجم بإجمالي مدة مشاهدة 45 دقيقة حتى تتمكن بسهولة من درجها ضمن التزاماتك الاخرى. وهي مجانية تماماً.
ما ستتعلمة
معلمة ايفانتو تاتس+ راشيل ماك كولين ستعلمك كل شيء عن المشاركات و الصفحات ، أساسيات بناء الكتل أو المجموعات الخاصة بإدارة محتوى الوورد برس. سوف تتعلم كيفية هيكلة و بناء مشاركاتك و صفحاتك بالإضافة لكيفية إضافة النصوص ، المواد الاعلامية كالصور و الفيديوهات ، و كذا الروابط. و سترى أيضا كيفية تنظيم محتوى وورد برس بالفئات و الوسوم و القوائم. على طول الطريق ,ستريك راشيل بعض الأمثلة المثيرة عن كيفية إستخدام المشاركات و الصفحات في صفحات اخرى خاصة بالوورد برس.
شاهد التقديم

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

Nemra1 September 10, 2017 No Comments

20 إضافة تقويم زمني مفيدة لـ WordPress

إن أول ما أفكر به عند سماعي لكلمتي "WordPress" و"تقويم" هو عنصر التقويم الإفتراضي الذي يعرض منشورات WordPress وفقاً للتاريخ.
لكن إضافات التقويم الزمني الخاصة بـ WordPress تضم مجموعةً أروع — ناهيك عن أنها أقوى بكثير — من الإضافات. هنالك إضافات تقويم خاصةٍ بالأحداث، الحجوزات، ومواعيد اللقاءات. بعضها يحول WordPress الى تطبيق خاص قائم بحد ذاته، بينما البعض الآخر يوفر مجموعة الأدوات الصحيحة لتجهيز بوابة دفع وجدولة زمنية تعمل بأفضل شكل.
الق نظرة على هذه العشرين إضافة تقويم لـ WordPress المتوافرة على متجر Envato وستعرف ما اعنيه.
1. EventOn – إضافة تقويم لـ WordPress

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

استعمال صور مميزة (Featured Images)
إضافة حقول البيانات الخاصة بك
دمج لخرائط Google
عناصر تحكم مرئية للتقويم ومولد Shortcodes (الـ Shortcodes هي اكواد إضافية وتعتبر طريقاً مختصراً لتنفيذ مهمة او خيارات عرض معقدة في صفحة الويب)
أصناف للأحداث مع إسناد لون خاص لكل منها
وأكثر من ذلك

وليس بإمكانك فقط أن تضيف لكل حدث صوراً، خرائط، ايقونات، الوان، وغير ذلك، بل يمكنك ايضاً أن تخصص التقويم بحيث يمكن البحث فيه وفرز الأحداث بطرق عديدة مختلفة.
إن EventOn حقاً إضافة تقويم أحداث جميلة وسهلة الاستعمال وتوفر ايضاً إضافة ملحقة عبارة عن شريط تمرير فريدٍ من نوعه.
2. نظام حجز Pinpoint النسخة الاحترافية – احجز كل شيء مع WordPress

هذا التقويم ليس مجرد تقويم عادي أو تقويم أحداث.
نظام حجز Pinpoint بنسخته الاحترافية عبارة عن نظام حجز متكامل يتضمن خيار الدمج بسهولة مع WooCommerce.
لم يكن إنشاء نظام حجوزات يوماً ما بهذه السهولة.
تتضمن الميزات:

بحث متقدم
احجز ايام وأو ساعات
دعم للعديد من اللغات والعملات
نماذج سهلة الاستعمال لتقديم طلبات الحجز
إضافة تخفيضات، قسائم حسومات (بالإنجليزية Coupons)، قسائم شرائية (Vouchers)، ضرائب، ورسوم
والمزيد غير ذلك

هذا النظام مستجيب بشكل كامل ولديه القدرة على تجهيز قوالب وإشعارات بريد الكتروني.
نظام حجز Pinpoint بنسخته الاحترافية لديه كل ما تحتاجه لبناء نظام حجز مثير للإعجاب من راحة لوحة تحكم WordPress.
3. Bookly – احجز مواعيد، احجز خدمات، احجز أي شيء! حجز سريع وسهل لعملائك!

يمكنك حجز وتحديد موعد لأي شيء تقريباً مع إضافة WordPress هذه.
Bookly عبارة عن نظام حجز مواعيد مذهل والذي يقلل بشكل كبير من الفروق بين موقع WordPress وتطبيق الويب.
مصمم بشكل جيد، مستجيب بشكل كلي، ويدعم حتى حركات اليد والأصابع المختلفة (بالإنجليزية Gestures).
ستجد أيضاً:

القدرة على بناء نماذج من خلال مصمم خاص
مزامنة مع تقويم Google
دمج لـ WooCommerce
إشعارات عن طريق البريد الإلكتروني والرسائل القصيرة
بوابات متعددة للدفع عبر الإنترنت
والكثير غير ذلك

يمكن للعملاء حجز مواعيدهم الخاصة، تضمين معلومات شخصية، والدفع. كما أن بإمكانهم إلغاء حجوزاتهم عن طريق بريدهم الالكتروني الذي تم التأكد منه.
تتوافر ايضاً القدرة على إنشاء مخططات زمنية لكل موظف — يمكنك أيضاً حجز العطل.
خيارات التخصيص الخاصة بـ Bookly والميزات المفيدة المتوافرة فيه ستجعله أكثر من مجرد وسيلة لخدمة العملاء بشكل جيد، بل ستساعد ايضاً مالك الموقع الإلكتروني على تعقب طاقم العمل لديه والمواعيد بنفس الوقت.
4. Calendarize it! إضافة لـ WordPress

بالرغم من أن هذه الاضافة مبنية بالأساس للعمل مع Visual Composer، فإنه من الممكن استعمالها بشكل منفرد.
Calendarize it! هي إضافة مليئة بالميزات التي يمكن تخصيصها بالشكل الذي يحلو لك.
مع تصميم بسيط جداً، فإن إضافة التقويم هذه يمكنها أن تلائم أي مخطط أو نمط تصميم تستعمله.
ستجد في هذه الاضافة العديد من الميزات والخصائص المفيدة، وعلى سبيل الذكر لا الحصر:

الأحداث وفقاً لوظيفة المستخدم
اشرطة جانبية وShortcodes
دعم لأنواع مخصصة من المنشورات (بالإنجليزية Post Types)
فرز متقدم مع تصنيفات مخصصة
احداث فردية، احداث متكررة، احداث متكررة بشكل اعتباطي، واحداث متكررة مع استثناءات

يمكنك أن تجهز صفحات خاصة بأماكن اللقاءات، الاستفادة من دمجها لخرائط Google، واستعمالها على نظاق عالمي مع لغات وصيغ زمنية متعددة.
Calendarize it! هي واحدة من أسرع إضافات تقويم WordPress وأكثرها قابلية للتخصيص.
5. WordPress Pro Event Calendar
هناك ميزات محددة تتوقعها في أي اضافة تقويم خاصة بـ WordPress، لكن هنالك بعض الإضافات التي تميز نفسها عن البقية.
WordPress Pro Event Calendar هي إضافة تقويم لـ WordPress تميز نفسها عن بقية الاضافات.
مصممة بشكل جيد ومستجيبة بشكل كلي، وتمتلك عدداً رائع من الميزات مثل:

دعم لإضافة WPML
خصائص مرنة وسهلة التعديل للحدث
دمج لخرائط Google
الاشتراك في تقويم معين
دعم للحقول المخصصة ومدى للتواريخ
والمزيد

لكن ما يجعلها مميزة حقاً عن بقية الإضافات هي قدرتها على استيراد الاحداث من ICS feeds وFacebook.
والHفضل من هذا كله، هو أن WordPress Pro Event Calendar تقبل الاحداث التي يتم وضعها من قبل مستخدم النهاية الأمامية (بالإنجليزية Front-End)، مما يجعل من السهل قبول أحداث المستخدم.
6. Event Booking Pro – إضافة WordPress (دون شبكة أو مع PayPal)

إليك خيار آخر رائع لتجهيز نظام حجز احداث متكامل.
إن إضافة Event Booking احترافية بشكل كبير جداً لأنها توفر ما يزيد عن 500 خيار تخصيص!
هناك العديد من الميزات في إضافة تقويم WordPress هذه، ويقوم الفريق الخاص بها بإضافة المزيد بشكل دائم. وإليك بعض هذه الميزات:

عدد غير محدود من الاحداث
لوحة تحكم AJAX
حجز متعدد وحجز دون شبكة
دعم لـ PayPal، قسائم حسومات، ودمج لـ CSV
تخصيص البريد الالكتروني لصاحب الحجز والمسؤول
والمزيد المزيد غير ذلك

لا يوجد نقص في الـ shortcodes، تدعم CSV، ويمكن تخصيص وتحديد شكل كل شيء في هذه الاضافة كما يحلو لك، مما يجعلها تلائم أي تصميم ثيم خاص بـ WordPress بشكل ممتاز.
إن Event Booking Pro فعلاً إضافة تقويم مثيرة للاعجاب.
7. Timetable Responsive Schedule
إضافة Timetable Responsive Schedule توفر مظهراً ومنهج استعمال مختلفين كلياً عن بقية اضافات التقويم الخاصة بـ WordPress.
صمم جدول مواعيد للاحداث بشكل سهل!
استعمل مولد الـ shortcode الخاص بـ Timetable لتوليد جداول مواعيد للصفوف الدراسية، الاقسام الطبية، النوادي الليلية، التدريس، والمزيد غيرها.
صمم جدول مواعيد بشكل سريع عن طريق:

إضافة حدث جديد مع يوم، وقت، صنف وغير ذلك
عدل وخصص التصميم والمظهر
ولد shortcode وضعه في منشور او صفحة ما

وهذا كل مافي الامر!
هناك وفرة من خصائص الأحداث والعديد من خيارات ال shortcode المختلفة –يوجد منتقي ألوان وتعديل للخط مضمن بها.
Timetable Responsive Schedule تضم ايضاً اصطفاف رائعاً لعناصر التحكم، مما يضيف اللمسة النهائية لواحدة من أفضل إضافات تقويم WordPress التي يمكنك ايجادها.
8. Booked – حجز مواعيد لـ WordPress
Booked هي خيار قوي آخر لحجز المواعيد.
اذا كنت تتطلع لحجز المواعيد ففكر في حجز Booked.
تدعم الإضافة الهواتف وتمتلك تصميماً مرتباً، كما أنها تضم عدداً من الصفات الجميلة:

حجز من قبل ضيف
صفحات شخصية للعملاء
حقول مخصصة وفسحات زمنية مخصصة (بالإنجليزية Time Slots وتحدد فترة حدوث حدث ما)
بريد إلكتروني قابلٌ للتخصيص للزبون وللمسؤول
اعرض التقويم الخاص بك باستخدام عنصر تحكم مرئي أو باستخدام shortcode
والمزيد

لقد احببت حقاً الصفحات الشخصية للعملاء، لكن القدرة على عرض عدة عملاء حجز مع تقويم مسند لكلٍ منهم هي الميزة التي تجعل هذه الاضافة تتميز حقاً.
اذا كنت تفكر باستخدام Booked، فتأكد ايضاً من الاطلاع على الاضافات الخاصة بـ Booked مثل: Front-End Agents، و Payments with WooCommerce، وCalendar Feeds.
9. WordPress Events Calendar Registration & Booking
إن هذه الإضافة غنية بالميزات، وتوفر بعض الخصائص التي ستجدها فقط ضمن الملحقات الخاصة بهذه الاضافة.
كل ما تحتاجه (وربما أكثر) لتجهيز نظام حجز يعمل بشكل كامل موجود في هذه الاضافة.
تتضمن الميزات التي يمكن استعمالها فوراً:

shortcodes
منتقي للألوان
دعم لعدة لغات
دمج لخرائط Google
احداث متكررة، تذاكر، وقسائم حسومات
والمزيد

إن واحدة من أفضل الميزات التي يمكنك الحصول عليها، في هذه الاضافة وغيرها، هي مؤقت العد التنازلي لجميع الاحداث الخاصة بك.
مصممة بشكل جميل ومستفيدة بشكل كبير من Bootstrap 3.0 فإن هذه الإضافة لا يجب تجاهلها.
10. Booki – اضافة تقويم مخصصة للحجوزات – نظام حجز WordPress للمواعيد وطلبات الحجز على الإنترنت

مثل العديد من الإضافات المذكورة سابقاً، فإن Booki توفر نظام حجز متكامل باستخدام WordPress.
هناك العديد من الاستعمالات الرائعة لمثل هذا النوع من الإضافات، وكل إضافة تقدم رؤيةً مختلفةً لعملية إدارة الحجوزات.
يمكنك اعداد عدد لا محدود من مشاريع الحجوزات وموفري الخدمات. وتتضمن الاضافة خيارات مثل:

إضافة ملحقات اختيارية للحجوزات
الدفع على الإنترنت عن طريق PayPal Express
الدفع دون الاتصال بالانترنت — احجز الآن، ادفع لاحقاً
صفحة احصاءات خاصة بالمسؤول مع ملخص معلومات
مزامنة الحجوزات مع تقويم Google الخاص بمزود الخدمات
والمزيد

وكالتقويم نفسه، فإن هذه الإضافة تعرض تقويم الحجوزات ومواعيد اللقاء الخاص الخاصة بك بشكل منبثق، مضمن، وغير ذلك.
Booki هي حل ممتاز لحجز المواعيد مع العديد من المشاريع وموفري الخدمات.
11. Team Booking – نظام حجز لـ WordPress

لا تحاول هذه الإضافة أن تعيد اختراع العجلة.
فإضافة Team Booking تندمج مباشرة مع شيء تستخدمه الآن على الأغلب: تقويم Google.
معظم الاضافات لديها شيء مميز.
"الشيء المميز الخاص" بهذه الإضافة هو:
استعمل تقويم Google لكي تخطط للتواجدية.
تشمل الميزات الإضافية:

حجز للفريق
قم بتخزين وتصدير البيانات الخاصة بك
دعم لـ Stripe وPayPal
نظام قبول مواعيد
نماذج مخصصة لكل نوع من أنواع الحجوزات
والمزيد

هناك ايضاً العديد من الميزات الجميلة المتعلقة بالزبائن، مثل عرض الحجوزات وخيار إلغاء الحجوزات الخاصة بالعملاء.
Team Booking هي إضافة تقويم للحجوزات حديثة وتستفيد من تقويم Google بأقصى حد.
12. WP Booking Calendar

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

تصدير لـ CSV
دمج مع PayPal
بريد إلكتروني للتحقق
القيام بحجوزات متعدد
عدد غير محدود من الفترات والفسحات الزمنية
والمزيد

يمكنك أيضاً تحديد عدد الأيام قبل أن يكون المستخدم قادراً على القيام بحجز.
WP Booking Calendar هي إضافة بسيطة وبنفس الوقت لا تقوم بالتفريط بالميزات الرائعة.
13. WordPress Multiple Events Calendar مع عد تنازلي
لا توفر العديد من إضافات التقويم الخاصة بـ WordPress مؤقت عد تنازلي للأحداث.
لكن هذه الإضافة تقوم بذلك!
إضافة التقويم هذه بسيطة جداً:

تحتوي أماكن مخصصة لعناصر التحكم المرئية (بالإنجليزية Widget Ready)
توفير معاينة حية للمسؤول
مظاهر فاتحة وغامقة للإضافة
ما يصل إلى خمسة أحداث في كل يوم
تحديد وقت دقيق للحدث (بالساعات والدقائق)

هذه الإضافة تضيف بعض التشويق بينما يكون المؤقت (المتواجد مباشرة تحت التقويم) بالعد التنازلي إلى الحدث التالي.
14. Timetable لـ WordPress
تقويم الجدول الزمني يعد خياراً رائع للحالات التي يكون فيها العديد من الاحداث التي تجري في نفس اليوم.
إضافة Timetable لديها منهج جميل في تقديم محتواها مستوحى من دليل العروض التلفزيونية.
مبنية على jQuery وCSS3، تسمح لك هذه الإضافة بإضافة الأحداث وتعديل الجدول الزمني من لوحة الإدارة الحديثة الخاصة بها.
واحدة من أقوى الميزات التي تقدمها هذه الإضافة هي القدرة على استيراد وتصدير الجداول الزمنية عن طريق CSV. وبالتالي يمكنك تعديل وإجراء التغييرات في Excel او أي تطبيق آخر لجداول البيانات ومن ثم استيراد هذه التغيرات والأحداث المضافة.
يمكنك أيضاً تحديد البرنامج الذي سيقوم بعملية الطباعة، من اجل المستخدمين الذين يفضلون مخططاتهم الزمنية على الورق.
15. Chronosly Event Calendar WordPress Plugin
معظم إضافات التقويم الخاصة بـ WordPress تركز على النهاية الخلفية (بالإنجليزية Back-End) وتترك معظم عمل التصميم للمصممين.
لكن هذه الإضافة تجعل عملية التخصيص سهلة بقدر عملية السحب والاسقاط.
هذه الإضافة قابلة للتعديل بشكل كامل ويمكن استعمالها بنمطين: بسيط ومتقدم.
الميزات المتقدمة تتضمن مجموعة كاملة من أدوات التخصيص:

كود CSS مخصص
تخصيص الـ views
تخصيص أحداث النهاية الأمامية

الميزات الاخرى تتضمن:

shortcode
متجر للإضافات والملحقات
صفحات منفردة مفصلة
متجر للقوالب
دعم لعدة لغات ودمج لخرائط Google
والمزيد

هذه الإضافة يمكن تعديلها وتخصيصها من راحة لوحة الإدارة الخاصة بـ WordPress.
16. Business Calendar – تقويم WordPress داخلي
معظم إضافات التقويم الخاصة بـ WordPress التي قمنا بتغطيتها حتى الآن تركز على مستخدم موقع الويب.
لكن مع ذلك، فإن هذه الإضافة تنقل هذا التركيز، فهي تقوم بإنشاء تقويم داخلي متكامل لكل مستخدم.
قم بتحويل نسخة WordPress المنصبة إلى منصة عمل.
تتضمن الميزات:

نظام دعوة ذكي
كل مستخدم له خيارات خاصة به
تحديد موقع خرائط Google
تفعيل تنبيهات وتذكيرات البريد الالكتروني
انشاء صفحة خاصة لكل حدث لإضافة ملاحظات، تعليقات، وتحميل ملفات
والمزيد

هذه الإضافة هي طريقة مبدعة لاستعمال WordPress كتطبيق أو كمنصة عملة كاملة التطور.
17. HBook – نظام حجز للفنادق – إضافة WordPress
يمكنك ان تستعمل إضافة حجز تناسب جميع الحالات للفنادق وأماكن الإقامة المخصصة للمبيت والفطور (بالإنجليزية Bed and Breakfast)، أو يمكنك ان تسعمل حلاً مبنياً خصيصاً لهم.
إضافة HBook هي الحل المثالي لأي شخص في مجال استضافة الزوار.
هذه الإضافة الجذابة تتضمن:

المواسم
جداول المعدلات
دفع عن طريق PayPal
تقويم للتواجدية
نماذج وقواعد للحجز
والمزيد

تتمتع هذه الإضافة بتصميم مرتب ويمكن تعديلها خصيصاً للفنادق، أماكن الإقامة المخصصة للمبيت والفطور، والمزيد.
18. WP Event Calendar

كونها مجرد تقويم لا يعني أن تكون بشعة أو مملة.
بل من الممكن أن تكون رائعة وجذابة جداً وRetina Ready* مثل إضافة WP Event Calendar. (* الرسوم والمواقع التي تكون Retina Ready، تكون تحتوي على بيكسلات أكثر في كل انش مربع، مما يسمح بصورة انعم وانقى حتى عند تكبير المشاهد لصفحة الويب.)
من الحواسيب الى الهواتف المحمولة، استمتع بهذه الميزات:

أداة تحديد للتواريخ
دعم للـ shortcode
عنصر تحكم قائمة أو ملصق
أزرار اختيارية للمشاركة على وسائل التواصل الاجتماعية
القدرة على الإختيار من بين خمس مخططات الوان
والمزيد

إن هذه الإضافة جذابة وبسيطة وتستحق أن تلقي نظرة عليها.
19. Appointkart – حجز وتخطيط للمواعيد لـ WordPress

إضافة Appointkart هي خيار فعال آخر لمن يبحث عن إضافة حجز مواعيد كاملة المزايا.
هناك الكثير من الأمور المدمجة في هذه الإضافة، ومنها التوافقية مع مواقع متعددة.
إعداد اللقاءات، قبول الدفع بشكل متصل، والعديد من الميزات الاخرى مثل:

تقارير CSV
حجز يدوي
قسائم حسومات
تذكير باللقاءات عن طريق البريد الالكتروني والرسائل النصية القصيرة
دعم لـ Stripe وPayPal Express، ودفع بشكل غير متصل
والمزيد

إن هذه الإضافة مستجيبة وقابلة للتخصيص بشكل كامل. كما تدعم أيضاً الضرائبالقيمة المضافة على الضرائب (VAT) وعدة لغات وعملات.
20. Facebook Events Calendar WordPress Plugin

بعد قائمة طويلة من إضافات التقويم WordPress، فمن الجميل أن نختم بشيء فريد من نوعه.
إن هذه الإضافة تقوم بوصل موقع التقويم الخاص بك بأحداث Facebook.
قم بسهولة بعرض الأحداث من صفحة الـ Facebook الخاصة بك، حسابك الشخصي، أوو المجموعات. من خلال استعمالهم لـ Facebook Graph API، فإنك ستستمتع بـ:

تخزين مؤقت على الخادم
دعم لعناصر تحكم مرئية متعددة
كود CSS قابلة للتخصيص (يتوافر ملف LESS)
دعم لعدة لغات وجهوزية للترجمة
تدعم صفحات وحسابات شخصية متعددة لكل تقويم
والمزيد

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

Nemra1 September 10, 2017 No Comments

أفضل 20 بوبأب & أوبت-ان في إضافات ووردبرس

نحن نعلم جميعا أن
توفير محتوى إعلامي، ترفيهي و / أو محتوى ملهم هو عنصر حاسم لجذب الزوار إلى
مواقعنا، ولكن بالنسبة للكثير من المستخدمين فإن سؤال المليون دولار هو كيفية
تحويلهم إلى مشتركين.
تظهر الأبحاث أن عمليات تنشيط النوافذ المنبثقة لديها أعلى معدل تحويل لجميع عمليات التمكين، ولكنها تصبح أقل فعالية إذا كانت مصممة بشكل سيئ. بوضع هذا في الاعتبار، قمنا بتجميع قائمة ممتازة من أفضل 20 بوبأب & أوبت-ان ووردبرس المتاحة في كود كانيون.
تكرس الإضافات 13
الأولى في القائمة من أجل الاختيارات الإضافية، في حين أن السبعة الأخيرة هي قوائم
منبثقة على وجه التحديد من نوع فريد من شأنها أن تساعد موقع الويب لديك على أن يبرز
من حزمة.
1. كونفيرتبلوغ – إضافة بوبأب من أجل ووردبرس
فيرست أب هو احد كبار
البائعين لكود كانيون، كونفيرتبلوغ. هذا البرنامج المساعد
لديه مكتبة هائلة من أكثر من 100 من القوالب الجميلة الجاهزة للصنع مصممة خصيصا
لتحويل زوار موقعك إلى مشتركين بالبريد الإلكتروني ومتابعين على مواقع التواصل
الاجتماعي وعملاء باستخدام مجموعة واسعة من البوبأبس القابلة للتخصيص التي
يتم تشغيلها بواسطة إجراءات المستخدم المختلفة.
الميزات الأساسية:

أكثر من عشرة مواقع عرض منبثقة
12 مشغل ومرشح مختلف لسلوك الزوار
القدرة على إعادة جذب الزوار غير النشطين بالنوافذ التفاعلية
القدرة على تخصيص العروض الخاصة بك إلى الزوار الجدد، والعودة وتسجيل الدخول بشكل مختلف
و اكثر

إذا كنت تركز على زيادة معدل التحويل، يجب أن يكون كونفيرتبلوغ المحطة الأولى.

2. التيميت مودال ويندوز

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

محرر قوي وسهل الاستخدام
دمج ميلشيمب و جيترسبونس
القدرة على إنشاء أي محتوى، بما في ذلك أشكال ردود الفعل أو أزرار المشاركة الاجتماعية
مجموعة واسعة من خيارات التصميم
و المزيد

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

إدراج أي محتوى عبر المحرر المدمج
إنشاء أي نوع من النوافذ المنبثقة
القدرة على وضع النوافذ المنبثقة في أي مكان
و المزيد

سوف يجتذب بوبأبس جينيراتر المستخدمين الذين يرغبون في نهج أكثر استهدافا لاختيار الإضافات.
4. ليريد بوبأبس
خصوصية ليريد بوبأبس "هي القدرة على خلق بوبأبس الخاصة المنعشة المتحركة متعددة الطبقات. إذا كان توسيخ يديك ليس طريقتك، يمكنك الاستفادة من أكثر من 150 قالب جاهز مصمم بشكل جميل.
الميزات الأساسية:

يعمل مع 65 من موفري التسويق عبر البريد الإلكتروني
محرر بصري للنوافذ المنبثقة
الحملات والإحصاءات A / B
سرعة الصفحة محسنة
و المزيد

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

60 من المواضيع المنبثقة
8 اختيارات في لوحات
تأثيرات الرسوم المتحركة
42 توحيد للتسويق عبر البريد الإلكتروني
و المزيد

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

توحيد التجارة الالكترونية
محرر مباشر
مواضيع عالية للتخصيص
تسعة خيارات للسلوك والتشغيل
و المزيد

سوف يكون تشيمبمات برو البرنامج المساعد المفضل لمستخدمي ميلشيمب، ولكن إذا كنت لا تستخدم ميلشيمب، لا تقلق – البرنامج المساعد المقبل في القائمة قد ينجدك.
7. أوبتينبوينت | الكل في اشتراك واحد من أجل ووردبرس
تم إصدار البرنامج المساعد اوبتينبوينت قبل شهرين فقط لتوسيع الميزات الرائعة من تشيمبمات برو لمستخدمي خدمات التسويق الأخرى عبر البريد الإلكتروني. مثل تشيمبمات برو، فإنه يركز على بناء اشتراكات البريد الإلكتروني من خلال تقديم أشكال مصممة تصميما جيدا وقابلة للتخصيص والتي تتكامل مع عدد من خدمات التسويق عبر البريد الإلكتروني.
الميزات الأساسية:

محرر مباشر
تسعة خيارات للسلوك والتشغيل
مواضيع عالية للتخصيص
بيانات فورية حول سلوك المستخدم
والمزيد

مع العديد من الميزات الرائعة، سوف يكون أوبتينبوينت اختيارك إذا كنت تبحث عن إضافة مساعدة بسيطة، وسهلة الاستخدام لمساعدتك على بناء قائمة البريد الإلكتروني لديك.
8. ووردبرس & ووكوميرس بيتر ديسكاونت، فوتشيرس،كوبون بوبأب بلوجين
ووردبرس & ووكوميرس بيتر ديسكاونت، فوتشيرس،كوبون بوبأب بلوجين له غرض واحد وغرض واحد فقط. ويستخدم رمز جذاب قليلا في الزاوية السفلى من شاشة موقع الويب الخاص بك لإغراء زوارك للنقر عليه. ومن ثم تحويلهم إلى مشجعين، متابعين و / أو مشتركين عبر البريد الإلكتروني من خلال تقديم حسمم خاص لهم ، شيفرة قسيمة أو كوبون من اختيارك.
الميزات الأساسية:

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

يلزم ووردبرس & ووكوميرس بيتر ديسكاونت، فوتشيرس،كوبون بوبأب بلوجين بأن يكون ناجحاً مع مواقع بيع المنتجات ولكن يمكن تكييفه كخيار أقل في وجهك للمواقع العامة كذلك.
9. سوبر فورمز – بوبأبس اد- أون
اد أون ل سوبر فورمز- دراك &دروب فورم بيلدر بيلجين، السوبر فورمز، بوبأبس اد اون لا تمتلك ابهار الرذاذ لبوبأبس الأخرى ولكنه خيار قوي جيد للمستخدمين الذين يتطلعون لتحويل الزوار إلى مشتركين بالبريد الإلكتروني.
الميزات الأساسية:

سبعة نوافذ تجريبية يمكن بسهولة البدء بها
قابلة للتخصيص بشكل كامل
12 مشغل و مرشح مختلف لسلوك الزوار
يمكن أن تجعل النوافذ لزجة
و اكثر

سوبر فورمز – بوبأبس اد- أون هي خيار رائع إذا كنت تبحث عن حل بسيط لبناء قائمة البريد الإلكتروني لديك.
10. مودال بوبأب بوكس فور فيجوال كومبوزر
يمكن شراء مربع النوافذ المنبثقة الشكلي للمكون البصري كمستقل أو يأتي مدمجاً مع كودكانيون الأكثر مبيعا التيميت ادونز فور فيجوال كومبوزر. يسمح لك البرنامج المساعد بإضافة بوبأبس المنبثقة لمجموعة واسعة من الأغراض: تمكين الإضافة للاشتراك بالبريد الإلكتروني، الشيفرات القصيرة، والصور، وأشرطة الفيديو، ونماذج الاتصال، أو الحاجيات لوسائل التواصل الاجتماعية.
الميزات الأساسية:

دعم ميلتشيمب
دعم الشيفرة القصيرة
القدرة على إضافة الصور أو الفيديو
و المزيد

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

لوحة الاشتراك بالنشرة الإخبارية في وضعية ملء الشاشة
أربع رسوم متحركة مختلفة للمظهر يمكن الاختيار من بينها
اللوحة يمكن أن يشغلها سلوك الزوار المحدد مسبقاً
النصوص، والخطوط، والألوان قابلة للتخصيص بشكل كامل
و المزيد

بالنسبة للأشخاص الذين لا يحبون التدخل بالنوافذ المنبثقة، توفرWP فلات نيوزليتر سابسكربشن بانيل نهجا سهلاً وبسيطاً لتحويل الزوار لمشتركين بالبريد الإلكتروني.
12. اوبت-ان باندا فور ووردبرس
اوبت-ان باندا فور ووردبرس هو برنامج مساعد آخر يأخذ نهجا مختلفا لاختيار الإضافة. هذا البرنامج المساعد يسمح لك بقفل جزء ذو قيمة من المحتوى على صفحة ويب، عن طريق إخفاء أو عدم وضوح ذلك، ويطلب من الزائر إدخال عنوان البريد الإلكتروني (تمكين) لفتح المحتوى الخفي.
الميزات الأساسية:

أربعة أنواع من الأقفال
يدمج مع جميع الخدمات البريدية الرئيسية والمكونات الإضافية
يمكنك الاشتراك من خلال فيسبوك، تويتر، غوغل، أو لينكيدين
تتبع النتائج الخاصة بك مع المحللات
المدمجة

اوبت-ان باندا فور ووردبرس سوف ينجد المستخدمين الذين يمكنهم بسهولة من إنشاء أو لديهم بالفعل المحتوى المتميز أو المجاني الذي يريدون أن يقدموه للمشتركين فقط.
13.سويفت فيجوال كومبوزر ادونز
يقدم سويفت فيجوال كومبوزر ادونز العديد من الميزات، ولكن ما نهتم به هنا هو السحب والإسقاط، مكون طبقات بوبأب. يتم تشغيل بوبأب بتأخير قابل للتخصيص بعد فتح الصفحة، ويمكنك تعيين عدة بوبأبس منبثقة للخروج / الترحيب لكل صفحة.
الميزات الأساسية:

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

فائدة سويفت فيجوال كومبوزر ادونز هي انك يمكن أن تصل إلى برنامج مساعد عظيم، فضلا عن 35 ميزة فريدة من نوعها أخرى لجعل موقع الويب لديك يتألق.
الآن سوف نحول انتباهنا بعيدا عن الإضافات الى غيرها من النوافذ اللطيفة والفريدة من نوعها المقدمة في كوديكانيون.
14. انوتاتربروWP – ايماج تولتيبس & زومينك

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

10 الايقونات والبقع المدمجة
وضع ملء الشاشة
ربط عميق
تحريك فوتوغرافي سلس وتكبير
و المزيد

من بين العديد من المستخدمين الذين سينجدهم برنامج انوتاتربروWP – ايماج تولتيبس & زومينك، فإن المعلمون سيجدون أنه مفيد بشكل لا يصدق.
15. وردبريس بلوجين – هوتسبوتس ويذ كومينتس

هوتسبوتس ويذ كومينتس هي انحراف عن الشارح الاحترافي WP. إنها تسمح لك بإضافة نقاط ساخنة على صورتك لإنشاء تلميحات أو تعليقات توضيحية، ولكنها تذهب خطوة أبعد من خلال السماح للزائرين بالنقرعلى أي مكان داخل الصورة لإنشاء نقاط اتصال خاصة بهم وترك التعليقات داخل صورتك.
يمكنك الإشراف على النقاط الساخنة من خلال الموافقة على التعليقات الجديدة أو حذفها أو إغلاقها تماما كما تفعل مع تعليقات وردبريس. يمكنك أيضا التحكم في من يمكنه إنشاء النقاط الساخنة ومن يمكنه مشاهدتها.
الميزات الأساسية:

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

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

يوزرنويز برو له غرض واحد، هو التواصل مع زوار موقعك من خلال ردود الفعل. يوضع رمز ردود الفعل بشكل غير مزعج على الجانب الأيسر من الشاشة ويطير خارجها عند النقر عليه.
الميزات الأساسية:

حالات ردود الفعل، مثل "جديد"، "جاري التقدم"، "مرفوض"
تصميم بسيط، غير مزعج
نموذج التعليقات القابل للتخصيص
و المزيد

سوف يعطي يوزيرنويزبرو الزوار، والزبائن والعملاء طريقة سريعة وسهلة لطرح الأسئلة، وتقديم ردود الفعل، أو ارسال المديح لك.
17. WP فلات تور بيلدر

برنامج مساعد مبتكر آخر للنافذة المنبثقة، WP فلات تور بيلدر يسمح لك بانشاء جولات بصرية على موقع ووردبرس الخاص بك على شكل سلسلة من النصوص ، تلميحات نصية وصناديق الحوار التي توجه المستخدم الى صفحات مختلفة من الموقع. ويمكن إطلاقها تلقائيا عندما يصل الزائر إلى صفحة أو عندما ينقر الزائر على عنصر معين.
الميزات الأساسية:

إدارة الجولات والخطوات بشكل كامل
قابل للتخصيص
التسلسلات يمكن أن تكون تلميح، حوار، أو النصوص
و المزيد

قد لا يكون WP فلات تور بيلدر للجميع، ولكن سوف يكون ذو قيمة كبيرة للتجارة الإلكترونية أو المواقع التعليمية.
18. بوبأببريس – بوبأبس ب سلايدر و لايتبوكس من أجل ووردبريس
بوبأببريس هي كل شيء عن التنوع. انها تسمح للمستخدمين بإدراج أي نوع من المحتوى في بوبأب، سواء كان ذلك الفيديو، شريط تمرير الصورة، محتوى تنويه والصوت والنص، لافتة الإعلانات، سمها ما شئت.
الميزات الأساسية:

يستوعب مجموعة واسعة من المحتوى المنبثق
يشتمل على شريط التمرير و صندوق مضيء
مشغلات ومرشحات مختلفة لسلوك الزائر
قابل للتخصيص بشكل كامل
و المزيد

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

تحويل الصور تلقائيا إلى صناديق الضوء
الكشف عن إصدارات عالية الدقة من الصور الخاصة بك تلقائيا
الكشف عن التسميات التوضيحية وإخفاءها عند إغلاق صندوق الإضاءة
قابل للتخصيص
و المزيد

إذا كنت تبحث عن بوبأب مثالية لتعرض صورك، تورتشوبكس ايماج لايتبوكس لووردبرس هو خيار كبير.
20. موزاييك كاليريري ادون فورفيجوال كومبوزر
مثل البرنامج المساعد السابق، موزاييك كاليريري ادون فور فيجوال كومبوزر هو كل شيء عن عرض الصور الخاصة بك مع لايتبوكس بوبأب بسيط وجميل.
الميزات الأساسية:

القدرة على خلق صالات العرض التي تستجيب بشكل كامل
مشتملة على قوالب فيجوال كومبوزر
متوافقة مع فيجوال كومبوزر المستقل وأي موضوعات مجمعة لفيجوال كومبوزر
و المزيد

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

Nemra1 September 8, 2017 No Comments

كود دردشة مثل الواتساب + محطات راديو اف ام ستريم

كود دردشة مثل الواتساب + محطات راديو اف ام ستريم كود دردشة مميزة تدعم الجوال بدون تطبيق وتتميز بمحطات راديو شات ستريم تعمل علي كل الهواتف واجهزة الكمبيوتر موضوع اليوم مختلف وجديد : اضع بين يدي اصحاب المدونات سواء بلوجر اوي بيئة تدوين ..كود دردشة شبيه بشكل كبير بالواتساب مميزات الدردشة: الدردشة تدعم الهواتف المحمولة […]

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

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

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

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

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

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

حلقة دراسية : إنشاء محتوى بأستخدام وورد برس يحتوي على مشاركات و صفحات

20 إضافة تقويم زمني مفيدة لـ WordPress

أفضل 20 بوبأب & أوبت-ان في إضافات ووردبرس

كود دردشة مثل الواتساب + محطات راديو اف ام ستريم

Recent Posts

Recent Comments

Search

Recent Post

Hello world!

LiveKit : End-to-end stack for WebRTC.

Testing Sites And Apps With Blind

Categories

SUBSCRIBE TO OUR NEWSLETTER

Platform

Contact Info

Recent Posts

Recent Comments

Search

Recent Post

Categories

Tag Cloud