پوسته وردپرس سفید html5 برای طراحی سایت

پوسته سفید وردپرس (Blank WordPress Theme) در حقیقت یک پوسته خالی مناسب برای سیستم وردپرس است که به شما کمک می‌کنند تا با سرعت و دقت بالا شروع به طراحی پوسته مورد نیاز خود کنید و دیگر در هنگام طراحی قسمت مختلف قالب به دلیل وجود توابع پیش فرض نیازی به مراجعه به کتابخانه راهنما و اسناد وردپرس برای دسترسی به تگ پیش فرض وردپرس نداشته باشید. در صورتی که شما یک طراح وب و یا توسعه دهنده وردپرس هستید حتماً تا کنون نیز با پوسته های رایگان سفید آشنایی دارید و در پروژه های طراحی سایت خود از آن استفاده می‌کنید.

چند روز پیش W3C اعلام کرد که نسخه پایدار HTML 5 و البته اسناد راهنمای آن در اواخر سال 2014 میلادی و HTML 5.1 نیز در سال 2016 رونمایی می‌شود و تا سال 2020 این نسخه برای طراحی سایت پیشنهاد می‌شود. با این حال بخش بزرگی از وب به دلیل امکانات و قابلیت این نسخه هم اکنون نیز از آن استفاده می‌کنند و بسیاری از سایت‌هایی که به صورت روزانه به آن‌ها سر می‌زنید به طور کلی بر پایه HTML5 هستند. پس شاید شما نیز برای خلق طراحی سایت و سرویس یکتا بخواهید از آن استفاده کنید.

طراحی سایت پوسته وردپرس HTML5

در این نوشته با پوسته رایگان HTML5 Blank WordPress Theme آشنا می‌شویم که برای استفاده از آخرین توانایی‌های سیستم وردپرس بهینه شده است و در کنار آن می‌توانید مطمئن باشید که سایت طراحی شده توسط شما به صحیح‌ترین شکل ممکن از HTML 5 استفاده کرده است.
مزایای استفاده از HTML5 Blank WordPress Theme

همان طور که در بالا نیز گفتیم تعداد پوسته سفید انتشار یافته برای طراحان وب و توسعه دهندگانی که از وردپرس برای مدیریت سایت یا وبلاگ مشتریان استفاده می‌کنند زیاد است و نسخه های HTML 5 متفاوتی نیز در این باره تا کنون عرضه شده است. اما در زیر با مزایای HTML5 Blank WordPress Theme که در این نوشته قصد معرفی آن را داریم به نقل از سازنده آن یعنی آقای Todd Motto می‌پردازیم.

