AOSSIE-Org / AOSSIE-Org/SocialShareButton
Enhancement: Add WordPress Integration — demo page section and CDN usage guide
- 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
Đánh giá
Issue này chưa được đánh giá.