پوسته‌ی فارسی سایه‌ها برای وردپرس

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

پوسته رو از دراپ‌باکس دانلود کنین تا بریم سراغ امکانات و نکاتی که باید خدمتون عرض کنم. (مشکلی بود از اینجا دانلود کنین)

اول از همه باید یادآوری کنم که دنبال فایل زبان و استایل راست به چپ نباشین. همه‌ی ترجمه‌ها استاتیک انجام شده و فایل style.css راست به چپ ;-)  لود سریع قالب بیشتر مورد نظرم بوده و تا شده از ایجاد و بارگذاری فایل‌های اضافی دوری کردم.

تصاویر بندانگشتی

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

اندازه‌ی این تصاویر ۱۴۰ در ۱۴۰ پیکسل مشخص شده پس اگر قبلا تو بخش تنظیمات رسانه، اندازه‌ی بندانگشتی مقدار متفاوتی بوده توصیه می‌کنم افزونه‌ی Regenerate Thumbnails رو نصب کنین. کار این پلاگین ساختن مجدد اندازه‌‌های مختلف تصاویر آپلود شده با مقادیر جدید هست.

منوی کشویی

برای ایجاد منویی که بالای پوسته می‌بینین باید به بخش فهرست‌ها از منوی نمایش مراجعه کنین و بقیه‌ی ماجرا! با توجه به زبون نفهم بودن اینترنت اکسپلورر مجبور شدم فایل استایل جدیدی به اسم ie.css درست کنم تا از نشون دادن زیرمنوها تو IE که باعث بهم ریختگی پوسته می‌شد جلوگیری بشه.

پوسته رو فقط با IE7 تو لینوکس چک کردم. ممنون میشم  دوستانی که با CSS آشنایی بیشتری دارن مشکل رو بررسی و در صورت سازگار شدن، استایل رو برام بفرستن. در ضمن بی‌خیال IE6

شماره‌ی صفحات

برای صفحه‌بندی، خود پوسته توابع خاصی داشت که بهتر دیدم بجاش از افزونه‌ی WP-Pagenavi استفاده بشه. استایل مخصوص افزونه رو به آخر style.css اضافه کردم تا از لود فایل اضافه جلوگیری بشه. بعد از نصب افزونه حتما تو تنظیماتش تیک مربوط به گزینه‌ی Use pagenavi-css.css رو بردارین.

تنظیمات پوسته

بعضی امکانات پسته رو از طریق کنترل پانل مخصوصی که داره میتونین کنترل کنین.

در مورد کد آمارگیر توصیه می‌کنم اگر از Google Analytics استفاده می‌کنین حتما کد جدید که جلوی رندر شدن صفحه رو نمی‌گیره تو تنظیمات وارد کنین. تو این صفحه بیشتر توضیح داده شده.

قسمتی هم به عنوان بنر سربرگ مشخص شده که باید کد HTML کامل وارد بشه نه فقط آدرس عکس! اندازه‌ی تصویر هم ۴۶۸ در ۶۰ پیکسل مشخص شده. اگر برنامه‌ی خاصی برای این قسمت ندارین شاید بد نباشه یکی از بنرهای سایت اهدا رو توش بذارین.

بلاهایی که سر functions.php آوردم!

از خط ۱۶ تا ۴۳ کدهایی برای بهینه‌سازی سرعت اضافه کردم که جلوی لود بعضی اسکریپتها رو تو کل یا قسمتی از سایت می‌گیره و ورژن استایل و اسکریپتها رو هم برمیداره. نگران از کار افتادن افزونه‌هاتون هم نباشین.

کتابخانه‌ی jquery هم از سرورهای گوگل لود خواهد شد و تغییری دادم که همیشه آخرین نسخه بارگذاری بشه.

برای مشاهده‌ی دموی قالب انگلیسی و دانلود نسخه‌ی اصلی هم به سایت WPExplorer سر بزنین.