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

ومع ذلك، قد يكون التنقل عبر مجموعة خيارات التخصيص أمرًا مرهقًا في بعض الأحيان.

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

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

كيفية الوصول إلى أداة تخصيص قالب ووردبريس

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

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

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

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

🧐 هل لا تستطيع العثور على مخصص القالب؟ إليك كيفية إصلاح مخصص القالب المفقود في لوحة إدارة ووردبريس.

كيفية استخدام أداة تخصيص قالب ووردبريس

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

تأتي أداة تخصيص قالب ووردبريس مع مجموعة من الألواح الافتراضية بغض النظر عن القالب الذي تستخدمه.

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

ملاحظة: ستحتوي قوالب ووردبريس المتقدمة على لوحات إعداد إضافية لخيارات التخصيص الإضافية (مزيد من التفاصيل حول هذا لاحقًا).

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

هل أنت مستعد؟ فلنبدأ.

لوحة هوية الموقع: إضافة عنوان وشعار ورمز مفضل

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

افتراضيًا، يضيف ووردبريس “موقع ووردبريس عربي آخر” كشعار ترويجي للموقع. نوصي بتغييره بعد تثبيت ووردبريس على موقعك، ولكن يمكنك أيضًا تركه فارغ إذا أردت.

تتيح لك لوحة “هوية الموقع” في مخصص قالب ووردبريس أيضًا إضافة شعار موقعك. ما عليك سوى النقر فوق خيار “Select Site Icon” لتحميل شعار الموقع الكتروني الخاص بك.

هل تريد إضافة ايقونة مفضلة إلى موقعك؟ يمكنك القيام بذلك بالنقر فوق خيار “تحديد ايقونة الموقع”. للحصول على تعليمات مفصلة، ​​يمكنك اتباع دليلنا حول كيفية إنشاء ايقونة مفضلة وإضافته إلى موقعك.

أداة تخصيص قالب ووردبريس: تغيير الألوان على الموقع الكتروني الخاص بك

تختلف عناصر التحكم في لوحة “الألوان” بشكل كبير وفقا لقالب ووردبريس الذي تستخدمه.

على سبيل المثال، يتيح لك قالب Twenty Seventeen اختيار لون نص العنوان وتحديد مخطط الألوان لموقع الويب بالكامل.

قد توفر قوالب ووردبريس الأخرى خيارات ألوان مختلفة لعناصر الموقع مثل العناوين والروابط ونص الجسم وخلفية الموقع الكتروني الخاص بك.

إضافة قوائم التنقل في أداة تخصيص القالب

تتيح لك لوحة “القوائم” إنشاء قوائم التنقل والتحكم في موقعها على الموقع الكتروني الخاص بك.

في هذه علامة التبويب، ستجد جميع قوائم ووردبريس الموجودة التي أنشأتها مسبقا. يمكنك النقر فوق الزر “عرض جميع المواقع” للتحقق من مواقع القوائم المتاحة التي يدعمها قالبك.

لإنشاء قائمة جديدة، تحتاج إلى النقر فوق الزر “إنشاء قائمة جديدة”.

بعد ذلك، ستحتاج إلى إعطاء اسم لقائمتك حتى تتمكن من إدارتها بسهولة لاحقا. يمكنك أيضًا تحديد موقع القائمة والنقر فوق “التالي” للمتابعة.

لإضافة عناصر إلى هذه القائمة، ستحتاج إلى البدء بالنقر فوق الزر “إضافة عناصر”. سيؤدي هذا إلى فتح لوحة جديدة.

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

لإعادة ترتيب العناصر، يمكنك النقر فوق رابط “إعادة الترتيب” ثم استخدام أيقونات الأسهم لضبط عناصر القائمة.

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

تتيح لك لوحة “الويدجات” إضافة الويدجات وإدارتها على موقعك. سيؤدي النقر فوقها إلى إظهار المواقع المختلفة لإضافة الويدجات. ومرة ​​أخرى، سيختلف هذا وفقا للقالب الذي تستخدمه.