استفاده از نشانه گذاری معنایی HTML 5 (قابل فهم بودن قسمت صفحات سایت شما برای موتورهای جستجوگر با استفاده از عنصر article، nav، time و …)
کد تولید شده توسط این پوسته وردپرس کاملاً از نظر سرویس آزمایشی W3C معتبر و استاندارد است.
با وجود برچسب ViewPort در Header این پوسته سفید توانایی ساخت پوسته سازگار با اندازه مختلف صفحه نمایش را خواهید داشت.
با استفاده از Boilerplate پوسته طراحی شده شما توسط این پوسته سفید در IE 7، IE 8 و IE 9 نیز به خوبی نمایش داده می‌شوند.
کد موجود در فایل کاملاً تمیز و منظم نوشته شده‌اند و در هنگام ایجاد تغییرات در آن‌ها سردرگم نخواهید شد.
به جای استفاده از فایل مورد نیاز موجود در وردپرس مانند jQuery برای افزایش سرعت بارگذاری سایت از نسخه موجود در CDN Google استفاده می‌شود و البته در صورتی که این فایل‌ها در دسترس نبود (آفلاین بودن موقتی سرور گوگل/مشکل دسترسی کاربر به سرور) از فایل موجود محلی در فایل footer.php استفاده می‌شود.
عناصر HTML 5 سازگار با مرورگر کاربر شناسایی می‌شوند تا در صورتی که مرورگر کاربر از قسمتی پشتیبانی نمی‌کرد از متد دیگری برای آن قسمت‌ها استفاده شود.
برای جلوگیری از کاهش سرعت بازگذاری سایت در هنگام فراخوانی فایل جاوا اسکریپت شخصی خود می‌توانید با تعریف آن‌ها از طریق کدهای jQuery در فایل scripts.js اقدام کنید.
تمامی فایل CSS و JS موجود در پوسته برای مدیریت بهتر توسط توابع پیش فرض وردپرس در قسمت Header سایت طراحی شده قرار می‌گیرند.
اگر دوست دارید در کدهای CSS 3 این پوسته با استفاده از @media صفحات سایت خود را برای تمامی صفحه نمایش دستگاه مانند سیستم رومیزی، موبایل، تبلت و … شخصی سازی کنید کدهای پیش فرض در فایل style.css وجود دارند.
به دلیل تعداد کم فونت فارسی پیش فرض و پشتیبانی شده در مرورگر وب معمولاً طراحان سایت از @font-face برای تعریف فونت جدید و نمایش آن‌ها در صفحات خود استفاده می‌کنند. کدهای پیش فرض این کار نیز در فایل CSS پیش فرض وجود دارد و تنها کافی است فونت مورد نظر خود را در آن‌ها وارد کنید.
اگر دوست دارید با انتخاب تکه ای از متن و یا دیگر عناصر شما رنگ highlight را تغییر دهید از قسمت Custom Selection Styles فایل CSS اقدام کنید.
به صورت پیش فرض کدهای مربوط به تغییر ظاهر صفحات برای چاپ (Print) توسط کاربران نیز در فایل CSS وجود دارد.
برای تغییر رنگ خط حاشیه فیلد ورودی نیز در هنگام انتخاب شدن از قسمت Input focus styles در کدهای CSS استفاده کنید و همان طور که می‌بینید برای جلوگیری از نمایش ناهموار فونت پیش فرض نوشته‌ها نیز در این قسمت پایینی این بخش کارهایی انجام شده است.
از نمایش و امکان به‌کارگیری فهرست (Menu) وردپرس نیز با تعریف سه فهرست جدید در فایل functions. php و البته ظاهر سایت پشتیبانی شده است.
در HTML با استفاده از nav دیگر نیازی به div خارجی برای نمایش فهرست وجود ندارد پس از کدهای خروجی این div نیز به صورت خودکار حذف می‌شود.
تمامی خاصیت اضافه شده به گزینه‌های فهرست نیز مانند ID و Page ID به صورت خودکار حذف می‌شوند.
در فایل functions. php این پوسته به صورت پیش فرض امکان استفاده از یک تصویر شاخص (Thumbnail) نیز برای نوشته و برگه‌ها تعریف شده است.
یک Custom Post Type نیز به صورت پیش فرض در فایل functions. php تعریف شده است که از دسته بندی، برچسب، خلاصه و تصویر شاخص در نوشته های آن می‌توانید استفاده کنید.
نوار کناری این پوسته به صورت پیش فرض قابلیت نمایش دو گروه ابزارک را دارا می‌باشد که در صورت نیاز با تعریف محل ابزارک جدید خود در فایل functions. php و نمایش آن در فایل sidebar. php می‌توانید محب دیگری را نیز اضافه کنید.
کد کوتاه (Short Code) پیش فرض برای نمونه در functions. php تعریف شده است تا در صورت نیاز با استفاده از کدهای این نمونه کد کوتاه مورد نیاز خود را نیز اضافه کنید.
به صورت خودکار به Body صفحه شما در بخش Filters فایل functions. php کلاس مربوط (صفحه اصلی، نوشته و برگه‌ها) اضافه می‌شود تا در صورت نیاز در آینده برای هر یک از صفحات سایت خود ظاهری جداگانه در کد CSS ایجاد کنید.
تمام متا تگ اضافه ای که وردپرس در بخش Header پوسته شما اضافه می‌کند به صورت خودکار در فایل functions. php حذف می‌شوند.
این پوسته وردپرس به صورت داخلی از صفحه بندی عددی پشتیبانی می‌کند و نیازی به نصب افزونه و یا اضافه کردن تکه کدی جدید به فایل آن نخواهید داشت.
امکان قرار دادن کد آمارگیر گوگل (Google Analytics) به صورت بهینه در footer. php پوسته وجود دارد.
تمامی توابع پیش فرض وردپرس برای نمایش مشخصات نوشته‌ها به بهترین صورت ممکن در فایل وجود دارد.

البته این 26 تنها بخشی از امکانات پیش بینی شده در این پوسته هستند و با دانلود و مشاهده کدهای آن در کنار سبک و تمیز بودن نحوه کد نویسی خواهید دید که تقریباً تمامی امکانات مورد نیاز برای طراحی پوسته وردپرس HTML5 از پیش با توضیحات کافی در مورد هر بخش وجود دارد. البته اگر باز هم مایل به اضافه کردن امکانات بیشتر به این پوسته و سفارشی سازی قسمت آن داشتید پیشنهاد می‌کنیم از کد وردپرس سایت تورتک دیدن کنید.
دانلود رایگان پوسته وردپرس سفید HTML5

تعداد دریافت: 570

حجم فایل: 66 کیلوبایت

لینک دانلود: HTML5 Blank WordPress Theme

منبع : پوسته وردپرس سفید HTML5 برای طراحی سایت