Kata أداة إنشاء الرؤوس هي أداة متعددة الاستخدامات مصممة لتمكين المستخدمين من إنشاء وتخصيص رؤوس مواقعهم الإلكترونية في بيئة تحرير Elementor باستخدام مصمم دون الحاجة إلى معرفة برمجية. أضف أدواتك المفضلة لإنشاء قالبك الخاص. سيُعتبر القالب المُصمم الترويسة الرئيسية لموقعك الإلكتروني، وسيتم تحميله في الأعلى. يوفر واجهة سحب وإفلات، وخيارات تخصيص متعددة، وقوالب مُعدّة مسبقًا لجعل عملية تصميم الترويسة سهلة وفعّالة.
ملاحظات: واحد من Kata رأس منشئالميزة الفريدة هي أن عناصر واجهة المستخدم الرسومية يتم وضعها بجوار بعضها البعض بدلاً من وضعها تحت بعضها البعض.
فيما يلي شرح لميزاته ووظائفه:
1. محرر السحب والإفلات
يستخدم مُنشئ العناوين واجهة سحب وإفلات سهلة الاستخدام، مما يُمكّن المستخدمين من إضافة عناصر وترتيبها وتغيير حجمها، مثل الشعارات والقوائم والأزرار وأشرطة البحث وأيقونات التواصل الاجتماعي وغيرها. يمكنك وضع هذه العناصر في صفوف وأعمدة مُحددة للتحكم الدقيق في التصميم.
2. قوالب محددة مسبقًا
Kata يُقدّم الموقع العديد من قوالب رأس الصفحة الجاهزة التي يمكنك استيرادها وتخصيصها. هذه القوالب متجاوبة ومصممة لتناسب أنواعًا مختلفة من المواقع الإلكترونية، مثل المدونات، ومتاجر التجارة الإلكترونية، ومواقع الشركات.
3. تخصيص التخطيط
يمكنك تخصيص تخطيط الرأس ليتناسب مع نمط موقع الويب الخاص بك:
الصفوف و الأعمدة:أضف صفوفًا وأعمدة متعددة لتنظيم رأس الصفحة.
إعدادات العرض:ضبط عرض الرأس، من العرض الكامل إلى التخطيط المربع.
4. خيارات التصميم
يتضمن المنشئ أدوات تصميم شاملة:
التباعد والحشو:ضبط الهوامش والحشوات للحصول على تصميم مصقول.
الألوان والخلفيات:تخصيص الألوان، والتدرجات، أو إضافة الصور كخلفيات.
طباعة:ضبط أنماط الخطوط وأحجامها وأوزانها لعناصر النص.
5. دعم المحتوى الديناميكي
Kataيتكامل مُنشئ الرؤوس مع وظيفة المحتوى الديناميكي في ووردبريس، مما يسمح لك بعرض محتوى مخصص بناءً على ملف تعريف المستخدم، مثل أزرار تسجيل الدخول/الخروج أو التحيات المخصصة.
6. الميزات المتقدمة
الضخمة القائمة:أضف خيارات تنقل متقدمة باستخدام ميزة القائمة الضخمة، وعرض الفئات والصور والأدوات.
التعليمات البرمجية المخصصة:أدرج أجزاء HTML أو CSS أو JavaScript للتخصيص المتقدم.
تكاملات الطرف الثالث:متوافق مع المكونات الإضافية الشهيرة مثل WooCommerce، مما يجعل من السهل إضافة أيقونات عربة التسوق أو روابط حساب المستخدم.
7. التصدير والاستيراد
احفظ تصميمات رأس الصفحة كقوالب لإعادة استخدامها على مواقع ويب أخرى أو أقسام مختلفة من موقعك الحالي. يمكنك أيضًا استيراد رؤوس صفحات مشتركة من مواقع أخرى. Kata المستخدمون أو مقدمون من مطوري القوالب.
الوصول إلى مُنشئ الرأس
للوصول إلى "منشئ الرأس"، انتقل إلى wp-admin > Kata > رأس الصفحة.
أنت الآن في الداخل Kata أداة إنشاء الرؤوس. سيتم فتح محرر Elementor افتراضيًا، وستظهر لك نافذة منبثقة. Kata الشعار، وقائمة موقعك الإلكتروني، وعناصر رأسية متعددة، بما في ذلك أيقونة البحث، وحساب المستخدم، وقائمة الأمنيات، وسلة التسوق. على الجانب الأيسر، يمكنك رؤية أدوات Elementor الخاصة بـ Kata أداة إنشاء رأس الصفحة.
هذه هي الأدوات المُستخدمة عادةً في رأس الصفحة. مع ذلك، يُمكنك استخدام أي أداة تُريدها في رأس الصفحة.
- Kata الشعار
- Kata القائمة
- Kata البحث
- Kata السلة
- Kata التاريخ
- Kata قائمة همبرغر
- Kata لغة الجلاد
- Kata تسجيل الدخول
- Kata الطقس
أضف العنصر المطلوب إلى قسم الرأس وابدأ في التصميم.
رأس الصفحة مستجيب
يجب أن يختلف تصميم ومظهر رأس الصفحة باختلاف الأجهزة، نظرًا لاختلاف حجم الشاشة. لهذا الغرض، أنشئ قسمًا آخر أسفل رأس الصفحة، ولكن صمّمه ليناسب الشاشات الصغيرة.
عادةً ما تُعرض عناصر القائمة بشكل مختلف على الأجهزة المحمولة. يُستبدل زر التبديل بعناصر العنوان، بحيث تظهر القائمة كاملةً بمجرد النقر عليه.
استخدم Kata يحتوي عنصر القائمة على خيار لقائمة متجاوبة تحتوي على قالب افتراضي بمجرد تفعيلها.
لا يمكن تخصيص هذا التصميم حاليًا. لذا، إذا كنت ترغب في الحصول على قائمة متجاوبة أكثر تطورًا، فستحتاج إلى استخدام Kata عنصر من قائمة الهامبرغر.
أنشئ قسمًا أسفل القسم الرئيسي وضع فيه Kata الشعار، Kata قائمة الهامبرغر، وعناصر أخرى فيها.
الآن، عليك تصميم قالب محتوى Elementor، والذي يُمكن عرضه بالضغط على زر التبديل. افتح قائمة ووردبريس من لوحة الإدارة، ثم انتقل إلى "القوالب" > "إضافة جديد" لإنشاء قالب على شكل قسم.
قم بتعيين ارتفاع قسم Elementor الخاص بك ليكون ملائمًا للشاشة حتى يملأ الارتفاع الكامل لشاشة المستخدم.
الآن، اسحب Kata قم بإضافة عنصر القائمة إلى قسمك.
قم بضبط التخطيط على "عمودي" ثم حدد القائمة التي تريد عرضها.
الآن، حان وقت تنسيق هذه القائمة باستخدام المُنسّق. انتقل إلى علامة تبويب "النمط" وافتح مُنسّق "الغلاف" بالنقر على الأيقونة أمامه. انتقل إلى علامة تبويب "النص" في المُنسّق، وغيّر محاذاة النص إلى المنتصف. بهذه الطريقة، ستكون عناصر القائمة في المنتصف.
الآن، انقر فوق "عام" وافتح Styler لعنصر القائمة الذي تريد تخصيصه.
بعد الانتهاء، تأكد من حفظ القالب، ثم انتقل إلى Kata اختر عنصر قائمة الهامبرغر وحدد القالب الذي قمت بحفظه للتو.
تم الانتهاء من تنفيذ قائمة التبديل.
الإعدادات المستجيبة
لإدارة القسم الذي يتم عرضه على أجهزة أو أحجام شاشات محددة، استخدم الإعدادات المستجيبة في Elementor.
اتبع الخطوات التالية لتكوين الإعدادات المستجيبة:
1. الوصول إلى الإعدادات المستجيبة
حدد القسم الذي تريد تكوينه.
في الشريط الجانبي لـ Elementor، انتقل إلى متقدم علامة التبويب.
قم بالتمرير لأسفل للعثور على متجاوب قسم الإعدادات.
2. خيارات الرؤية
إخفاء على سطح المكتب:يخفي العنصر المحدد على الأجهزة ذات الشاشات الكبيرة (على سبيل المثال، أجهزة الكمبيوتر المكتبية).
إخفاء على الكمبيوتر المحمول: يُخفي العنصر المُحدد على الأجهزة المُصنّفة كأجهزة كمبيوتر محمولة. ينطبق هذا عادةً على الشاشات التي تتراوح دقتها بين 992 بكسل و1200 بكسل. قد يعتمد النطاق الدقيق على إعدادات نقطة التوقف المُخصصة.
إخفاء على الجهاز اللوحي في الوضع الأفقي: يُخفي العنصر المحدد عند عرضه على الأجهزة اللوحية في الاتجاه الأفقي. ينطبق هذا على شاشات تتراوح بين 768 بكسل و992 بكسل.
إخفاء على الجهاز اللوحي في وضع عمودي: يُخفي العنصر المحدد عند عرضه على الأجهزة اللوحية في الاتجاه الرأسي. ينطبق هذا عادةً على شاشات يتراوح عرضها بين 600 و768 بكسل.
إخفاء على الهاتف المحمول في الوضع الأفقي: يُخفي العنصر المُحدد على الأجهزة المحمولة في الوضع الأفقي. ينطبق هذا عادةً على الشاشات التي تتراوح أبعادها بين 480 و600 بكسل.
إخفاء الصورة الشخصية على الهاتف المحمول: يُخفي العنصر المُحدد على الأجهزة المحمولة في الوضع الرأسي. ينطبق هذا عادةً على الشاشات التي يقل حجمها عن 480 بكسل.
لتطبيق الإعداد، ما عليك سوى تبديل الرؤية لكل جهاز.
3. ضبط التخطيطات للأجهزة المختلفة
التبديل إلى عرض الجهاز: في الجزء العلوي من لوحة Elementor، انقر فوق أيقونة الوضع المستجيب.
أختار الحاسوب, الأجهزه اللوحيه أو الهاتف لرؤية كيف يبدو التصميم على كل جهاز.
4. الاختبار والتعديلات النهائية
استخدم زر المعاينة للتحقق من كيفية ظهور الموقع على الأجهزة المختلفة.
قم بإجراء الاختبار جيدًا للتأكد من محاذاة جميع العناصر بشكل صحيح وظهورها وفقًا لإعداداتك.
