manifest / social / otomaties-share-buttons

Otomaties Share Buttons

by Tom Broucke · github.com/tombroucke/otomaties-share-buttons

★ 4stars

1.5kcomposer installs

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/tombroucke/otomaties-share-buttons/archive/refs/heads/master.zip

On Packagist as tombroucke/otomaties-share-buttons:

composer require tombroucke/otomaties-share-buttons

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/tombroucke/otomaties-share-buttons ↗

Requirements

Font Awesome

Installation

composer require tombroucke/otomaties-share-buttons & activate plugin

Configuration

https://example.com/wp-admin/options-general.php?page=otomaties-share-buttons

Customization

Filters

otomaties_share_buttons_string_copied_link // String to display in alert
otomaties_share_buttons_string_copy_link_error // String to display in alert
otomaties_share_buttons_container_class // Buttons container class
otomaties_share_buttons_button_class // Button class
otomaties_share_buttons_button_icon // Button icon, 2nd parameter is type (e.g. facebook)
otomaties_share_buttons_button // Button output, 2nd parameter is type (e.g. facebook)
otomaties_share_buttons_output // HTML output

Copy link button

You could uncheck 'Display alert after copying link' in the Share buttons settings, and display a custom notification. (Example: Bootstrap 4 Toast)

add_filter('otomaties_share_buttons_output', function ($output) {
    ob_start();
    ?>
    <div class="toast bg-success toast--copied hide" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header bg-success">
            <strong class="toast-title text-white mr-auto"></strong>
            <button type="button" class="ml-2 mb-1 close text-white" data-dismiss="toast" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="toast-body text-white">
        </div>
    </div>
    <?php
    return $output . ob_get_clean();
});

window.addEventListener('otomaties_share_button_copied', function(e){
      if(e.detail.copied) {
        $('.toast-title','.toast--copied').html('<i class="fa fa-check"></i> ' + sage_vars.strings.copied.title)
        $('.toast-body','.toast--copied').html(sage_vars.strings.copied.body)
      } else {
        $('.toast-title','.toast--copied').html('<i class="fa fa-times"></i> ' + sage_vars.strings.not_copied.title)
        $('.toast-body','.toast--copied').html(sage_vars.strings.not_copied.body)
      }
      $('.toast--copied').toast('show')
});

$('.toast--copied').toast({
  delay: 8000,
});