كيفية عمل قائمة التنقل

جدول المحتويات:

كيفية عمل قائمة التنقل
كيفية عمل قائمة التنقل

فيديو: كيفية عمل قائمة التنقل

فيديو: كيفية عمل قائمة التنقل
فيديو: كيفية إنشاء قائمة التنقل مميزة في ووردبريس بشرح مبسط 2024, يمكن
Anonim

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

كيفية عمل قائمة التنقل
كيفية عمل قائمة التنقل

ضروري

  • - وجود عدة صفحات أو أقسام على موقعك
  • - عدة أيقونات صغيرة حول موضوع الموقع
  • - تعرف على كيفية تحميل الصور على الموقع

تعليمات

الخطوة 1

لجعل شريط القوائم رابطًا ، اكتبه على النحو التالي:

الصفحة الرئيسية

في هذا الإدخال ، استبدل http: ⁄ ⁄website.ru بعنوان URL للصفحة التي تريدها.

الخطوة 2

تتم كتابة رمز القائمة الأفقية المكونة من روابط نصية على النحو التالي:

الصفحة الرئيسية

|

صالة عرض

|

المنتدى

|

ضيف الحجز

الخطوه 3

تعمل الحدود الرأسية كمحددات بين عناصر القائمة في السطر. لتعيين الحرف "|" من لوحة المفاتيح ، تحتاج إلى الضغط مع الاستمرار على مفتاح Shift بإصبع واحد على تخطيط اللغة الإنجليزية ، وباستخدام الآخر - حدد الزر "| / " الموجود على يمين الحرف "b". تأكد من وضع مسافة قبل السكتة الدماغية وبعدها بحيث تكون عناصر القائمة متباعدة عن بعضها البعض.

الخطوة 4

يمكنك إنشاء قائمة عمودية من الروابط باستخدام الإدخال التالي:

الصفحة الرئيسية

صالة عرض

المنتدى

ضيف الحجز

الخطوة الخامسة

في هذه الحالة ، يكون فاصل أجزاء القائمة هو العلامة

، والذي يلف النص الذي يليه بسطر جديد.

الخطوة 6

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

الخطوة 7

لوضع صورة على صفحة ويب ، تحتاج إلى وضع هذا الرمز في المكان الصحيح: لوضع صورتك الخاصة ، بدلاً من http: ⁄ ⁄website / images / 1.png

الخطوة 8

اكتب كل عنصر من عناصر القائمة الرسومية بهذه الطريقة:

في هذا الكود ، استبدل http: ⁄ ⁄website.ru بالعنوان المطلوب ، وكود الصورة المطلوبة.

الخطوة 9

يمكنك إنشاء قائمة أفقية تتكون من صور بهذه الطريقة:

الخطوة 10

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

و

تشكيل صف الجدول ، و

و

- إحدى الخلايا.

الخطوة 11

لوضع مثل هذه القائمة الرسومية على الموقع ، استبدل الروابط ومسارات الصور وأسماء أقسام الموارد في الكود بروابطك.

موصى به: