سنتعرف في هذا الشرح الجديد على موقعنا ، على كيفية انشاء أزرار المعاينة و التحميل الخاصة بالمواقع الإلكترونية على بلوجر او وردبريس .
فمن خلال هذا الشرح سنقدم لك موقع يمكنك ان تنشئ به أزرار او button متناسقة مع مظهر قالبك او الشكل الذي تريده .
كيفية إنشاء أزرار للمعاينة و التحميل خاصة بموقعك على بلوجر
موقع لإنشاء الأزرار و تصميمها بدون معرفة ب css
من خلال موقع css button generator ستتمكن من انشاء أزرار بتصميم الذي تريده بكل سهولة ، و بأدق التفاصيل ؛
رابط الموقع button generator
بعد توجهك لرابط ستجد واجهة الموقع توجد بها مجموعة من الأدوات ، التي سوف تساعدك في إنشاء أزرار خاصة بموقعك و بلون مدونتك .
نبدأ من اليسار أولا هناك يمكنك ان تقوم بإختيار شكل الزر المناسب لك و لموقع .
و في وسط الصفحة نجد معاينة مباشرة لشكل الزر ، و من ثم الآن سنأتي الى اليمين هناك توجد مجموعة من الأدوات المهمة لكي تنشأ زر بكل سهولة :
text :
- في الخانة الأولى : نكتب النص الذي تريده ان يظهر أعلى الزر مثلا : "معاينة"
- في الخانة الثانية : ستكتب باللغة الإنجليزية أي كلمة و هي تحدد في css لتصميم الشيئ مثلا :"trbutton"
- في الخانة الثالثة : يمكنك اختيار نوع الخط يمكنك تركها مثلا :"Arial"
- في الخانة الرابعة : هنا ستقوم بإختيار حجم الكتابة font-size مثلا : "15px"
- في الخانة الأخيرة : يمكنك ان تقوم بتفخيم النص بضغط على B او يمكنك ان تجعل النص مائل بالضغط على I او هما معا .
size :
- vertical size : بهذه تتحكم بإرتفاع الزر كلما كان العدد أكبر كلما زاد الإرتفاع .
- horizontal size : تتحكم بالعرض كلما كان عدد px أكبر كلما كبر العرض .
border :
- border radius : تتحكم هذه بدرجة إنحناء الزر من الجانبين كلما كان العدد أصغر كلما أصبح الزر مستطيلا .
- border size : تتحكم بها درجة سمك اطار الزر .
box shadow :
يمكنك الضغط عليها لتفعيل الضل على الزر .
text shadow :
يمكنك بها أن تقوم بالتحكم في ضل الخاص بالنص على الزر.
بعد الإنتهاء من عمل جميع التصاميم على الزر الخاص بك قم بالضغط على get code أسفل صندوق المعاينة ، بعدها ستقوم بنسخ الكود ووضعه في المكان الذي تريده في موضوعك أو موقعك .
