AOSSIE-Org / AOSSIE-Org/SocialShareButton

Enhancement: Add WordPress Integration — demo page section and CDN usage guide

Đang mở
#52 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
planned
Ngôn ngữ chính
TypeScript
Star
25
Fork
65
Merge trung bình
2 ngày 11 giờ
Pull request đã merge (30 ngày)
1

Mô tả

## 🎯 Direction

SocialShareButton is a **lightweight, zero-dependency, framework-agnostic** social sharing component. WordPress powers over 40% of the web — it is the single largest platform where a social share button can add value. Integration is entirely CDN-based via `wp_enqueue_style`, `wp_enqueue_script`, and a small `wp_footer` hook. No separate wrapper file is needed.

📹 **See the button in action**: https://youtu.be/cLJaT-8rEvQ?si=CLipA0Db4WL0EqKM

---

## 📁 Files to Create / Modify

### ℹ️ No New Wrapper File Needed

WordPress integration is done in a theme's `functions.php` using standard WordPress enqueueing APIs and a footer hook. No JavaScript framework wrapper is required.

---

### ✅ Existing File: `index.html` — Add WordPress Integration Section

Add a new section with:
- Section heading: `🔷 WordPress Integration`
- Step 1: Enqueue the CSS and JS in `functions.php`
- Step 2: Initialize the button in the footer

**`functions.php`**:

```php
function enqueue_social_share_button() {
wp_enqueue_style(
'social-share-button',
'https://cdn.jsdelivr.net/npm/social-share-button/dist/social-share-button.css'
);
wp_enqueue_script(
'social-share-button',
'https://cdn.jsdelivr.net/npm/social-share-button/dist/social-share-button.js',
[],
null,
true // Load in footer
);
}
add_action('wp_enqueue_scripts', 'enqueue_social_share_button');

function init_social_share_button() { ?>



new SocialShareButton({
container: '#share-button',
url: window.location.href,
title: document.title,
theme: 'dark',
buttonText: 'Share'
});

⚠️ **Planned — Not Final**
> This issue represents a planned enhancement and is **not guaranteed to be implemented**. It may be dropped if it does not align with the repository's direction. **Before opening a pull request, please discuss with the maintainers in this issue thread.**

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.