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

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

اضافة سطر ويعتبر مكون من عامود واحد  ويمكن جعله من عامودين أو أكثر.

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

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

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

اضافة نص:

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

تحريك لوح إعدادات العناصر.

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

اختيار كونتاكت في لوح إعدادت العناصر.

 من خلاله يمكننا ربط العنصر بموقع ويمكننا اضافة باك غرواند كلر خلفية لون أو تدرج لوني ويمكن الاستفادة من موقع:

https://colordrop.io

https://v2.tailwindcss.com/docs/customizing-colors#color-palette-reference

ويمكن إضافة خلفية صورة أو فيديو ويمكن تحميله من https://www.videvo.net أو خلفية من زخارف وتصاميم  كباغ غراوند باترن كما هنا في اليمين وباك غراوند ماسك كما هنا في اليسار وهنالك عدة أشكال وتختار اللون الذي تريده ويمكن من لوح إعدادات الجدوال الأزرق في بداية الصفحة تغير خلفية الصفحة كلها.

 خيار ديزاين في لوح إعدادت العناصر.

يمكن تغير حجم ولون وخصائض العنصر كلون الخط ونوعه وتباعده.

اضافة باتن زر او صور أو عناصر أخرى  ويمكنك البحث عن العنصر الذي تريده بكتابته أو كتابة بعض حروفه.

مثال تصميم صفحة الخلفية صورة يمين عنوان يسار تحته أيقونة بلي ثم عنوان كبير وتحته شرح للعنوان وتحت زر .