یادگرفتن بوت استرپ ، فایده بیش تر از فرم ها ( Form )


یادگرفتن بوت استرپ ، فایده بیش تر از فرم ها ( Form )


همانطور که می دانید در صفحه وب فرمها ابزاری جهت تعامل کاربران با سرور می باشند. به همین بهانه طراحان سعی می نمایند تا در پباده سازی و پیاده سازی فرم ها کمال اعتنا و سلیقه را در لحاظ بگیرند تا کاربران هر چه راحت تر با آنها درباره برقرار نمایند. بوت استرپ با افزودن کلاس هایی به فرمها کار پباده سازی را دوچندان آسان نموده نموده است. شما در بوت استرپ می توانید فرم هایی زیبا و واکنشگرا را به راحتی در دسترس داشته باشید.


انواع فرم ها در Bootstrap


فرم ها در بوت استرپ به ۳ گونه متفاوت دسته بندی می شوند :


  • فرم های عمودی یا این که این که این که این که اینکه اینکه اینکه اینکه Vertical form (وضعیت پیش فرض)

  • فرم های خطی یا این که این که این که این که اینکه اینکه اینکه اینکه inline form

  • فرم های افقی یا این که این که این که این که اینکه اینکه اینکه اینکه Horizontal form


هر سه گونه فرمی که در بالا اسم برده شد بیش تر از استانداردهایی مشترک فایده می نمایند. این ضوابط مشترک عبارتند بیش تر از:


۱- جهت دسترسی فایده کنندگان بیش تر از screen reader بایستی مقدار خصوصیت rol برای تگ <form> برابر form باشد.


۲- برچسب <label> و کلیه عناصر دارنده ربط به آنها را باطن یک <div> دارنده کلاس form-group قرار دهید.


۳- کلیه عناصر <input>,<textarea>, <select> بایستی دارنده کلاس form-control باشند.


فرم های عمودی در Bootstrap


عناصر فرم عمودی نظیر label و دیگر اجزای فرم ذیل یکدیگر قرار می گیرند. برای تشکیل فرم به صورت عمودی در Bootstrap همگی label ها و کنترلهای مربوط به هر label را در یک <div> جداگانه و با کلاس form-group قرار می دهیم. سپس به کلیه عناصر متنی input و textarea و همینطور تگ های select کلاس form-control را عمده می کنیم.


در تشکیل صورت بالا بدین صورت عمل می کنیم :


فرم خطی یا این که این که این که این که اینکه اینکه اینکه اینکه inline-form در Bootstrap


کلیه عناصر یک فرم به صورت خطی در بوت استرپ در یک خط قرار می گیرند. برای تشکیل فرم به صورت خطی کافی ست به تگ <form> درفرم عمودی کلاس inline-form را عمده فرمایید. در نمونه بالا با افزودن کلاس inline-form به <form> فرم عمودی را به فرم خطی تبدیل می کنیم


فرم افقی یا این که این که این که این که اینکه اینکه اینکه اینکه Horizontal Form در Bootstrap


فرق در لا فرم های افقی و فرم های عمودی در Bootstrap در‌این نموده است که در فرم افقی label ها قبل بیش تر از عنصر مربوط به خویش اکران داده می شوند. (  خیر بالای عنصر ) بدین نکته اعتنا داشته باشید که فرم های افقی در bootstrap فقط برای نمایشگرهای عریض یا این که این که این که این که اینکه اینکه اینکه اینکه اندازه های large و medium قابل فایده نموده است. در نماشگرهای کوچک small یا این که این که این که این که اینکه اینکه اینکه اینکه اندازه کمتر بیش تر از ۷۶۷ پیکسل فرم به صورت عمودی اکران داده می شود. برای تشکیل فرم به صورت عمودی کافی ست به تگ <form> کلاس form-horizontal را عمده فرمایید و همینطور به هر یک بیش تر از تگ های <label> کلاس control-label را هم بایستی عمده اظهار کرد.


