مقال حصري ازرار مواقع التواصل الاجتماعي

مقال حصري رقم 7 — أزرار مشاركة اجتماعية لووردبريس

مقال حصري رقم 7 — إضافة أزرار مشاركة اجتماعية في ووردبريس

في هذا المقال، سنتعلم كيفية إنشاء **إضافة ووردبريس صغيرة** تعرض أزرار مشاركة اجتماعية مخصصة أسفل المقالات. الأزرار جاهزة للمشاركة على فيسبوك، تويتر، وواتساب، ويمكنك تعديل الألوان أو إضافة منصات أخرى بسهولة.

الكود الكامل للإضافة

<?php
/*
Plugin Name: Social Quick Share
Description: إضافة أزرار مشاركة اجتماعية أسفل المقالات.
Version: 1.0
Author: موقعك الحصري
*/

if (!defined('ABSPATH')) exit;

// إضافة الأزرار أسفل المقال
add_filter('the_content', function($content){
    if(is_single()){
        $url = get_permalink();
        $title = get_the_title();

        $buttons = '<div class="social-share-buttons">';
        $buttons .= '<a class="button-share button-facebook" href="https://www.facebook.com/sharer/sharer.php?u='.urlencode($url).'" target="_blank">مشاركة فيسبوك</a>';
        $buttons .= '<a class="button-share button-twitter" href="https://twitter.com/intent/tweet?url='.urlencode($url).'&text='.urlencode($title).'" target="_blank">مشاركة تويتر</a>';
        $buttons .= '<a class="button-share button-whatsapp" href="https://api.whatsapp.com/send?text='.urlencode($title.' '.$url).'" target="_blank">مشاركة واتساب</a>';
        $buttons .= '</div>';

        return $content . $buttons;
    }
    return $content;
});
?>

شرح الكود

الكود يقوم بالتالي:

  1. يستخدم فلتر the_content لإضافة الأزرار أسفل محتوى المقال.
  2. يتحقق من أن الصفحة عبارة عن مقال مفرد is_single().
  3. ينشئ روابط المشاركة لكل منصة مع البيانات المطلوبة (URL والعنوان).
  4. يمكنك تعديل الألوان من خلال CSS أو إضافة منصات جديدة بسهولة.

تخصيص التصميم

يمكنك تغيير ألوان الأزرار أو حجمها عبر تعديل الكلاسات التالية في CSS:

  • .button-facebook — اللون الخاص بفيسبوك
  • .button-twitter — اللون الخاص بتويتر
  • .button-whatsapp — اللون الخاص بواتساب
  • .button-share — خصائص عامة لجميع الأزرار (padding, border-radius, font-weight)

تطوير الإضافة لاحقاً

  • إضافة عدد المشاركات لكل مقال بجانب الأزرار.
  • إضافة منصات أخرى مثل LinkedIn، Telegram، Pinterest.
  • إظهار الأزرار فقط في المقالات وليس في الصفحات الثابتة.
  • دمج مع Elementor أو Gutenberg لإظهار الأزرار بأي مكان في الصفحة.

الخلاصة

بهذه الطريقة، لديك **إضافة ووردبريس حصرية** توفر أزرار مشاركة اجتماعية مباشرة أسفل المقالات. الكود سهل التخصيص ويمكن لأي زائر استخدامه أو تطويره حسب حاجته، مما يزيد من تفاعل الزوار مع موقعك.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Scroll to Top