3 طرق لتخصيص قالب WordPress لجهة خارجية

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

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

يمكنك بسهولة إجراء تغييرات على سمة WordPress دون الحاجة إلى تعلم الكود. تغيير العنوان وشعار موقعك ، وإضافة أدوات ، وإعداد القوائم ، وتغيير الصفحة الرئيسية كلها خيارات. إذا اشتريت خطة WordPress.com تتضمن مكونًا إضافيًا ، فستتمكن من استخدام مكون إضافي لبناء الصفحة. من أشهر منشئي الصفحات Elementor و Beaver Builder و Divi.

كيف يمكنني تخصيص موضوعي على WordPress؟

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

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

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

تتوفر أنواع الكتل للتحرير عبر الموقع في SeedProd. يمكن استخدام الكتلة الديناميكية لإنشاء حلقات محتوى (لمنشورات المدونة ، على سبيل المثال) ، بالإضافة إلى عناوين المنشورات والصور المميزة وما إلى ذلك. يعد برنامجنا التعليمي حول كيفية إنشاء سمة WordPress مخصصة مصدرًا ممتازًا لتعلم المزيد عن مُنشئ قوالب SeedProd WordPress.

حدد علامة التبويب Appearance من قائمة Manage Appearance. من خلال النقر عليه ، يمكنك الوصول إلى مُخصص القوالب. على يمين نافذة إعدادات التخصيص ، سترى المعاينة المباشرة لموقع الويب الخاص بك. يعد مُخصص WordPress أكثر الطرق فعالية لتخصيص سمة WordPress الخاصة بك. تتوفر هذه الميزة بطريقتين: عند تسجيل الدخول أو عند عرض موقعك (عن طريق النقر فوق ارتباط تخصيص في شريط الإدارة أعلى الشاشة). في شاشة المسؤول ، حدد المظهر. يمكن الوصول إلى أداة تخصيص WordPress عبر قائمة المظهر ، التي تظهر على الجانب الأيسر من الشاشة. يمكن الآن الوصول إلى أداة تخصيص السمة. في هذا القسم ، ستجد إعداد التخصيص على الجانب الأيسر من الشاشة ، بالإضافة إلى معاينة مباشرة لموقع الويب الخاص بك على اليمين. ابدأ في تخصيص سمة WordPress الخاصة بك من خلال البحث عن الإعداد الذي تريد تغييره. في الجدول التالي ، ستجد نظرة عامة سريعة على إعدادات Customizer. يمكن تغيير خط النص ولونه ونمطه في الإعدادات. قم بتغيير لون وصورة خلفية صفحتك. يمكن أن يكون لكل صفحة لون خلفية مختلف. يمكنك تغيير لون أو خطوط العنوان. يمكن تغيير لون وخط التذييل. هناك خيارات لتغيير لون عناصر القائمة. يمكن تغيير ألوان وخطوط الأدوات. لتغيير الإعداد ، انقر فوقه وحدد الخيار الذي تريده. لتغيير الخط ، انقر فوق رمز الخط ثم حدد الخط الذي تريده. لتغيير اللون ، انقر فوق رمز اللون وحدد اللون الذي تريده. بعد الانتهاء من تخصيص المظهر الخاص بك ، اضغط على زر معاينة لرؤية التغييرات في المعاينة المباشرة لموقع الويب الخاص بك.

كيفية تخصيص موضوع WordPress الخاص بك

يعد تخصيص سمة WordPress الخاصة بك طريقة ممتازة للتأكد من أن موقعك يبدو تمامًا كما تريده. باستخدام Customizer ، يمكنك تغيير كل شيء من عنوان موقعك إلى تصميم القوائم والأشرطة الجانبية.

هل يمكنك تخصيص سمة WordPress بالكامل؟

ما عليك سوى الانتقال إلى لوحة معلومات WordPress> المظهر> السمات والنقر فوق ارتباط السمات ، وسترى صفحة تعرض المظهر الذي قمت بتثبيته. يمكنك تخصيص المظهر الخاص بك في الوقت الفعلي من خلال النقر على زر التخصيص.

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

قم بإجراء التغييرات في الشريط الجانبي الأيمن. كيفية تخصيص موضوع WordPress الخاص بك