کلاس sr-only در bootstrap :


با فایده بیش تر از کلاس sr-only ( مخفف screen reader only ) می توانید عناصر را در همگی دستگاه ها مخفی کرده و فقط برای نرم افزارهای screen reader یا این که این که این که این که اینکه اینکه اینکه اینکه صفحه خوان ها نمایان فرمایید. صفحه خوان ها به افراد ناتوان امداد می نمایند.


 


 


 


 

تاریخ آخری بروزرسانی : ۱۸ آبان ۱۳۹۶



یادگرفتن بوت استرپ ، فایده بیش تر از فرم ها ( Form )

پادکست ۳ : برای تشکیل کسب و کار اینترنتی بیش تر از کجا استارت کنیم؟ | قالب وردپرس


ابزار وردپرس – تحولی وسیع در ارائه خدمات وردپرس فارسی

تحولی وسیع در ارائه خدمات وردپرس فارسی شعار وبسایت ابزار وردپرس نموده است. ابزار وردپرس یک عدد بیش تر از مراجع قالب وردپرس و افزونه وردپرس می باشد که با ارائه تولیدها اورجینال و استاندارد کار خویش را استارت نموده نموده است. پشتیبانی ابزار وردپرس بصورت تمام وقت پاسخگوی اشتباهات کاربران می باشد.یک عدد بیش تر از خدمات متمایز وبسایت ابزار وردپرس درخواست سفارشی سازی برای امداد به وبمستران می باشد.


تلفن تماس جهت مشاوره فارغ بیش تر از پول : ۹۸۷۸ ۵۲۸ ۰۹۱۳ – ایمیل پشتیبانی : Support(at)Abzarwp(dot)com


منوی کاربردی : قالب وردپرسافزونه وردپرستیکت های قبلیتولیدها اینجانب – بخش فراگیری وردپرس



پادکست ۳ : برای تشکیل کسب و کار اینترنتی بیش تر از کجا استارت کنیم؟ | قالب وردپرس

فراگیری فایده بیش تر از افزونه مرغ مگس خوار


ابزار وردپرس – تحولی گران قدر در ارائه خدمات وردپرس فارسی

تحولی گران قدر در ارائه خدمات وردپرس فارسی شعار وبسایت ابزار وردپرس نموده است. ابزار وردپرس یک کدام بیش تر از مراجع قالب وردپرس و افزونه وردپرس می باشد که با ارائه ساخت ها اورجینال و استاندارد عمل خویش را ابتدا نموده نموده است. پشتیبانی ابزار وردپرس بصورت تمام وقت پاسخگوی اختلال‌ها کاربران می باشد.یک کدام بیش تر از خدمات متمایز وبسایت ابزار وردپرس درخواست سفارشی سازی برای امداد به وبمستران می باشد.


تلفن تماس جهت مشاوره مجانی : ۹۸۷۸ ۵۲۸ ۰۹۱۳ – ایمیل پشتیبانی : Support(at)Abzarwp(dot)com


منوی کاربردی : قالب وردپرسافزونه وردپرستیکت های قبلیساخت ها اینجانب – بخش فراگیری وردپرس



فراگیری فایده بیش تر از افزونه مرغ مگس خوار

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس


براساس گزارشی که در وب‌تارنما Wordfence منتشر شدِ نموده است ۲۷٪ بیش تر از وبسایت‌های اینترنتی که در هم اکنون حاضر با سیستم وردپرس تشکیل شدِ با زخم‌پذیری بدور بیش تر از شوخی روبرو نموده است.

 

تعیین مخرب‌ترین انگیزه برای حمله

