مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

شرح إستخدام أداة تخصيص قالب ووردبريس احدث اصدار 2020

بواسطة | أكتوبر 10, 2020 | ووردبريس

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

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

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


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

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

كيفية استخدام مُخصص سمة ووردبريس :


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

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

ملاحظة: ستضيف سمات ووردبريس المتقدمة لوحات إعداد إضافية للحصول على خيارات تخصيص إضافية .

تخصيص سمة ووردبريس

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


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

عنوان الموقع

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

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

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

تغير الوان الموقع

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

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

اضافة القوائم

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

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


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

الودجات

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

شريط جانبي

لوحة إعدادات الصفحة الرئيسية في مُخصص السمة

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

اعدادات الصفحة الرئيسية

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

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

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

تخصيص CSS

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

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

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

انشر أو احفظ أو جدولة إعدادات أداة التخصيص الخاصة بك

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

النشر

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

بمعاينة المظاهر المختلفة بدون البث المباشر


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

اختبار السمة

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

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


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

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

1. SCC Hero

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

CSS HERO

2. Beaver Builder

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

beaver builder

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: