AOSSIE-Org / AOSSIE-Org/SocialShareButton

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

Aperta
#52 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
planned
Lingua principale
TypeScript
Stelle
25
Fork
65
Merge medio
2g 11h
PR unite (30g)
1

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.