سرور api.wordpress.org (یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که سرورها) یک کدام بیش تر از مهمترین نقش‌ها را در سیستم وردپرس دارااست: منتشرکننده قابلیت بروزرسانی خویش کار وبسایت‌های وردپرسی. هر وبسایت وردپرسی درخواستی را هر ساعت به‌این سرور برای ارزیابی بروزرسانی افزونه‌ها، پوسته‌ها و هسته وردپرس ارسال مینماید. پاسخ این درخواست دربردارنده اطلاعاتی درباره هرگونه بروزرسانی جانور برای افزونه‌ها، پوسته‌ها و هسته وردپرس که به بروزرسانی خویش کار مایحتاج دارا‌می‌باشند. همینطور دربرگیرنده یک آدرس (URL) برای دانلود و نصب بروزرسانی برنامه نموده است.

 

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

 

به خطر افتادن این سرور این قابلیت را می دهد تا مهاجم آدرس دیگری را برای دانلود و نصب برنامه به وبسایت‌های وردپرسی به چهره خویش کار ارایه دهد. این رویه راهی را مهیا مینماید که هرگونه مهاجمی با مکانیزم بروزرسانی خویش کار جایگزین api.wordpress.org بشود.

 

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

 

در هم اکنون حاضر وردپرس ۲۷٪ بیش تر از تمام وبسایت‌های اینترنتی را تشکیل میدهد. با اعتنا به مستندات وردپرس «به چهره پیشفرض، هر وبسایت به چهره خویش کار در صورتی که بروزرسانی کوچک (Minor) برای هسته و فایل‌های ترجمه وجود داشته باشد پیدایش می شود». با به خطر افتادن api.wordpress.org قابلیت زخم دیدن ۱/۴ وبسایت‌های اینترنتی هست.

 

وب‌تارنما وردپرسی شما در خطر هست؟

خوشبختانه این زخم‌پذیری در ۲ سپتامبر ۲۰۱۶ بدین مجموعه اتوماتیک گزارش شده، و در ۷ سپتامبر این زخم‌پذیری به چهره سوای نقص رفع شدِ نموده است.

 

با تشکر بیش تر از مجموعه Wordfence برای گزارش این زخم‌پذیری (داده ها اضافه)



نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس


براساس گزارشی که در وب‌وبسایت Wordfence منتشر شدِ نموده است ۲۷٪ بیش تر از وبسایت‌های اینترنتی که فعلا با سیستم وردپرس ساخت شدِ با جراحت‌پذیری به به به دور بیش تر از شوخی روبرو نموده است.

 

گزینش مخرب‌ترین انگیزه برای حمله

سرور api.wordpress.org (یا این که این که این که این که اینکه اینکه اینکه اینکه سرورها) یک کدام بیش تر از مهمترین نقش‌ها را در سیستم وردپرس داراست: منتشرکننده قابلیت و امکان بروزرسانی خویش کار وبسایت‌های وردپرسی. هر وبسایت وردپرسی درخواستی را هر ساعت بدین سرور برای باز بینی بروزرسانی افزونه‌ها، پوسته‌ها و هسته وردپرس ارسال مینماید. پاسخ این درخواست دربردارنده اطلاعاتی درباره هرگونه بروزرسانی جان دار برای افزونه‌ها، پوسته‌ها و هسته وردپرس که به بروزرسانی خویش کار مایحتاج دارا‌می باشند. همینطور مشتمل بر یک آدرس (URL) برای دانلود و نصب بروزرسانی برنامه نموده است.

 

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

 

به خطر افتادن این سرور این قابلیت و امکان را می دهد تا مهاجم آدرس دیگری را برای دانلود و نصب برنامه به وبسایت‌های وردپرسی به صورت خویش کار ارایه دهد. این رویه راهی را مهیا مینماید که هرگونه مهاجمی با مکانیزم بروزرسانی خویش کار جایگزین api.wordpress.org بشود.

 

نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

 

فعلا وردپرس ۲۷٪ بیش تر از تمام وبسایت‌های اینترنتی را تشکیل میدهد. با اعتنا به مستندات وردپرس «به صورت پیشفرض، هر وبسایت به صورت خویش کار در صورتی که بروزرسانی کوچک (Minor) برای هسته و فایل‌های ترجمه وجود داشته باشد پیدایش میشود». با به خطر افتادن api.wordpress.org قابلیت و امکان جراحت دیدن ۱/۴ وبسایت‌های اینترنتی موجود نموده است.

 

