پوسته اسکایلر (Skyler)

یک پوسته مدرن، زیبا و بهینه برای تایپچو

نسخه ۱.۳
پوسته اسکایلر - طراحی ریسپانسیو و مینیمال

فهرست مطالب

امکانات و ویژگی‌ها

چرا اسکایلر؟ سرعت بالا، انعطاف‌پذیری، ظاهر مدرن و پشتیبانی از افزونه‌های محبوب تایپچو.

نصب و راه‌اندازی

  1. دانلود پوسته: فایل‌ها را در مسیر /usr/themes/skyler/ آپلود کنید.
  2. فعال‌سازی: پیشخوان تایپچو → ظاهر → مدیریت پوسته‌ها → اسکایلر را فعال کنید.
  3. تنظیمات اولیه: ظاهر → تنظیمات پوسته ← گزینه‌های مورد نیاز را پیکربندی کنید.
  4. فایل‌های مورد نیاز: فونت وزیرمتن و Font Awesome به صورت آفلاین در پوسته قرار دارد. در صورت جابجایی، مسیرها را در header.php اصلاح کنید.

تنظیمات پوسته در پیشخوان

پس از فعال‌سازی، گزینه «تنظیمات پوسته» در منوی ظاهر اضافه می‌شود.

۱. تنظیمات عمومی

فیلدتوضیح
آدرس لوگو سایتلینک کامل تصویر لوگو. در صورت خالی، img/logo.png نمایش داده می‌شود.
آدرس فاویکونلینک فایل favicon. پیش‌فرض: img/favicon.ico
لینک‌های سفارشی منوهر خط: عنوان|آدرس
آدرس آواتار نویسندهلینک تصویر پروفایل. در صورت خالی، گراواتار ایمیل مدیر یا img/avatar.png
درباره نویسندهبیوگرافی کوتاه (نمایش در سایدبار و باکس نویسنده)

۲. تنظیمات شبکه‌های اجتماعی

لینک پروفایل‌های خود را در فیلدهای مربوطه وارد کنید. این لینک‌ها در صفحه «درباره من»، «لینک‌تری»، باکس نویسنده و فوتر استفاده می‌شوند.

۳. تنظیمات ویجت‌های سایدبار

گزینهتوضیح
نمایش جستجوویجت جستجو
نمایش درباره نویسندهویجت پروفایل نویسنده
نمایش عنوان «درباره نویسنده»عنوان بالای ویجت
نمایش پست‌های اخیرآخرین مطالب
نمایش نظرات اخیرآخرین دیدگاه‌ها
نمایش دسته‌بندیلیست دسته‌ها به همراه تعداد
نمایش برچسب‌هاابر برچسب‌ها
سبک ویژه درباره نویسنده: با فعال‌سازی این گزینه، ویجت «درباره نویسنده» با رنگ اصلی پوسته (primary) استایل‌دهی می‌شود.

۴. تنظیمات منوی بالا

۵. تنظیمات فوتر

صفحات فوتر: صفحاتی که به صورت لینک در فوتر ظاهر می‌شوند.

فیلدهای سفارشی نوشته‌ها

در ویرایشگر نوشته، بخش «فیلدهای سفارشی نوشته» در انتهای صفحه اضافه می‌شود.

فیلدنوعکاربرد
آدرس تصویر شاخص (بنر)متنتصویر بزرگ بالای پست. اولویت با این فیلد است.
لینک دانلود فایلمتندکمه «دانلود فایل» در انتهای پست
لینک پیش‌نمایشمتندکمه «پیش‌نمایش»
لینک‌های گالری تصاویرمتن بلندهر آدرس تصویر در یک خط → گالری لایت‌باکس
استایل نمایش گالریانتخابگرstyle-zoom (انیمیشن زوم) یا style-dark (روکش تیره)
تعداد ستون‌هاانتخابگر۲، ۳ یا ۴ ستونه
شکل تصاویرانتخابگرافقی، عمودی، مربع

نمونه ورودی برای گالری:

https://example.com/image1.jpg
https://example.com/image2.jpg
https://example.com/image3.jpg

شخصی‌سازی دستی (هاردکدینگ)

