مقال حصري رقم 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;
});
?>
شرح الكود
الكود يقوم بالتالي:
- يستخدم فلتر
the_contentلإضافة الأزرار أسفل محتوى المقال. - يتحقق من أن الصفحة عبارة عن مقال مفرد
is_single(). - ينشئ روابط المشاركة لكل منصة مع البيانات المطلوبة (URL والعنوان).
- يمكنك تعديل الألوان من خلال CSS أو إضافة منصات جديدة بسهولة.
تخصيص التصميم
يمكنك تغيير ألوان الأزرار أو حجمها عبر تعديل الكلاسات التالية في CSS:
.button-facebook— اللون الخاص بفيسبوك.button-twitter— اللون الخاص بتويتر.button-whatsapp— اللون الخاص بواتساب.button-share— خصائص عامة لجميع الأزرار (padding, border-radius, font-weight)
تطوير الإضافة لاحقاً
- إضافة عدد المشاركات لكل مقال بجانب الأزرار.
- إضافة منصات أخرى مثل LinkedIn، Telegram، Pinterest.
- إظهار الأزرار فقط في المقالات وليس في الصفحات الثابتة.
- دمج مع Elementor أو Gutenberg لإظهار الأزرار بأي مكان في الصفحة.
الخلاصة
بهذه الطريقة، لديك **إضافة ووردبريس حصرية** توفر أزرار مشاركة اجتماعية مباشرة أسفل المقالات. الكود سهل التخصيص ويمكن لأي زائر استخدامه أو تطويره حسب حاجته، مما يزيد من تفاعل الزوار مع موقعك.