وب‌وبسایت وردپرسی شما در خطر هست؟

خوشبختانه این جراحت‌پذیری در ۲ سپتامبر ۲۰۱۶ بدین مجموعه اتوماتیک گزارش شده، و در ۷ سپتامبر این جراحت‌پذیری به صورت بی نقص رفع شدِ نموده است.

 

با تشکر بیش تر از مجموعه Wordfence برای گزارش این جراحت‌پذیری (داده ها عمده)



نفوذ به ۲۷ درصد بیش تر از وب با به‌روزرسانی خویش کار وردپرس

۵ نکته برای داشتن HEO خوب تر


کلیه‌ی فعالانِ وب با SEO یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که بهینه سازی وب وب سایت برای موتورهای جستجو آشنایی دارا‌میباشند و اعتنا خاصی را برای آن انجام می دهند به نحوی که بیشتراز HEO یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که Human Experience Optimization یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که «بهینه سازی تجربه کاربری» غافل می شوند در صورتی که اهمیت HEO به به عبارتی اندازه SEO نموده است.

شما با اینکه ساعت ها دوره برای بهینه سازی وب سایت خویش برای موتورهای جستجو صرف می‌فرمایید ولی می‌بایستی بدین هم اعتنا داشته باشید که خوانندگان سایتتان چطور مطالب سایتتان را مطالعه مینمایند. انگیزه هر سایتی کاربران و خوانندگان نموده است. قالبا ما با پرداختن افراتی به SEO بیشتراز HEO غافل می‌شویم در صورتی که انگیزه کاربران و خوانندگان وب سایت می‌باشند.

ولی بدین معنی نمی باشد که به SEO نپردازیم بلکه برای داشتن سایتی پربازدید و کاربردی می‌بایستی به هر دو پرداخته شود. انسان‌ها زمانی در وب سایتتان می‌باشند می‌خواهند زیبایی که را در کنار آسانی ببینند. به آسانی بفهمند که مطالب شما کی‌نوشته شده، چه دسته بندی‌های را داراست و اینکه دلیل تمایز شما بیشتراز وب سایت‌های دیگر چیست. بدین نکات کاربردپذیزی و تجربه کاربری هم گفته میشود.

فونت‌ها و HEO

فونت‌ها برای داشتن HEO قویتر مضاعف با اهمیت می‌باشند. فونت ها را بایستی طوری گزینش اعلام کرد که خیر مضاعف درشت باشند و خیر ریز بلکه برای عام مردمان بایستی تماما خوانا باشد.

قبلا در پباده سازی وب وب سایت فارسی ایراد کمبود فونت وجود داشت ولی درحال حاضر حاضر باوجود CSS3 و font-face این ایراد حل شده‌نموده است و می‌توانید گزینش‌های متعددی را داشته باشید. بیشتراز اینجا می‌توانید تعداد متعددی بیشتراز این فونت ها را برای به کار گیری در پباده سازی وب وب سایت خویش پیدا فرمائید.

رنگ‌ها و HEO

رنگ‌ها هم همانند فونت‌ها برای HEO قویتر مضاعف با اهمیت می‌باشند مخصوصا در نصیب‌های مطالب اساسی و فهرست مطالب. تحت عنوان نمونه اینجانب خودم نمی‌توانم به نیکی متن‌های با رنگ سفیدی را که دارنده زمینه مشکی رنگ می‌باشند مطالعه کنم و فکر می‌کنم که خیلی بیشتراز افراد این ایراد را دارا‌میباشند.
black-color-text
بیشتراز سمت مقابل متنی تماما مشکی با زمینه سپید دیده را خسته می مینماید و شایسته ترین چاره را می‌اقتدار رنگی پاره ای واضح تر بیشتراز مشکی خالص دانست. اعتنا داشته باشید که در پباده سازی وب سایت خویش می‌بایست هارمونی رنگ‌ها و تأثیر آن ها را رعایت فرمایید.

