پلاگین Like برای تایپ‌چو

همه ما می‌دانیم که «لایک» یا پسندیدن، یکی از ساده‌ترین و مؤثرترین راه‌ها برای تعامل کاربران با محتوای یک وبلاگ است. اگر شما هم از سیستم مدیریت محتوای محبوب Typecho استفاده می‌کنید، به احتمال زیاد به یک سیستم لایک ساده، زیبا و قابل اعتماد نیاز دارید.

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

🌟 ویژگی‌های کلیدی پلاگین Like

• قلب SVG زیبا: طراحی مدرن با آیکن‌های SVG که به صورت توخالی (قبل از لایک) و توپر (بعد از لایک) نمایش داده می‌شوند.
• تجربه کاربری (UX) عالی: شامل افکت‌های زیبای بصری مانند پالس هنگام کلیک، افکت شناور شبیه به اینستاگرام و نمایش پیام‌های toast.
• ماندگاری حالت لایک: حالت لایک/آنلایک کاربران با استفاده از کوکی ذخیره می‌شود و پس از رفرش صفحه یا مراجعه مجدد از بین نمی‌رود.
• جلوگیری از لایک تکراری: سیستم به هوشمندی از لایک‌های تکراری توسط یک کاربر جلوگیری می‌کند.
• آنلایک (Toggle): با کلیک مجدد روی دکمه، کاربر می‌تواند لایک خود را پس بگیرد.
• نمایش آمار پیشرفته: شمارنده به صورت فرمت‌شده (مثلاً ۱.۲k به جای ۱۲۰۰) نمایش داده می‌شود.
• افزودن آمار کل سایت: قابلیت جدید! حالا می‌توانید مجموع کل لایک‌های تمام پست‌های منتشر شده خود را در هر جایی از قالب (مثلاً sidebar یا footer) نمایش دهید.
• ساختار سبک و بهینه: کدهای تمیز و بهینه‌شده که بار اضافی به سایت شما تحمیل نمی‌کند.

🛠 نحوه نصب و استفاده

برای نمایش دکمه لایک در قالب سایت خود، کافی است کد زیر را در محل مناسب (معمولاً در فایل post.php داخل حلقه پست‌ها) قرار دهید:

<?php if (class_exists('Like_Plugin')): ?>
    <?php Like_Plugin::theLike(); ?>
<?php endif; ?>

📊 نمایش آمار کل لایک‌های سایت

این قابلیت جدید برای نشان دادن اعتبار و محبوبیت کل وبلاگ شما عالی است. برای نمایش مجموع کل لایک‌های تمام پست‌ها، مثلاً در sidebar، از کد زیر استفاده کنید:

<div class="total-likes-widget">
    <span class="icon">❤️</span>
    <span class="count">
        <?php 
        if (class_exists('Like_Plugin')) {
            echo number_format(Like_Plugin::getTotalLikes());
        }
        ?>
    </span>
    <span class="label">Total Likes</span>
</div>

🎨 سفارشی‌سازی ظاهر

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