این بخش نیاز به ویرایش مستقیم فایل‌های قالب دارد. پیش از هر تغییری، از فایل‌ها پشتیبان بگیرید.
فایلموقعیت (خط تقریبی)توضیح
about.php۲۱<h1>نام و نام خانوادگی</h1> → نام خود را وارد کنید.
links.php۱۰۶, ۱۰۷عنوان و توضیحات صفحه لینک‌تری
header.php۲۳۴ و ۲۹۰دکمه CTA (دنبال کردن) – لینک و متن را تغییر دهید.
header.php۳۵۴زیرعنوان صفحه اصلی
footer.php۱۰۲متن کپی‌رایت
index.php (و header)۳۳۸عنوان H1 در هدر صفحه اصلی

همچنین می‌توانید لینک نمونه در links.php (خط ۱۱۳) را حذف یا ویرایش کنید.

راهنمای استفاده از بخش‌های مختلف

گالری تصاویر

دکمه کپی کد

به تمام بلوک‌های <pre><code> یک دکمه «کپی کد» اضافه می‌شود. پس از کلیک، متن کپی شده و دکمه سبز می‌شود.

دکمه بازگشت به بالا

با اسکرول بیش از ۳۰۰ پیکسل ظاهر می‌شود. کلیک = اسکرول نرم به بالا.

سیستم نظرات

جستجوی موبایل

در نمای موبایل، آیکون جستجو کنار منوی همبرگری ظاهر می‌شود. با کلیک پنل جستجو از بالا پایین می‌آید.

ساختار قالب و فایل‌ها

skyler/
├── 404.php               # صفحه خطای ۴۰۴
├── about.php             # قالب صفحه «درباره من» (custom)
├── comments.php          # سیستم کامنت‌دهی بازگشتی
├── footer.php            # فوتر
├── functions.php         # توابع و تنظیمات پوسته
├── header.php            # هدر و منو
├── index.php             # صفحه اصلی (حلقه پست‌ها)
├── links.php             # صفحه «لینک‌تری» (custom)
├── page.php              # قالب پیش‌فرض صفحات
├── post.php              # قالب پیش‌فرض نوشته‌ها
├── sidebar.php           # نوار کناری
│
├── css/
│   ├── style.css         # استایل اصلی
│   ├── fonts.css         # فونت وزیرمتن
│   └── all.css           # فونت‌آسام ۶
│
├── js/
│   ├── comments.js       # منطق پاسخ به کامنت
│   ├── copy-code.js      # دکمه کپی کد
│   ├── go-to-top.js         # دکمه بازگشت به بالا
│   └── gallery.js        # لایت‌باکس گالری
│
├── img/                  # تصاویر پیش‌فرض
└── webfonts/             # فایل‌های فونت آسام

عیب‌یابی و نکات

مشکلراه‌حل
فونت/آیکون نمایش داده نمی‌شودوجود فایل‌های fonts.css و all.css و پوشه webfonts را بررسی کنید.
تاریخ میلادی استپلاگین jDate را نصب و فعال کنید.
تعداد بازدید نمی‌آیدپلاگین ViewsCounter باید فعال باشد.
تصویر شاخص نمایش داده نمی‌شوداولویت: فیلد banner → اولین تصویر محتوا → تصویر پیش‌فرض (img/default-image.jpg) → تصویر تصادفی از picsum.
منو دسته‌بندی/صفحه را نشان نمی‌دهددر تنظیمات پوسته، گزینه‌های مربوطه را تیک بزنید.
پاسخ به کامنت کار نمی‌کندفایل comments.js بارگذاری شده است؟ متغیر respondId در footer تولید می‌شود؟
نکته: اگر از تصویر پیش‌فرض استفاده می‌کنید، حتماً فایل default-image.jpg را در پوشه img قرار دهید.

اعتبار و مجوز

طراح و توسعه‌دهنده: پوردریایی (Pourdaryaei)

نسخه: ۱.۳

وبسایت: http://typecho.ir

مجوز: GPLv2 یا بالاتر – آزاد برای استفاده شخصی و تجاری.

اگر پوسته را دوست داشتید، با گزارش باگ‌ها یا پیشنهادات ما را در بهبود آن یاری کنید.