پوسته نوین‌تکنولوژی برای تایپ‌چو

ویژگی‌ها • نیازمندی‌ها • نصب • تنظیمات • ساختار فایل‌ها • راهنمای استفاده • رفع مشکلات • لایسنس

یک پوسته حرفه‌ای، مدرن و واکنش‌گرا برای سیستم مدیریت محتوای تایپ‌چو (Typecho)، طراحی شده برای شرکت‌های فناوری، استارتاپ‌ها و کسب‌وکارهای دیجیتال.

---

📋 فهرست مطالب

• ویژگی‌ها
• نیازمندی‌ها
• نصب
• تنظیمات
• ساختار فایل‌ها
• راهنمای استفاده
• رفع مشکلات رایج
• لایسنس

---

✨ ویژگی‌ها

🎨 طراحی مدرن و واکنش‌گرا

• ✅ طراحی کاملاً واکنش‌گرا برای موبایل، تبلت و دسکتاپ
• ✅ انیمیشن‌های روان با CSS خالص (بدون وابستگی به کتابخانه)
• ✅ پشتیبانی کامل از راست‌چین (RTL)
• ✅ فونت وزیرمتن به صورت آفلاین (بدون نیاز به اینترنت)
• ✅ آیکون‌های فونت‌آسام به صورت آفلاین

📄 صفحات اختصاصی

• صفحه اصلی شرکتی با بخش‌های هیرو، خدمات (۶ خدمت)، درباره ما، وبلاگ (۳ مطلب آخر) و تماس با نقشه
• صفحه آرشیو وبلاگ با جستجو و صفحه‌بندی
• صفحه دسته‌بندی و برچسب با طراحی یکسان
• صفحه ۴۰۴ اختصاصی با گرافیک زیبا
• صفحه تماس با نقشه پویا (Google Maps)

💬 سیستم نظرات پیشرفته

• نمایش نظرات به صورت درختی (تا ۲ سطح)
• قابلیت پاسخگویی به نظرات بدون جا‌به‌جایی فرم
• نمایش آواتار کاربران (گراواتار)
• برچسب "نویسنده" برای نظرات نویسنده مطلب

⚙️ تنظیمات گسترده

• لوگو و Favicon دلخواه
• اطلاعات تماس (تلفن، ایمیل، آدرس)
• مختصات نقشه گوگل برای نمایش نقشه
• لینک شبکه‌های اجتماعی (اینستاگرام، تلگرام، توییتر، لینکدین)
• انتخاب صفحات فوتر با قابلیت چند انتخابی
• کدهای سفارشی هدر و فوتر (برای اسکریپت‌های تحلیلی)

📱 امکانات کاربردی

• دکمه بازگشت به بالا با انیمیشن
• نوار پیشرفت مطالعه (فقط در صفحات نوشته)
• دکمه کپی لینک با نوتیفیکیشن
• اشتراک‌گذاری در شبکه‌های اجتماعی
• بهینه‌سازی برای موتورهای جستجو (SEO)
• لود تنبل تصاویر (Lazy Loading)
• نمایش تعداد بازدید مطالب (سازگار با SQLite)
• منوی موبایل با انیمیشن کشویی

🎯 ویژگی‌های فنی

• فیلد سفارشی برای تصویر شاخص مطالب
• فیلد سفارشی برای زیرعنوان صفحات
• پشتیبانی از تاریخ شمسی با تابع توکار jdate
• نمایش مطالب مرتبط بر اساس برچسب‌ها
• صفحه‌بندی زیبا با فلش‌های استاندارد راست‌چین
• کدنویسی تمیز و ماژولار با کامنت‌های فارسی
• ایجاد خودکار جداول دیتابیس برای بازدیدکنندگان

---

🔧 نیازمندی‌ها

نیازمندی	نسخه حداقل	توضیحات
تایپ‌چو	۱.۰	یا بالاتر
پی‌اچ‌پی	۷.۲	یا بالاتر
پایگاه داده	-	MySQL یا SQLite

---

📦 نصب

1. دانلود پوسته
   فایل ZIP را از ریپازیتوری دانلود کرده و استخراج کنید.