على سبيل المثال، يوفر قالب Twenty Seventeen ثلاثة مواقع للويدجت، بينما يأتي قالب Twenty Nineteen بموقع واحد فقط.

عند النقر فوق أي منها، سترى الويدجات التي أضفتها مسبقا إلى هذا الموقع.

لإضافة ويدجت جديدة، يمكنك النقر فوق الزر “إضافة ويدجت”. سيؤدي هذا إلى فتح لوحة جديدة حيث سترى قائمة بجميع الويدجات المتاحة.

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

لوحة إعدادات الصفحة الرئيسية في أداة تخصيص القالب

بشكل افتراضي، يعرض ووردبريس أحدث منشورات المدونة على صفحتك الرئيسية.

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

لاستخدام صفحة رئيسية مخصصة، ستحتاج إلى تحديد زر الاختيار “صفحة ثابتة” في لوحة “إعدادات الصفحة الرئيسية”.

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

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

لوحة CSS إضافية لإضافة CSS مخصص

هل تريد إضافة كود CSS مخصص لتصميم الموقع الكتروني الخاص بك؟ يمكنك القيام بذلك في لوحة “CSS إضافية”.

غالبًا ما يقوم مستخدمو ووردبريس المتوسطون والمتقدمون بتخصيص مواقعهم عن طريق إضافة كود CSS مباشرة إلى ملف style.css الخاص بقالبك. تتطلب هذه الطريقة خطوات إضافية مثل الوصول إلى استضافة ووردبريس عبر FTP، وتعديل ملفات القالب، وما إلى ذلك.

الحل الأسهل للمبتدئين هو إضافة كود CSS المخصص إلى لوحة “CSS إضافية” في مخصص قالب ووردبريس. سيسمح لك هذا بإجراء تغييرات على موقعك ورؤيتها مباشرة على الجانب الأيسر من شاشتك.

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

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

خيارات أخرى لتخصيص القالب

توفر بعض القوالب المجانية والمدفوعة المزيد من خيارات تخصيص القالب.

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

يمكنك أيضًا إضافة ميزات معينة إلى أداة تخصيص القالب الخاصة بك بمساعدة الاضافات.

على سبيل المثال، باستخدام اضافة Easy Google Fonts، يمكنك إضافة خطوط مخصصة في ووردبريس.

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

من المهم لكل مالك موقع الكتروني التأكد من أن موقعه يستجيب للأجهزة المحمولة ويبدو جيد على جميع أحجام الشاشات.

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

في الجزء السفلي من لوحة تخصيص القالب، ستجد ثلاثة أيقونات ورابط “إخفاء عناصر التحكم”.

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

يعد رابط “إخفاء عناصر التحكم” مفيد لإخفاء لوحة تخصيص ووردبريس حتى تتمكن من عرض موقعك بشكل صحيح على سطح المكتب.

نشر إعدادات المخصص أو حفظها أو جدولتها

بمجرد إجراء التغييرات اللازمة، يتعين عليك تطبيقها على موقعك. وإلا، فسوف تضيع كل جهودك.

استمر وانقر على زر “نشر” لتطبيق التغييرات. بمجرد اكتمال العملية، يمكنك النقر على زر الإغلاق في الزاوية اليمنى العليا من الشاشة للخروج من مخصص القالب.

ماذا لو كنت بحاجة إلى مزيد من الوقت لإتمام تصميمك الجديد؟ في هذه الحالة، يمكنك حفظ تصميمك الجديد كمسودة وحتى مشاركته مع شخص ما دون منحه حق الوصول إلى منطقة المسؤول الخاصة بك.

للقيام بذلك، ستحتاج إلى النقر فوق ايقونة الترس بجوار زر “نشر”. سيؤدي هذا إلى فتح لوحة “الإجراء”.

ستجد هنا ثلاثة خيارات: “نشر” و”حفظ المسودة” و”جدولة”.

