????? ???? ???????

سوشال پروف در پیاده سازی وب سایت‌های وردپرسی
طراح سایت‌های وردپرسی به راحتی میتواند تأیید اجتماعی را به تارنما اضافه کند. پلاگین‌های وردپرس در این زمینه به طراح یاری می‌‌نمایند. پوسته فروشگاهی ووکامرس پلاگین‌ای منحصربه‌فرد برای افزودن نظرها مشتریان (Customer Reviews for WooCommerce) به وبسایت دارااست. ضمن افزونه منحصر پوسته، وردپرس نیز افزونه‌های مختلفی (مانند Rich Reviews) برای طراحی سایت اخصاصی این فعالیت عرضه نموده است.

افزونه‌های مختلفی برای اکران دادن نوع دیگری از سوشال پروف (کامنت‌ها و تعداد لایک‌هایی که استحصال‌وکار و محصولاتش در کانال‌های اجتماعی به دست میاورند) نیز در وبسایت‌های وردپرسی وجود دارااست. یک کدام از بدون نقص‌ترین آن ها WP Social Ninja اسم داراست. با به کارگیری از این پلاگین، اینترنت دیزاینر می تواند نظرها و تاییدات مشتریان را که در همگی کانال‌های اجتماعی منتشر شد‌ه‌است، به سایت بیفزاید.

پلاگین‌‌‌ی بسیار کاربردی دیگری برای به اشتراک گذاشتن محتواهای وب سایت وردپرسی در سوشال مدیا (Sassy Social Share) به یوزرها سایت قابلیت و امکان می دهد تا محتواهای وب سایت را در کانال‌های اجتماعی منتشر نمایند. با این شغل، تعداد به اشتراک گذارده شدن هر محتوا در کنار یا این که بالای آن اکران داده می گردد. این نیز نوعی از پذیرش اجتماعی برای استخراج‌وکار میباشد.
HTML5: ارتقای تکنولوژی اینترنت به سمت آجل
HTML5 جدیدترین نسخه از گویش نشان‌گذاری HTML میباشد که مزایای بی‌نظیری را برای بسط‌دهندگان اینترنت مهیا نموده است. با به کار گیری از HTML5، شما میتوانید تارنما‌ و اینترنت نرم افزار را با شایسته ترین چگونگی و تجهیزات بغرنج پیاده سازی و پیشرفت دهید. از این رو HTML5 به یکی‌از مهمترین ابزارهای پیشرفت اینترنت تبدیل گردیده‌است، تا جایی که طراحی وب سایت امروزه سوای آن بی‌معناست.

در‌این نوشته ی علمی، به طور جامع و کاربردی درخصوص HTML5 کلام خوا‌هیم کرد.
HTML چیست؟
گویش نماد گذاری HTML مخفف کلمه Hyper Text Markup Language میباشد و به نوعی اساس و محور صفحه ها یک وب سایت. در سود شناخت با HTML الفبای اپ‌نویسی وبسایت به حساب می آید. برای اپ‌نویسی وب سایت با HTML، از یک‌سری تگ یا این که برچسب استعمال می گردد. این تگ‌ها با قرار به چنگ آوردن در کنار یکدیگر اسکلت وب سایت را می سازند و المان‌های گوناگون برگه را در کنار هم قرار میدهند.

اما HTML از به عبارتی آغاز به اندازه‌ی امروز بدون نقص نبوده و مسیر وقت گیر و مالامال فراز و نشیبی را طی نموده است تا به نسخه مدرن خویش یعنی HTML5 رسد.
HTML5 چیست؟
HTML5 جدیدترین نسخه از گویش آرم‌گذاری HTML میباشد که برای ساخت سایت و اینترنت نرم افزار به کارگیری میشود. با استعمال از HTML5، گسترش‌دهندگان می توانند وبسایت‌هایی با امکان‌های بیشتر و کاربرپسندتر پیاده سازی نمایند. HTML5 از تکنولوژی‌هایی تامین می‌نماید که در غایت دست نرم‌افزار‌نویس و بسط‌دهنده وبسایت را برای ساخت سایت غامض و بهتر گشوده می گذارد. ضمن این، با استعمال از HTML5 در کنار گویش‌های نرم‌افزار‌نویسی مانند PHP، JavaScript و CSS3 می توانید وب سایت‌های جذابی را پیاده سازی نمایید.