2. آپلود در سرور
   پوشه NovinTech را در مسیر usr/themes/ تایپ‌چو آپلود کنید (از طریق FTP یا مدیریت فایل هاست).

3. فعال‌سازی پوسته

   • وارد پیشخوان تایپ‌چو شوید
   • به بخش ظاهر > مدیریت پوسته‌ها بروید
   • پوسته نوین‌تکنولوژی را پیدا کرده و روی فعال‌سازی کلیک کنید

4. تنظیمات اولیه
   پس از فعال‌سازی، به بخش ظاهر > تنظیمات پوسته بروید و اطلاعات مورد نیاز را وارد کنید.

---

⚙️ تنظیمات

پس از فعال‌سازی پوسته، از منوی ظاهر > تنظیمات پوسته می‌توانید تمام گزینه‌ها را پیکربندی کنید.

🔷 اطلاعات عمومی

فیلد	توضیحات	مثال
آدرس لوگو	آدرس کامل تصویر لوگو (PNG/JPG)	https://site.com/logo.png
آدرس Favicon	آدرس آیکون سایت (ICO/PNG)	https://site.com/favicon.ico

🔷 اطلاعات تماس

فیلد	توضیحات	مثال
شماره تلفن	شماره تماس شرکت	۰۲۱-۱۲۳۴۵۶۷۸
ایمیل	آدرس ایمیل	info@site.com
آدرس	آدرس فیزیکی شرکت	تهران، خیابان ولیعصر...
مختصات نقشه گوگل	عرض و طول جغرافیایی	27.16562176463718, 56.246837684355505

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

فیلد	توضیحات	مثال
اینستاگرام	لینک کامل پروفایل	https://instagram.com/username
تلگرام	لینک کانال یا گروه	https://t.me/username
توییتر	لینک پروفایل	https://twitter.com/username
لینکدین	لینک صفحه شرکت	https://linkedin.com/company/name

🔷 تنظیمات فوتر

فیلد	توضیحات
صفحات فوتر	صفحاتی که در فوتر نمایش داده شوند (چند انتخابی)
کد هدر	کدهای جاوااسکریپت یا CSS برای قرارگیری در هدر
کد فوتر	کدهای سفارشی برای قرارگیری در فوتر (مثل گوگل آنالیتیکس)

---

📁 ساختار فایل‌ها

NovinTech/
│
├── assets/
│   └── js/
│       ├── main.js           # اسکریپت اصلی (منو، اسکرول، کپی لینک و...)
│       └── comments.js        # اسکریپت نظرات (پاسخگویی بدون جا به جایی)
│
├── css/
│   ├── fonts.css              # فونت وزیرمتن (آفلاین)
│   └── all.css                 # فونت‌آسام (آفلاین)
│
├── 404.php                     # صفحه خطای ۴۰۴
├── archive.php                  # صفحه آرشیو (دسته‌بندی، برچسب، جستجو)
├── category.php                 # صفحه دسته‌بندی (هم‌شکل با archive)
├── comments.php                 # قالب نظرات (درختی و بازگشتی)
├── footer.php                   # فوتر سایت
├── functions.php                # توابع پوسته (تنظیمات، jdate، بازدید و...)
├── header.php                   # هدر سایت
├── index.php                    # صفحه اصلی
├── page.php                     # قالب صفحه (استاتیک)
├── page-blog.php                # صفحه وبلاگ (قالب سفارشی - تمام پست‌ها)
├── post.php                     # قالب نوشته (تک پست)
└── style.css                    # استایل اصلی (تمام CSS)

---

📝 راهنمای استفاده

ایجاد صفحه وبلاگ (آرشیو تمام پست‌ها)

برای ایجاد صفحه‌ای که تمام مطالب وبلاگ را به صورت گرید ۳ ستونی نمایش دهد:

1. از پیشخوان، به بخش نوشته‌ها > افزودن صفحه بروید
2. عنوان دلخواه مانند "وبلاگ" یا "آرشیو مطالب" وارد کنید
3. در بخش قالب صفحه (در سمت راست)، گزینه نمایش تمام پست‌ها را انتخاب کنید
4. صفحه را منتشر کنید
5. با مراجعه به آدرس آن صفحه، تمام مطالب به همراه جستجو و صفحه‌بندی نمایش داده می‌شود

