6c7e8be00d
Labels can be tab-navigated and used with the keyboard, added focus styles to most interactive elements, also fixed some style and translation issues.
65 lines
1.8 KiB
PHP
65 lines
1.8 KiB
PHP
<?php
|
|
/**
|
|
* Partial: Share Buttons
|
|
*
|
|
* Renders a button to open the sharing modal and shows links to
|
|
* Feedly, InoReader, and the RSS feed.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Fictioneer
|
|
* @since 4.7
|
|
* @see partials/_modal-sharing.php
|
|
*/
|
|
?>
|
|
|
|
<?php
|
|
|
|
// Setup
|
|
$feed = fictioneer_get_rss_link();
|
|
|
|
?>
|
|
|
|
<div class="media-buttons">
|
|
<label
|
|
for="modal-sharing-toggle"
|
|
class="tooltipped"
|
|
data-tooltip="<?php esc_attr_e( 'Share', 'fictioneer' ); ?>"
|
|
tabindex="0"
|
|
><i class="fa-solid fa-share-nodes"></i></label>
|
|
|
|
<?php if ( $feed ) : ?>
|
|
|
|
<?php $feed_url = urlencode( $feed ); ?>
|
|
|
|
<?php if ( get_post_type() == 'fcn_story' ) : ?>
|
|
<a
|
|
href="<?php echo $feed; ?>"
|
|
class="rss-link tooltipped"
|
|
target="_blank"
|
|
rel="noopener"
|
|
data-tooltip="<?php esc_attr_e( 'Story RSS Feed', 'fictioneer' ); ?>"
|
|
aria-label="<?php esc_attr_e( 'Story RSS Feed', 'fictioneer' ); ?>"
|
|
><?php fictioneer_icon( 'fa-rss' ); ?></a>
|
|
<?php endif; ?>
|
|
|
|
<a
|
|
href="https://feedly.com/i/subscription/feed/<?php echo $feed_url; ?>"
|
|
class="feedly tooltipped hide-below-640"
|
|
target="_blank"
|
|
rel="noopener"
|
|
data-tooltip="<?php esc_attr_e( 'Follow on Feedly', 'fictioneer' ); ?>"
|
|
aria-label="<?php esc_attr_e( 'Follow on Feedly', 'fictioneer' ); ?>"
|
|
><?php fictioneer_icon( 'feedly' ); ?></a>
|
|
|
|
<a
|
|
href="https://www.inoreader.com/?add_feed=<?php echo $feed_url; ?>"
|
|
class="inoreader tooltipped hide-below-640"
|
|
target="_blank"
|
|
rel="noopener"
|
|
data-tooltip="<?php esc_attr_e( 'Follow on Inoreader', 'fictioneer' ); ?>"
|
|
aria-label="<?php esc_attr_e( 'Follow on Inoreader', 'fictioneer' ); ?>"
|
|
><?php fictioneer_icon( 'inoreader' ); ?></a>
|
|
|
|
<?php endif; ?>
|
|
</div>
|