AOSSIE-Org / AOSSIE-Org/SocialShareButton

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

オープン
#52 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
planned
主要言語
TypeScript
スター
25
フォーク
65
平均マージ
2日 11時間
マージ済み PR(30日)
1

説明

## 🎯 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.**

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。