ما عليك سوى تحديد زر الاختيار “حفظ المسودة” في لوحة “الإجراء”. ثم انقر فوق الزر “حفظ المسودة” لتخزين التغييرات.

يمكنك الأن نسخ رابط المعاينة ومشاركته مع الأخرين للحصل على ردود الفعل.

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

أخيرًا، إذا كنت تريد إعادة تعيين التغييرات غير المنشورة، فيمكنك النقر فوق رابط “تجاهل التغييرات” في لوحة “الإجراءات”.

معاينة مواضيع مختلفة دون الحاجة إلى البث المباشر

هناك أوقات تريد فيها التحقق من مظهر قالب جديد على موقعك. ومع ذلك، لا تريد تنشيطه على موقعك الكتروني المباشر.

في هذه الحالة، يمكنك فتح أداة التخصيص الخاصة بـ ووردبريس لاختبار القوالب الجديدة دون تفعيلها.

في لوحة التخصيص، ستجد اسم القالب النشط لديك وزر “تغيير”.

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

للتحقق من قالب معين، تحتاج إلى النقر فوق الزر “معاينة مباشرة”.

يمكنك أيضًا معاينة القوالب من مستودع قوالب ووردبريس.

للقيام بذلك، ستحتاج إلى تحديد مربع الاختيار “قوالب WordPress.org” في اللوحة اليمنى. سيؤدي هذا إلى عرض القوالب من دليل WordPress.org.

ما عليك سوى النقر فوق الزر “تثبيت ومعاينة” لتحديد القالب الذي يعجبك.

يمكنك أيضًا تصفية القوالب من خلال النقر فوق الزر “تصفية القوالب” الموجود في الزاوية اليمنى العليا من الشاشة.

ملاحظة: نوصي باستخدام موقع الكتروني ووردبريس مؤقت لاختبار القوالب الجديدة بدلاً من استخدام المخصص على موقع مباشر.

استيراد أو تصدير إعدادات تخصيص القالب

هل تعلم أنه يمكنك استيراد وتصدير إعدادات تخصيص القالب؟

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

للحصول على تعليمات مفصلة، ​​يمكنك اتباع دليلنا حول كيفية استيراد وتصدير إعدادات تخصيص القالب في ووردبريس.

بدائل تخصيص قالب ووردبريس

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

ماذا لو أعجبك مقالبك ولكنك ترغب في أن يحتوي على خيارات تخصيص إضافية؟

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

Beaver Builder

يعد Beaver Builder أحد أفضل منشئي الصفحة لـ ووردبريس. فهو يسمح لك بإنشاء صفحات مذهلة لموقعك باستخدام واجهة السحب والإفلات.

وأفضل جزء هو أن Beaver Builder يعمل مع كل قالب ووردبريس تقريبًا. وهذا يسمح لك باستخدامه مع القالب الحالي لديك.

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

Thrive Theme Builder

Thrive Theme Builder هو اضافة أخرة شائعة لإنشاء قالب باستخدام السحب والإفلات لـ ووردبريس. يمكنك استخدامه لإنشاء قالب ووردبريس مخصص بسهولة، دون الحاجة إلى الكود.

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

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

بالإضافة إلى ذلك، هناك أكثر من 100 عنصر تصميم وبناء موقع يمكنك إضافتها بسرعة إلى القالب الخاص بك عن طريق سحبها وإفلاتها في مكانها.

CSS Hero

CSS Hero هو اضافة ووردبريس يتيح لك تخصيص موقعك دون كتابة سطر واحد من أكواد CSS. لديك الحرية في تصميم كل عنصر من عناصر موقعك دون أي متاعب.

هل تريد تخصيص صفحة تسجيل الدخول لموقع ووردبريس الخاص بك؟ يتيح لك CSS Hero القيام بذلك في غضون بضع دقائق.

يمكنك أيضًا تحرير التغييرات ومعاينتها على الواجهة الأمامية للتأكد من أن تصميمك يبدو مثالي على كل جهاز.

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