يأتي موضوع WordPress مع عدد من الميزات والإعدادات المضمنة عند تثبيته لأول مرة. بينما يمكنك إجراء تغييرات طفيفة على مظهر موقعك والشعور به من خلال أداة تخصيص السمات ، يجب أن تذهب إلى أبعد من ذلك بكثير. باستخدام أداة تخصيص السمات ، وهي أداة WordPress مدمجة ، يمكنك تعديل شكل ومظهر موقع الويب الخاص بك. لديك خيار تعديل نظام الألوان والخطوط والتخطيط. يمكن العثور على مُخصص القوالب في قسم المظهر في لوحة معلومات WordPress الخاصة بك. قبل استخدام مُخصص القوالب ، يجب عليك أولاً تثبيت WordPress. بعد ذلك ، انتقل إلى لوحة معلومات WordPress الخاصة بك وحدد المظهر من الشريط الجانبي الأيسر. بعد النقر فوق المظهر ، سيتم عرض مُخصص السمة في القائمة اليمنى. يمكنك الوصول إليه من خلال النقر على علامة تبويب السمات ثم على رابط مخصص الموضوع النشط. يمكنك الاختيار من بين عدد من الأقسام المختلفة في صفحة مُخصص القوالب. في القسم الأول ، يوجد قسم خيارات السمة. ستتمكن من تخصيص المظهر الخاص بك في هذا القسم. CSS Custom هو القسم التالي الآن. يمكن العثور هنا على ملفات CSS المخصصة التي أضافها المؤلف إلى السمة. التالي هو Custom JavaScript ، والذي تم شرحه بمزيد من التفصيل. يمكنك العثور على ملفات JavaScript المخصصة المضافة إلى السمة بواسطة مؤلف القالب في هذا الموقع. القسم التالي هو Custom Widgets. هنا ، ستجد الأدوات المخصصة التي أضافها مؤلف المظهر الخاص بك إليها. القائمة المخصصة متاحة الآن في القسم التالي. هذا هو المكان الذي سيتم فيه عرض القوائم المخصصة التي تمت إضافتها إلى قالبك بواسطة مؤلف القالب. يمكنك أيضًا تحديد روابط مخصصة في القسم التالي. هذا هو المكان الذي سيتم فيه عرض الروابط المخصصة التي أضافها مؤلف القالب. بعد ذلك ، يوجد قسم يسمى ملفات مخصصة. يمكن العثور هنا على الملفات المخصصة التي تمت إضافتها إلى قالبك بواسطة مؤلف القالب. في القسم التالي ، ستجد خيارات السمة المخصصة. يحتوي هذا القسم على الخيارات التي أضافها المؤلف إلى قالبك. سنصل إلى المعاينة في القسم التالي. إذا كنت تريد معرفة التغييرات التي تجريها على المظهر الخاص بك ، فيمكنك القيام بذلك هنا. ثم ، ضمن الإعداد الذي تريد تعديله ، انقر فوقه.

تخصيص السمة في WordPress

يعد الوصول إلى صفحة تخصيص WordPress أمرًا بسيطًا مثل النقر فوقه. يمكنك البدء في تخصيص سمة WordPress الخاصة بك بالانتقال إلى المظهر> السمات. في هذه الصفحة ، ابحث عن السمة النشطة (Twenty Nineteen في حالتنا) وانقر على تخصيص بجوار عنوانها. يمكن تغيير قالب WordPress الخاص بك في الوقت الفعلي بمجرد فتحه.

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

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

Elementor و WPBakery و Gutenberg ، بالإضافة إلى Elementor ، كلها مكونات إضافية منشئ صفحات WordPress متوافقة مع Porto. أداة Jenga builder بالسحب والإفلات متاحة أيضًا للتنزيل مجانًا. دون الحاجة إلى تعلم لغة التصميم ، إنها طريقة سريعة وبسيطة للحفاظ على وجود احترافي عبر الإنترنت. يعد هذا الموضوع متعدد الأغراض خيارًا رائعًا لمنشئي صفحات WordPress لأنه يمكن استخدامه مع WPBakery. يأتي Massive Dynamic مع محرر نصوص مباشر مذهل يمكنك استخدامه مباشرة من الواجهة الأمامية. يحتوي H-Code على أكثر من 50 مفهومًا جاهزًا للصفحة الرئيسية يمكنك استخدامها لمنح موقع الويب الخاص بك أكبر تأثير. إذا كنت تواجه مشكلة مع أداة التخصيص على موقع WordPress الخاص بك ، فقد يرجع ذلك إلى مكون إضافي أو سمة أو جوهر قديم.

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