تفاوت HTML و HTML5
پیش از HTML5، نسخه دیرین‌خیس آن یعنی HTML4 روی عمل بود. با این درحال حاضر HTML4 محدودیت‌های متعددی داشت. اولی محدودیت HTML4 این بود که در حالتی که طراح یا این که نرم‌افزار‌نویس وبسایت می‌خواست فرمت خاصی از محتوا (به عنوان مثال محتوای ویدئویی) یا این که امکان خاصی را به تارنما بیفزاید، می بایست از ابزارهای منحصر البته غیر استاندارد به کار گیری می کرد.

یوزرها هم برای استعمال از آن قابلیت و امکان می بایست افزونه‌های خاصی را روی مرورگر خویش نصب می‌کردند تا بتوانند به محتوای پویای وب سایت دسترسی داشته باشند. بماند که گه گاه این پلاگین‌ها صحیح عمل نمی‌کردند یا این که برای اکثری از یوزرها قابل دسترس نبودند. به عنوان مثال برای تماشای ویدیو در وبسایت، بایستی افزونه Adobe Flash را روی مرورگر نصب می‌‌شد. اما یوزرها iPhone و iPad نمی‌توانستند از این افزونه به کار گیری نمایند زیرا دستگاه آنان ابدا از Flash امان نمیکرد!

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

خصوصیت‌های HTML5
HTML5 یکسری خصوصیت بارز دارااست:

تسهیل خوانایی کد برای یوزرها، اپ‌نویسان و حتی اسکرین ریدرها،
کاهش همپوشانی دربین کدهای HTML، CSS و جاوا اسکریپت،
ارتقای امکان پاسخگویی و هماهنگی پیاده سازی در بین مرورگرها،
هواخواهی از پخش سیستم‌های چندین رسانه‌ای فارغ از نیاز به نصب افزونه یا این که پلاگین.
برای اینکه این خصوصیت‌ها در HTML5 واقعه بیفتد، ما یحتاج بود تا تغییرات تحت در گویش نماد‌گذاری HTML پیاده‌سازی خواهد شد.

عنصرها معنایی نو
یک کدام از تغییرات اصلی HTML5 نسبت به نسخه‌های سابق‌خیس آن، معرفی یک‌سری تگ نو میباشد. بعضا از این تگ‌های اساسی عبارتند از:

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

۱. نوار ناوبری افقی (Horizontal Navigation Bar)
اکثر تارنما‌ها دارنده این نوع منوی ناوبری می‌باشند؛ چون یافتن آن سهل وآسان‌خیس میباشد. نوار ناوبری افقی در هدر وبسایت قرار میگیرد و نصیب‌های مهم آن مانند: درباره ما، محصول ها، وب لاگ و … را لیست می‌نماید.

در لحاظ داشته باشید که قسمت‌های هر وب سایت در منو می بایست مختص آن وب سایت و کاربرانش باشد. طراح وب سایت بایستی بداند استفاده کننده به محض ورود به وب سایت در‌پی چه چیزی میباشد تا آن را در منو ناوبری قرار دهد.
۲. منوی ناوبری کشویی (Dropdown Navigation Menu)
وبسایت‌های دارنده محتواهای وسیع این نوع ناوبری را دارا‌هستند. در منوی ناوبری کشویی با کلیک بر روی هر قسمت، منوی جدیدی گشوده می‌گردد. در واقع هر قسمت از منو، دارنده زیرمنوهای مختلف دیگری میباشد. تحت منوها معمولاً دربردارنده ارتباطات یا این که آیتم‌های مازاد مرتبط با گزینه منوی اساسی‌ می باشند.

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

۳. منوی ناوبری همبرگری (Hamburger Navigation Menu)
منوی ناوبری همبرگری به طور آیتم‌ای با سه خط افقی در کناره‌ی سایت اکران داده می‌گردد. وقتی که مخاطب روی دکمه کلیک می‌نماید، منو پیشرفت می یابد و لیستی از ارتباطات یا این که دکمه‌های قابل کلیک اکران داده می گردند.