افزودن تصویر شاخص به مطالب

در صفحه ویرایش نوشته یا صفحه:

1. به پایین صفحه اسکرول کنید
2. بخش فیلدهای سفارشی را پیدا کنید
3. در فیلد تصویر شاخص، آدرس کامل تصویر را وارد کنید (مثال: https://site.com/images/post1.jpg)
4. نوشته را منتشر کنید – تصویر در کارت‌های وبلاگ و بالای مطلب نمایش داده می‌شود

تنظیم زیرعنوان برای صفحات

در صفحه ویرایش:

1. به پایین صفحه بروید
2. بخش فیلدهای سفارشی را پیدا کنید
3. در فیلد زیرعنوان، متن دلخواه وارد کنید
4. این متن در هدر صفحه (زیر عنوان اصلی) نمایش داده می‌شود

نمایش تعداد بازدید

تابع PostViews() به صورت خودکار بازدیدها را شمارش و نمایش می‌دهد. برای نمایش در قالب:

<?php echo PostViews($this); ?> بازدید

این تابع:

• برای SQLite بهینه شده است
• جدول post_views را خودکار ایجاد می‌کند
• بازدیدهای تکراری را در هر سشن شمارش نمی‌کند

نمایش مطالب مرتبط

برای نمایش مطالب مرتبط بر اساس برچسب‌ها:

<?php
$relatedPosts = getRelatedPosts($this, 3); // دریافت ۳ مطلب مرتبط
if(!empty($relatedPosts)):
    foreach($relatedPosts as $post):
?>
    <!-- نمایش هر مطلب -->
<?php
    endforeach;
endif;
?>

تنظیم نقشه گوگل

برای نمایش نقشه در صفحه تماس:

1. به Google Maps بروید و مکان مورد نظر را پیدا کنید
2. از آدرس مرورگر، مختصات را استخراج کنید (مثلاً در آدرس @27.1656217,56.2468377 مختصات به صورت عرض, طول است)
3. در تنظیمات پوسته، فیلد مختصات نقشه گوگل را با فرمت عرض, طول پر کنید (مثال: 27.16562176463718, 56.246837684355505)

شخصی‌سازی منو

منوی اصلی در فایل header.php قابل ویرایش است:

<ul class="nav-menu">
    <li class="nav-item <?php if($this->is('index')): ?>active<?php endif; ?>">
        <a href="<?php $options->siteUrl(); ?>">خانه</a>
    </li>
    <li class="nav-item">
        <a href="<?php $options->siteUrl(); ?>#services">خدمات</a>
    </li>
    <!-- سایر آیتم‌ها -->
</ul>

---

🐛 رفع مشکلات رایج

مشکل نمایش تاریخ شمسی

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

راه حل:

1. مطمئن شوید تابع jdate در functions.php به درستی کار می‌کند
2. تنظیمات منطقه زمانی سرور را بررسی کنید:

   // در functions.php اضافه کنید
   date_default_timezone_set('Asia/Tehran');

3. از فرمت صحیح استفاده کنید:

   <?php echo jdate('j F Y', $this->created); ?>

مشکل نمایش نقشه گوگل

مشکل: نقشه نمایش داده نمی‌شود یا خالی است.

راه حل:

• مختصات را با فرمت صحیح وارد کنید: عرض, طول (با کاما انگلیسی)
• از صحیح بودن مختصات اطمینان حاصل کنید (مثلاً 35.6892, 51.3890 برای تهران)
• اتصال به سرویس گوگل مپ را بررسی کنید (تحریم‌ها ممکن است مشکل ایجاد کنند)
• اگر با تحریم مواجه هستید، از نقشه نشان یا جایگزین استفاده کنید

---

📄 لایسنس

این پوسته تحت لیسانس GNU General Public License v3.0 منتشر شده است.

شما می‌توانید:

• ✅ آزادانه از پوسته استفاده کنید
• ✅ آن را تغییر دهید و شخصی‌سازی کنید
• ✅ توزیع مجدد کنید
• ✅ در پروژه‌های تجاری استفاده کنید