صفحه آرایی و HEO

در تحقیقاتی که انجام شده معلوم گردیده که فارسی زبانان در هنگام مراجعه به وب سایت صفحه وب وب سایت را بیشتراز سمت راست اسکن مینمایند و این مطرح ترین دلیل برای داشتن اعتنا خاص به پباده سازی سمت راست وب وب سایت نموده است پس شایسته ترین چینش صفحه وب سایت قرار دادن مطالب در نصیب راست صفحه و ستون کناری در سمت چپ صفحه نموده است. همینطور در تحقیقی دیگر معلوم شده که کاربران انگلیسی زبان صفحه را به صورت F اسکن مینمایند و برای زبان های راست به چپ این اسکن به صورت F متقارن می باشد.
f_reading_pattern_eyetracking

ارتفاع صفحه در HEO

در پباده سازی مفهومی هست به اسم « Above the fold » و این نکته را بیان می مینماید که داده ها با اهمیت می‌بایست در بالای صفحه قرار بگیرند. اکثریت کاربران عادی با مراجعه به وب سایت نصیب بالای وب سایت را نگاه مینمایند و در عمده مورد ها صفحه را اسکرول نمی‌نمایند مگر اینکه مقاله مهمی در بالای صفحه توجهشان را جلب کرده باشد به همین خواسته بایستی بیشتراز هدر وسیع اجتناب اعلام کرد و بیشتراز اسلایدر ها یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که ابزارهای دیگر برای سناریو دادن مطالب با اهمیت وب سایت به کار گیری اعلام کرد.

برای فهم و شعور خوب تر این مفهوم به نتایج گوگل اعتنا فرمایید. شما در مشاهده فیض بیشتراز بالا استارت به اسکن صفحه می‌فرمایید و قالبا هم مطالب با اهمیت‌تر را بالای صفحه مشاهده می‌فرمایید. این به عبارتی چیزی نموده است که ما را مچبور به بهینه سازی وب سایت برای جستجوگرها می مینماید.

پیوندهای یکتا در HEO

همانگونه که یک ساختار URL دلخواه امداد متعددی را برای موتورهای جستجو می مینماید همینطور URL ها داده ها مفیدی را راجب دسته محتوا به خواننده منتقل می مینماید. برای عمده وب سایت‌ها داشتن تاریخ در URL با اهمیت نموده است زیرا کاربر را در به عبارتی وحله اول بیشتراز دوره مقاله آگاه می مینماید این تاریخ مخصوصا در گزینه وب وب سایت‌های خبری می تواند مضاعف موءثر واقع گردد. برای ۹۹درصد وب سایت‌ها داشتن کلماتی بیشتراز عنوان مقاله در URL آن ها هم برای SEO و هم برای HEO موءثر باشد.

تحت عنوان نمونه در صورتیکه به URL عمده خبرگذاری‌های ایرانی اعتنا کرده باشین ساختار تماما غیر استاندارد و غیر کاربردی را دارا می‌باشند و برای اطلاع بیشتراز محتوای پیوند یکتای هر یک به طبع می‌بایست به آن مقاله مراجعه اعلام کرد.

یک نمونه URL خبرگذاری فارس نیوز:

یک نمونه URL خبرگذاری آفتاب نیوز:

ولی نمونه یک URL مربوط به خبرگذاری نیویورک تایمز را ببینید که چطور استانداردها را رعایت نموده نموده است:

برای وب سایت‌های که روزانه مطالب متعددی منتشر مینمایند درج تاریخ در URL و برای وب سایت‌های آموزشی داشتن دسته‌بندی در URL مضاعف می تواند موءثر واقع گردد.



۵ نکته برای داشتن HEO خوب تر