Skip to content

abdulhalim/nini-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

🍼 نی نی بلاگ – پوسته کودکانه برای تایپچو

Nini Blog Theme Preview

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


نسخه: 1.3 نویسنده: Pourdaryaei وب‌سایت: 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/
  1. از پیشخوان تایپچو وارد بخش «مدیریت پوسته‌ها» شوید.
  2. پوسته نی نی بلاگ را فعال کنید.
  3. سپس از بخش «تنظیمات پوسته» تنظیمات را انجام دهید.

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

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

📌 تنظیمات بنر اصلی

  • عنوان بنر
  • متن بنر

🧭 منوی ناوبری

  • دسته‌بندی‌های منوی بالا
  • صفحات منوی بالا
  • صفحات فوتر

🎨 آیکون‌های سفارشی

آیکون‌ها به صورت JSON تعریف می‌شوند.

نمونه برای دسته‌بندی‌ها:

{"health":"fa-heart-pulse","baby":"fa-baby"}

نمونه برای صفحات:

{"about":"fa-circle-info"}

📊 ویجت‌های سایدبار

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

🔘 دکمه CTA

  • لینک دکمه CTA
  • متن دکمه CTA

🌐 شبکه‌های اجتماعی

  • تلگرام
  • اینستاگرام
  • واتساپ
  • توییتر

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

  • تصویر شاخص
  • لینک‌های گالری تصاویر (هر لینک در یک خط)
  • استایل نمایش گالری
  • تعداد ستون‌ها (۲، ۳ یا ۴)

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

منوی موبایل

  • باز شدن با دکمه همبرگری

  • افکت محو شدن پس‌زمینه

  • بسته شدن با:

    • کلیک روی لینک‌ها
    • دکمه بستن
    • کلید Escape

پنل جستجو

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

گالری لایت‌باکس

  • نمایش تمام‌صفحه تصاویر
  • دکمه قبلی / بعدی
  • پشتیبانی از کلیدهای کیبورد
  • بسته شدن با کلیک روی پس‌زمینه

نظرات

  • نمایش آواتار کاربران با Gravatar
  • پاسخ‌دهی تا دو سطح
  • نمایش نشان «نویسنده» برای نویسنده پست
  • اعتبارسنجی ساده فرم ارسال نظر

🔌 وابستگی‌ها

پیشنهادی

  • افزونه ViewsCounter
  • افزونه Jalali

فونت‌ها

  • Vazirmatn
  • Font Awesome 6 (آفلاین)

💡 نکات مهم

اولویت انتخاب تصویر شاخص

در صورت نبود تصویر شاخص:

  1. فیلد سفارشی banner
  2. اولین تصویر داخل محتوا
  3. تصویر پیش‌فرض (default-image.jpg)
  4. تصویر تصادفی از Picsum

نظرات

نمایش نظرات به‌صورت درختی تا دو سطح انجام می‌شود.


اعداد فارسی

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


مدیریت سایدبار

قابل تنظیم برای:

  • نمایش در همه صفحات
  • عدم نمایش در صفحه اصلی
  • عدم نمایش در موبایل
  • عدم نمایش در صفحه اصلی و موبایل

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

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

css/style.css

و متغیرهای بخش :root را تغییر دهید:

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

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

این پوسته به صورت کامل برای زبان فارسی و محیط RTL بهینه شده است.


📄 مجوز

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


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

Packages

 
 
 

Contributors