AOSSIE-Org / AOSSIE-Org/SocialShareButton

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

Ouverte
#52 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
planned
Langage dominant
TypeScript
Étoiles
25
Forks
65
Merge moyen
2 j 11 h
PR mergées (30 j)
1

Description

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

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.