15 طريقة لتخصيص ووردبريس بدون لمس PHP
نشرت: 2019-04-11يعمل WordPress على تشغيل 31٪ من مواقع الويب على الإنترنت ويوفر لأصحاب المواقع القدرة على إنشاء أي نوع من المواقع التي يريدونها.
بالإضافة إلى ذلك ، خصص المطورون في مجتمع WordPress وقتهم لإنشاء مكونات إضافية يمكن للأشخاص استخدامها على مواقع WordPress الخاصة بهم لتوسيع التصميم والهيكل والوظائف ، دون الحاجة إلى لمس سطر من التعليمات البرمجية .
الشيء هو ، في بعض الأحيان ، سهولة استخدام WordPress ، وبساطته ، وإعداد المكونات الإضافية والسمات المصممة مسبقًا تجعل إنشاء موقع ويب فريد من نوعه أمرًا صعبًا. بعد كل شيء ، إذا كان الجميع يستخدمون نفس المكونات الإضافية الشائعة لتصميم مواقعهم ، فستكون هناك احتمالات كبيرة بأن موقعك سيبدو مثل أي شخص آخر.
لذا ، كيف يمكنك البدء في إنشاء موقع ويب متميز ، دون الحاجة إلى تعلم لغة برمجة جديدة في كل مرة تريد فيها إضافة مظهر أو ميزة مخصصة إلى موقع WordPress الخاص بك؟
سننظر اليوم في بعض من أفضل مكونات WordPress الإضافية الموجودة في السوق حتى الآن والتي تجعل من السهل على مصممي الويب تخصيص مواقع WordPress الخاصة بهم دون لمس PHP.
لكن للبدء ، دعنا نلقي نظرة على Toolset.
مجموعة الأدوات: إنشاء مواقع متقدمة وتنفيذ التصميم الخاص بك
قد يكون إنشاء موقع ويب متطور يتجاوز مدونة أو موقع تجارة إلكترونية بسيط مع عدد قليل من المنتجات أمرًا صعبًا بالنسبة لأولئك الذين لديهم معرفة محدودة بالشفرة. في الواقع ، من أجل إنشاء مواقع قوائم وأدلة ومواقع عضوية وغير ذلك ، يجب عليك الاستثمار في العديد من المكونات الإضافية الفردية وموضوع متعدد الأغراض لإنجاز المهمة.
وهنا يأتي دور Toolset ويجعل حياتك أسهل. تمنحك Toolset تحكمًا كاملاً في شكل وأسلوب موقعك ، بخلاف أي شيء يمكن أن يحققه مكون إضافي أو مكونان. ناهيك عن أنه يمنح المصممين طريقة سهلة لاستيراد تصميم مخصص ببضع نقرات بسيطة ، دون التضحية بالقوة أو الوظيفة.
فيما يلي بعض الأمثلة الواقعية لأنواع المواقع التي يمكنك إنشاؤها باستخدام Toolset ( بدون لمس أي كود PHP ):
- قم ببناء موقع مثل Airbnb ، مع استكمال عوامل تصفية البحث المتقدمة وخريطة حتى يتمكن الأشخاص من العثور بسهولة على ما يبحثون عنه بمجرد وصولهم إلى موقعك.
- قم بإنشاء موقع يشبه Craigslist يتيح للأشخاص إرسال قوائمهم على الواجهة الأمامية لموقع الويب الخاص بك.
- ابدأ متجرًا معقدًا للتجارة الإلكترونية مثل Amazon باستخدام عوامل تصفية البحث والمحتوى المخصص والتنقل.
أخيرًا ، لنفترض أنك مالك صالة ألعاب رياضية وتريد السماح للأشخاص بالبحث عن مدرب على موقعك. للبدء ، ستحتاج إلى إنشاء ملفات تعريف للمدرب ، كاملة بالمعلومات الشخصية مثل الاسم والتخصصات وأسعار الذهاب والمزيد.
بدون Toolset ، سيكون من الصعب جدًا القيام بذلك نظرًا لوجود العديد من الأجزاء المتحركة التي يجب أن تتحد معًا لجعلها تعمل. ولكن باستخدام Toolset ، يمكنك إضافة هذا المحتوى المخصص والتصميم الخاص بك إلى موقع الويب الخاص بك باتباع الخطوات البسيطة التالية:
- استخدم Photoshop لتصميم بحث متقدم باستخدام عوامل تصفية مخصصة للعثور على مدرب شخصي باستخدام Toolset.
- قم بتحويل تصميمك من PSD إلى HTML و CSS.
- نفذ تصميمك في نموذج البحث. استخدم Toolset لإنشاء نموذج البحث ( لا تقلق ، ستنشئ Toolset رمز PHP لك ). أضف HTML و CSS الخاصين بك إلى هذا البحث المخصص.
وهذا كل شيء!
إذا كنت لا ترغب في تحويل ملفات .psd إلى HTML أو CSS ، كما هو موضح في الخطوة 2 ، فاستخدم قوة أدوات التصميم مثل Elementor و Divi ، وكلاهما يعمل بسلاسة مع Toolset.
ومن هناك ، استمر في القراءة للتعرف على الأدوات المفيدة الأخرى التي ستتيح لك تصميم موقع أحلامك دون استخدام الكود.
العنصر
Elementor هو أداة إنشاء صفحات السحب والإفلات لـ WordPress والتي ستتيح لك إنشاء تصميمات ويب متطورة دون الحاجة إلى استخدام أي رمز. ناهيك عن أنها تفتخر بكونها أول أداة إنشاء صفحات أمامية مجانية ومفتوحة المصدر بالكامل. قم بإنشاء أي صفحة ويب أو نوع منشور مخصص باستخدام هذه الأداة الشاملة لبناء الصفحات ، واكتسب الإلهام باستخدام أحد القوالب العديدة المصممة مسبقًا.
استخدم عناصر الويب المضمنة لإنشاء أشياء مثل الأزرار والنماذج وقوائم التنقل. وحتى إضافة منتجات WooCommerce إلى موقع الويب الخاص بك كطريقة لكسب المال عبر الإنترنت. يوفر Elementor لمصممي الويب تصميمًا مثاليًا للبكسل ومئات من خطوط Google وخيارات ألوان غير محدودة وغير ذلك الكثير ، كل ذلك بنقرة بسيطة على زر هنا وهناك.
ديفي بيلدر
Divi هو منشئ صفحات السحب والإفلات المرئي الآخر الذي يساعد مصممي الويب الجدد وذوي الخبرة على إنشاء مواقع ويب مخصصة بالكامل مع وظائف تتجاوز مواقع WordPress التقليدية. استخدم أيًا من العناصر سابقة الإنشاء التي تأتي مع أداة إنشاء الصفحات حتى لا تضطر أبدًا إلى لمس سطر من التعليمات البرمجية. بالإضافة إلى ذلك ، اختر من بين عدد غير محدود من تخطيطات الصفحات ، وقم بإنشاء صفحات مقصودة مخصصة ، واعلم أنه بغض النظر عن الموضوع الذي تستخدمه ، ستعمل Divi.
Vectr - محرر رسومات مضمن
Vectr هو مكون إضافي فريد لبرنامج WordPress يتيح لك إنشاء وتحرير الصور المشروحة والعلامات المائية واللافتات والرسوم البيانية والصور المتجهة الأخرى مباشرة في لوحة القيادة في موقع الويب الخاص بك. يمكنك تضمين أي صورة تقوم بإنشائها مباشرة في منشوراتك أو صفحاتك ، وتغيير حجم التصميمات دون التضحية بالجودة ، وحتى تنزيل إبداعاتك على سطح المكتب الخاص بك لاستخدامها لاحقًا.
معرض إنفيرا
Envira Gallery هو مكون إضافي لمعرض الصور يجعل إضافة صور مذهلة إلى موقع الويب الخاص بك أمرًا سهلاً وسريعًا - لا يلزم أي ترميز. هناك أداة إنشاء السحب والإفلات لتحميل معرض الصور الخاص بك وإعادة ترتيبه ونشره في غضون دقائق. بالإضافة إلى ذلك ، يأتي مُحسّنًا لتحسين محركات البحث ، مع قوالب مسبقة الصنع ، ويسمح أيضًا بالمشاركة عبر منصات الوسائط الاجتماعية لعرض موقعك على قاعدة جمهور أوسع.
أزرار مشاركة الوسائط الاجتماعية
لا تسهل أزرار مشاركة الوسائط الاجتماعية على زوار الموقع فقط مشاركة المحتوى المفضل لديهم مع من يعرفونهم ويحبونك أو يتابعونك على حسابات الوسائط الاجتماعية الخاصة بك ، ولكنها أيضًا تجعل أيقونات الوسائط الاجتماعية تبدو جيدة على موقع الويب الخاص بك أيضًا. اختر من بين 16 نمطًا مختلفًا للرموز لتناسب العلامة التجارية لموقعك ، وقم بتعيين رسوم متحركة للرموز الخاصة بك لمزيد من الجاذبية المرئية ، بل وقم بإضافة الأعداد كدليل اجتماعي على أن الأشخاص يقرؤون المحتوى الخاص بك ويحبون ما يرونه. أخيرًا ، حدد مكان عرض أزرار المشاركة الاجتماعية وأيقونات الوسائط للحصول على أكبر قدر من التعرض والاستفادة.
أدخل الرؤوس والتذييلات
إدراج رؤوس وتذييلات هو المكون الإضافي المثالي لبرنامج WordPress إذا كنت ترغب في تخصيص أقسام رأس الصفحة وتذييلها في موقع الويب الخاص بك دون لمس ملفات السمات الخاصة بك. يمكنك إدراج رمز ( مثل رمز Google Analytics ) و CSS مخصص و Facebook Pixel والمزيد في المكون الإضافي والسماح له بالباقي نيابة عنك. لا تخاطر بإفساد موقع الويب الخاص بك بالكامل عن طريق العبث برموز معقدة وملفات السمات ، واستخدم هذا المكون الإضافي بدلاً من ذلك في أي سمة WordPress من اختيارك وتقلق بشأن أشياء أكثر أهمية مثل كسب المال أو إنشاء متابعين أكبر.
روابط مختصرة بواسطة Pretty Links
تتيح لك Pretty Links اختصار الروابط ، مثل الروابط التابعة وروابط حملات البريد الإلكتروني والروابط على Twitter دون استخدام أدوات الجهات الخارجية مثل tinyurl.com. بالإضافة إلى وجود روابط ذات مظهر احترافي ومخصصة على موقع الويب الخاص بك ليراها زوار الموقع ، ستتلقى أيضًا تقارير مفصلة حول مصدر كل رابط ، والمتصفح ، ونظام التشغيل ، وحتى المضيف.
تقويم الأحداث
يتيح لك تقويم الأحداث القيام بأحد شيئين. للبدء ، يمكنك إنشاء تقويم كامل الوظائف ، مليء بالأحداث المتعلقة بشركتك أو مؤسستك أو قضيتك أو حتى قاعدة جمهورك حتى يتمكن زوار الموقع من مشاهدة الأحداث القادمة والانضمام إلى المرح. ثانيًا ، عند دمجه مع مكون إضافي لنموذج اتصال متوافق ، مثل WPForms المذكورة سابقًا ، يمكنك إنشاء نوع منشور مخصص يسمى الأحداث ، وإنشاء تقويم مفتوح ، ودمج كليهما مع نموذجك عبر الإنترنت الذي يتيح للمستخدمين إرسال أحداثهم على أمل أن يفعلوا ذلك. ستظهر على الواجهة الأمامية لموقعك. أضف خرائط Google ، واعرض طرق عرض مختلفة ، وقم أيضًا بحفظ الأماكن والمنظمين لجعل تخطيط الأحداث أسهل كثيرًا.
الكل في واحد المقتطفات المنسقة للمخطط
All In One Schema Rich Snippets تجعل من السهل عليك تخصيص مظهر منشورات وصفحات موقع الويب الخاص بك حتى في محركات البحث. أضف معلومات إضافية ، مثل تقييمات النجوم ، والصور ، وعدد المراجعات ، والفيديو ، والمزيد لإبراز موقع الويب الخاص بك وتشجيع الأشخاص على النقر عليه. كل ما عليك فعله هو إدخال البيانات التي تريد ظهورها في النتائج والسماح للمكون الإضافي بالباقي. ولا يتعين عليك معرفة أي رمز لتشغيله.
خطوط جوجل سهلة
توفر Easy Google Fonts طريقة بسيطة لك لإضافة خطوط مخصصة إلى موقع WordPress الخاص بك دون الحاجة إلى العبث برموز خيالية أو تحميل الخطوط في قاعدة البيانات الخاصة بك أو التعامل مع الخطوط المتاحة فقط لموضوعك. بدلاً من ذلك ، اختر ما تريد من أكثر من 600 خط جميل وقم بتخصيص موقعك ليلائم علامتك التجارية وشخصيتك. أدرج جميع أوراق الأنماط في قائمة تلقائيًا ، وقم بتحديث المظهر الخاص بك دون فقد تخصيصاتك ، ولا تلمس ملفات السمات مرة أخرى مطلقًا.
برنامج إضافي للوظائف ذات الصلة (YARPP)
لم يتم تحديث YARPP في بعض الوقت ، ولكن ليست هناك حاجة لأنه لا يزال قويًا. لا يمكنك فقط التوصية بقراءة أو منتجات إضافية لزوار الموقع ، ولكن يمكنك أيضًا الحفاظ على التحكم الكامل في كيفية ظهور التوصيات على موقعك أيضًا. باستخدام هذا المكون الإضافي ، يمكنك أيضًا عرض الصور المصغرة واستخدامها عبر شبكة متعددة المواقع.
تعطيل التعليقات
يتيح لك تعطيل التعليقات تعطيل جميع التعليقات على مستوى العالم عبر موقع WordPress الخاص بك. إذا كنت لا تحب غربلة التعليقات غير المرغوب فيها ، فلا تدير موقعًا يحتاج إلى هذا النوع من التفاعل ، أو لا تحب الطريقة التي يظهر بها نظام التعليقات على موقع الويب الخاص بك ، فهذا هو الحل المناسب لك. سيتم إخفاء جميع روابط التعليقات في لوحة معلومات WordPress الخاصة بك ، وستتم إزالة رأس X-Pingback HTTP من جميع الصفحات ( مع تعطيل pingbacks الصادرة ) ، وحتى عناصر واجهة المستخدم المتعلقة بالتعليق التي قد يكون موضوعك قد تم تعطيلها.
منضدة
يعد TablePress مكونًا إضافيًا رائعًا لبرنامج WordPress إذا كنت ترغب في إنشاء وعرض جداول جميلة تعمل بكامل طاقتها على موقع الويب الخاص بك. قم بتضمين إبداعاتك في المنشورات والصفحات وعناصر واجهة المستخدم النصية باستخدام رمز قصير بسيط. يمكن تحرير جميع الجداول في واجهة شبيهة بجداول البيانات ، لذلك لن تكون هناك حاجة أبدًا إلى الترميز. ويمكنك حتى استيراد الجداول وتصديرها حسب الحاجة من / إلى ملفات Excel و CSV و HTML و JSON.
خيارات القطعة
تمنحك خيارات عنصر واجهة المستخدم التحكم في جميع الأدوات الموجودة على موقع الويب الخاص بك. قم بتعيين محتوى مختلف للظهور في الأشرطة الجانبية وأقسام التذييل في موقع الويب الخاص بك ، وقم بتغيير رؤية ومظهر عناصر واجهة المستخدم الفردية عبر جميع الأجهزة ، بل وقم بمحاذاة أدواتك بحيث تبدو سلسة على موقع الويب الخاص بك في جميع الأوقات. وأفضل جزء؟ يمكنك رؤية التغييرات في المعاينة المباشرة قبل الحفظ للتأكد من أن كل شيء على الواجهة الأمامية لموقعك يبدو بالطريقة التي تريدها تمامًا.
تخصيص موقع WordPress الخاص بك
WordPress شائع كما هو لسبب ما. إنه مرن ، ويمكن تخصيصه بالكامل ، ويأتي مع الكثير من المكونات الإضافية المجانية والمتميزة لتوسيع تصميمه وهيكله ووظائفه.
ولكن الأفضل من ذلك كله ، أن WordPress ( على الرغم من أن المطورين المتقدمين للغاية يمكنهم إنشاء أشياء مذهلة باستخدامه ) يأتي بسهولة بما يكفي لاستخدامه حتى لأصحاب مواقع الويب المبتدئين حتى يتمكنوا من إنشاء موقع ويب متميز يتناسب مع علامتهم التجارية ويحقق أهدافهم ، دون الحاجة إلى ذلك. للمس سطر واحد من كود PHP.