این نوع منو بیشتر در نمایشگر گوشی و نرم افزار‌ها مشاهده گردد. چون فضای کمتری را روی برگه اشغال می‌نماید و در شکل عدم به کار گیری به راحتی نهفته می ماند. با این حالا، برخی از طراحان اینترنت به کار گیری از منوی همبرگری را صحیح نمی‌دانند. چون بعضی یوزرها ممکن میباشد نشانه را تشخیص ندهند، پس تجارب کاربری نیکی پیرو نخواهد داشت.
۴. منوی ناوبری نوار کناری عمودی (Vertical Sidebar Navigation Menu)
پیمایش عمودی یک منوی پیمایش میباشد که در امتداد یک کاغذ کشیده می شود. این منو نصیب‌های متعددی را به استفاده کننده ارائه می دهد. منوی پیمایش عمودی فضای متعددی را اشغال می‌نماید و به همین ادله این نوع منو را بیشتر در نمایشگر لپ‌تاب مشاهده خواهید کرد. توییتر با به کار گیری از ناوبری عمودی تجارب مخاطب خویش را بهبود میبخشد.

۵. منوی ناوبری پاورقی (Footer Navigation Menu)
منوی ناوبری پاورقی (فوتر) نوعی از منوی پیمایش میباشد که معمولاً در تحت یک وب سایت یا این که نرم افزار جای دارد. این نوع منو معمولاً دربردارنده پیوندهایی به صفحه ها اصلی مانند صفحه های درباره ما، تماس با ما و سیاست مراقبت حریم محرمانه میباشد.

منوهای پیمایش پاورقی اکثر اوقات برای ارائه داده ها و منابع مازاد به یوزرها به کار گیری می گردند. آنها همینطور ممکن میباشد برای اکران داده ها حق چاپ و پیوندهای رسانه‌های اجتماعی گزینه به کار گیری قرار گیرند.
وردپرس (WordPress) چیست؟
وردپرس یک سیستم مدیر محتوا (CMS) بسیار دوست داستنی میباشد. یک کدام از مهم ترین دلایل محبوبیت وردپرس این میباشد که برای طراحی وب سایت با این ابزار نیاز به علم فنی و نرم‌افزار‌نویسی بالایی وجود ندارد. در واقع به کار گیری از وردپرس، شل‌ترین و ارزان‌ترین نحوه پیاده سازی و تشکیل داد یک سایت به حساب میآید. شاید به همین عامل میباشد که بیشتراز ۴۳٪ وب سایت‌های جهان با وردپرس درست شده‌اند.

وردپرس آغاز تحت عنوان یک پلتفرم بلاگ‌نویسی معرفی شد. البته رفته رفته به یک CMS با خدمت بی نقص تبدیل شد که می گردد با آن هر وبسایتی را مدیر کرد، از وبسایت‌های شرکتی گرفته تا پورتفولیو، مغازه‌های آنلاین و … .

از نقاط قوت وردپرس این میباشد که قابلیت فردی‌سازی داراست. این فردی‌سازی به دو شکل نصب تم‌ها (Themes) و پلاگین‌ها (Plugins) قابلیت و امکان‌پذیر میباشد. با نصب تم می‌‌خواهد شد ظواهر تارنما را به صورت متبوع صفحه ارایی کرد. افزونه‌ها یا این که پلاگین‌ها هم امکان‌های جدیدی را به سایت اضافه می‌نمایند.

اینترنت فلو (Webflow) چیست؟
وبفلو یک پلتفرم SaaS میباشد. وبفلو این قابلیت و امکان را به طراح وب سایت می دهد تا با امکان Drag & Drop تارنما را پیاده سازی نماید. از این رو برای طراحانی که پیرو ابزاری می باشند که نیاز به علم نرم‌افزار‌نویسی بالایی نداشته باشد، بسیار مطلوب میباشد.

تفاوت اساسی در میان Webflow و بقیه سازندگان وبسایت بر طبق خدمت (SaaS) مانند Squarespace و Wix درین میباشد که Webflow به طراح قابلیت دسترسی به کد منبع سایت را میدهد. به عبارت دیگر، Webflow با فراهم نمودن یک دور و بر بصری به طراح تارنما امداد می‌نماید تا کدهای HTML، CSS و جاوا اسکریپت تارنما را ایجاد نماید.

مقایسه WordPress و Webflow
حال که با وردپرس و وبفلو آشنا شدید، فرصت آن رسیده که به مقایسه آن ها بپردازیم.

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