كيفية تخصيص قالب WordPress من The Theme Foundry

نشرت: 2022-10-23

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

ستساعدك الخطوات أدناه في تخصيص سمة WordPress. هذه عملية بسيطة يمكن جعلها أكثر إمتاعًا باستخدام بعض الأدوات المجانية المتاحة. في لمح البصر ، ستعرف كيف تصبح محترفًا. تُستخدم CSS ، وهي لغة برمجة ، لتطبيق النمط (الألوان والخطوط والتخطيطات) على HTML. يمكن ارتداؤها بطرق مختلفة ، كما لو كانت دمية. يتيح لك Google Chrome و Safari's Web Inspector إجراء تغييرات على CSS لأي موقع ويب تقوم بعرضه. نتيجة لذلك ، يمكنك تجربة خيارات مختلفة مثل تغيير كل النص في New York Times إلى اللون الأزرق.

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

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

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

الائتمان: sourcedigit.com

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

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

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

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

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

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