# نی نی بلاگ - پوسته کودکانه برای تایپچو

**نسخه:** ۱.۳  
**نویسنده:** Pourdaryaei  
**وب‌سایت:** [http://typecho.ir](http://typecho.ir)

## 📝 معرفی

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

## ✨ ویژگی‌های اصلی

- 🎨 **طراحی کاملاً واکنش‌گرا** (Responsive) مناسب تمام دستگاه‌ها
- 🌈 **انیمیشن‌های جذاب** شامل ستاره‌های چشمک‌زن، دایره‌های نورانی و افکت‌های هاور
- 📱 **منوی موبایل اختصاصی** (بدون نیاز به Bootstrap)
- 🔍 **پنل جستجوی مدرن** با قابلیت باز و بسته شدن
- 🖼️ **گالری تصاویر لایت‌باکس** با ناوبری و پشتیبانی از کیبورد
- 💬 **سیستم نظرات پیشرفته** با قابلیت پاسخ‌دهی تا دو سطح (پاسخ به پاسخ)
- 🏷️ **برچسب‌های رنگارنگ** با تغییر رنگ هنگام هاور
- 📊 **ویجت‌های سایدبار** شامل جستجو، دسته‌بندی، پربازدیدترین‌ها، آخرین نظرات و برچسب‌ها
- 🚀 **بهینه‌سازی شده** برای سرعت و سئو
- 🔙 **دکمه بازگشت به بالا** با انیمیشن نرم
- 📅 **پشتیبانی از تاریخ شمسی** (با نصب افزونه jalali)
- 👤 **صفحه نویسنده اختصاصی** با نمایش آمار و اطلاعات
- 🔎 **هایلایت کلمات جستجو** در نتایج

## 📦 فایل‌های پوسته

```
theme-nini-blog/
├── index.php          (صفحه اصلی)
├── post.php           (صفحه پست)
├── page.php           (صفحه ثابت)
├── archive.php        (آرشیو عمومی)
├── category.php       (صفحه دسته‌بندی)
├── tag.php            (صفحه برچسب)
├── author.php         (صفحه نویسنده)
├── search.php         (صفحه جستجو)
├── comments.php       (سیستم نظرات)
├── sidebar.php        (سایدبار)
├── header.php         (هدر)
├── footer.php         (فوتر)
├── functions.php      (توابع و تنظیمات پوسته)
├── css/
│   ├── style.css      (استایل اصلی)
│   ├── fonts.css      (فونت وزیرمتن)
│   └── all.css        (فونت‌آسام)
├── js/
│   ├── main.js        (اسکریپت اصلی)
│   ├── gallery.js     (گالری لایت‌باکس)
│   └── comments.js    (اسکریپت نظرات)
└── img/
    └── default-image.jpg (تصویر پیش‌فرض)
```

## 🔧 نصب

1. فایل‌های پوسته را در مسیر `/usr/themes/nini-blog/` آپلود کنید
2. از پیشخوان تایپچو به بخش **مدیریت پوسته** بروید
3. پوسته **نی نی بلاگ** را فعال کنید
4. به بخش **تنظیمات پوسته** رفته و مقادیر مورد نظر را وارد کنید

## ⚙️ تنظیمات پوسته

پس از فعال‌سازی، می‌توانید از بخش **تنظیمات پوسته** مقادیر زیر را پیکربندی کنید:

### 📌 تنظیمات بنر اصلی
- **عنوان بنر**: متن عنوان بنر صفحه اصلی
- **متن بنر**: توضیحات زیر عنوان

### 🧭 منوی ناوبری
- **دسته‌بندی‌های منوی بالا**: دسته‌بندی‌هایی که در منو نمایش داده شوند
- **صفحات منوی بالا**: صفحاتی که در منوی بالا نمایش داده شوند
- **صفحات فوتر**: صفحاتی که در فوتر نمایش داده شوند

### 🎨 آیکون‌های سفارشی
- **آیکون‌های دسته‌بندی**: با فرمت JSON (مثال: `{"health":"fa-heart-pulse","baby":"fa-baby"}`)
- **آیکون‌های صفحات**: با فرمت JSON (مثال: `{"about":"fa-circle-info"}`)

### 📊 ویجت‌های سایدبار
- نمایش جستجو
- نمایش دسته‌بندی‌ها
- نمایش محبوب‌ترین‌ها
- نمایش برچسب‌ها
- نمایش آخرین نظرات

### 🔘 دکمه CTA (فراخوان به اقدام)
- **لینک دکمه CTA**: آدرس مقصد
- **متن دکمه CTA**: متن روی دکمه

### 🌐 شبکه‌های اجتماعی
- تلگرام
- اینستاگرام
- واتساپ
- توییتر

## 🖼️ فیلدهای سفارشی پست

هنگام نوشتن پست، می‌توانید از فیلدهای زیر استفاده کنید:

- **تصویر شاخص**: آدرس تصویر شاخص پست
- **لینک‌های گالری تصاویر**: هر آدرس تصویر در یک خط جداگانه
- **استایل نمایش گالری**: گرید با انیمیشن زوم / گرید با روکش تیره
- **تعداد ستون‌ها**: ۲، ۳ یا ۴ ستونه

## 📱 قابلیت‌های ویژه

### منوی موبایل
- با کلیک روی دکمه همبرگری باز می‌شود
- دارای افکت محو شدن پس‌زمینه
- بسته شدن با کلیک روی لینک‌ها، دکمه close یا کلید Escape

### پنل جستجو
- باز شدن با کلیک روی دکمه جستجو
- فوکس خودکار روی فیلد جستجو
- بسته شدن با کلیک روی پس‌زمینه یا کلید Escape

### گالری لایت‌باکس
- نمایش تصاویر در حالت تمام‌صفحه
- ناوبری با دکمه‌های قبلی/بعدی
- پشتیبانی از کلیدهای کیبورد (فلش‌ها و Escape)
- بسته شدن با کلیک روی پس‌زمینه

### نظرات
- نمایش آواتار کاربران با Gravatar
- قابلیت پاسخ به نظرات تا دو سطح
- نمایش نشان "نویسنده" برای نظرات نویسنده پست
- فرم نظر با اعتبارسنجی ساده

## 🔌 وابستگی‌ها

### پیشنهادی (اختیاری)
- **افزونه ViewsCounter**: برای نمایش تعداد بازدید پست‌ها
- **افزونه Jalali**: برای نمایش تاریخ شمسی

### فونت‌های استفاده شده
- **Vazirmatn**: فونت وزیرمتن برای متن اصلی
- **Font Awesome 6**: برای آیکون‌ها (به صورت آفلاین)

## 💡 نکات مهم

1. **تصاویر پیش‌فرض**: اگر برای پستی تصویر شاخص تنظیم نکنید، پوسته به ترتیب زیر تصویر انتخاب می‌کند:
   - فیلد سفارشی `banner`
   - اولین تصویر از محتوای پست
   - تصویر پیش‌فرض (`default-image.jpg`)
   - تصویر تصادفی از Picsum

2. **نظرات**: پوسته نظرات را به صورت درختی (تا دو سطح) نمایش می‌دهد. برای پاسخ به نظرات، روی دکمه "پاسخ" کلیک کنید.

3. **اعداد فارسی**: تمام اعداد به صورت خودکار به فارسی تبدیل می‌شوند.

4. **سایدبار**: می‌توانید نمایش سایدبار را در صفحات مختلف کنترل کنید:
   - نمایش در همه صفحات
   - پنهان در صفحه اصلی
   - پنهان در موبایل
   - پنهان در صفحه اصلی و موبایل

## 🎨 شخصی‌سازی رنگ‌ها

برای تغییر رنگ‌های اصلی پوسته، فایل `css/style.css` را باز کرده و متغیرهای :root را تغییر دهید:

```css
:root {
    --nini-pink: #FF6B9D;
    --nini-purple: #C490E4;
    --nini-blue: #7EB6FF;
    --nini-yellow: #FFD93D;
    --nini-green: #6BCB77;
    /* ... */
}
```

## 🌍 پشتیبانی از راست‌چین

پوسته کاملاً برای زبان فارسی و سایر زبان‌های راست‌چین (RTL) بهینه شده است.

## 📄 مجوز

این پوسته تحت مجوز GPL منتشر شده و استفاده و تغییر آن آزاد است.

---

**🍼 نی نی بلاگ - جایی برای نوشتن از دنیای کودکانه**
