أضف TwentySixteen Menu Styles إلى موضوع WordPress الخاص بك

إضافة TwentySixteen Menu Styles إلى WordPress Theme الخاص بك TwentySixteen هو سمة WordPress رائعة ، ومن أفضل ميزاته مجموعة متنوعة من أنماط القائمة المتاحة. إذا كنت تستخدم سمة مختلفة ، فقد لا تتمكن من الوصول إلى كل أنماط القائمة هذه. لحسن الحظ ، من السهل إضافة أنماط قائمة TwentySixteen إلى قالب WordPress الخاص بك. باستخدام بضعة أسطر من التعليمات البرمجية ، يمكنك الحصول على جميع أنماط القائمة نفسها المتاحة لك في المظهر الخاص بك. وإليك كيفية القيام بذلك: 1. أولاً ، افتح ورقة أنماط السمة الخاصة بك (style.css) في محرر نصي. 2. بعد ذلك ، قم بالتمرير لأسفل إلى أسفل الملف وأضف الكود التالي: / * Add TwentySixteen Menu Styles * /import url (“https://fonts.googleapis.com/css؟family=PT+Sans:400،700 ") ؛ import url (“https://fonts.googleapis.com/css؟family=PT+Serif:400،700،400italic،700italic”) ؛ 3. احفظ التغييرات وقم بتحميل ورقة الأنماط المحدثة إلى قالب WordPress الخاص بك. هذا كل ما في الامر! يمكنك الآن الاستمتاع بجميع أنماط القائمة الرائعة التي يقدمها TwentySixteen في المظهر الخاص بك.

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

شكرا لك مرة أخرى ، شكرا جزيلا. قد ترغب في النظر في بعض السمات المميزة لمعرفة ما إذا كانت توفر مزيدًا من التحكم. يمكن العثور على إجابة السؤال أعلاه حول حجم نص عنوان الموقع على موقع يسمى http://www.karavadra.net :. في كود CSS الذي أستخدمه ، أحدد أن الحجم الأكبر يتم تعيينه خصيصًا لشاشات الكمبيوتر ، بينما يتم تعيين الحجم الأصغر للهواتف المحمولة. علاوة على ذلك ، للتأكد فقط من أن رأس الصفحة الرئيسية يمثل مشكلة بشكل خاص في عرض الجوال. يشغل حاليًا الشاشة بأكملها تقريبًا ، ولكن إذا كان من الممكن تقليصها إلى (على سبيل المثال ، نصف أو ثلث حجم الشاشة) ، أعتقد أنها ستبدو أفضل بكثير.

كيف يمكنني إضافة قسم مخصص إلى موضوع WordPress الخاص بي؟

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

لقد صادفت حاجة ملحة منذ بضعة أيام عندما كنت أقوم بتطوير قالب WordPress مخصص . يجب عليك تضمين قسم الوسائط الاجتماعية في أداة التخصيص الخاصة بك. يمكن للمستخدم إدخال الروابط التي تتوافق مع ملفات تعريف وسائل التواصل الاجتماعي الخاصة به. سترى أيقونة (إذا كان الرابط المقابل متاحًا) للشبكة الاجتماعية التي ترتبط بها عند قيامهم بذلك. يتم استخدام المعلمة $ WP_Customize_Control ، وهي تتوافق مع إعدادات Instagram. ضرورية لكي تعمل الوظيفة بشكل صحيح. يتم إنجاز هذه الوظيفة باستخدام ملف header.php (أو أينما تريد ظهور الوسائط الاجتماعية). سيعرض المُخصص أيقونة instagram إذا تم إدخال الرابط في أداة التخصيص (ممنوح ، يجب تثبيت الخطوط الرائعة).

كيفية تخصيص ثيم WordPress

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

كيف يمكنني إنشاء قائمة تنقل مخصصة في WordPress؟

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

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

إذا كنت غير راضٍ عن تخطيط القائمة الحالي ، فمن المستحسن أن تقوم بتغيير السمة. يمكنك استخدام المكون الإضافي Sticky Menu (أو أي شيء! على Scroll) عن طريق تنزيله وتفعيله. الخطوة الثانية هي نسخ ولصق معرف CSS الخاص بالقائمة في مربع النص المباشر على الصفحة المباشرة لموقع الويب الخاص بك. لن تتمكن من رؤية القائمة إذا قمت بالتمرير لأسفل مسافة كافية على إحدى الصفحات لرؤيتها. خيارات تحرير القائمة الافتراضية غير كافية للعديد من المطورين. باستخدام Max Mega Menu ، يمكنك تحسين مظهر قوائم WordPress الحالية.

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