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