-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcontent-sns.php
41 lines (41 loc) · 2.02 KB
/
content-sns.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div class="snsShare">
<ul class="snsShare__list">
<li class="snsShare__item">
<a class="btnShare btnShare--fb" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>">
<span class="count count--fb"></span>
<svg viewBox="0 0 9 18" role="img" area-labelledby="title desc" width="7px" height="16px">
<use xlink:href="<?php echo get_template_directory_uri(); ?>/assets/images/sprite-global.symbol.svg#icon_shareFb"></use>
</svg>
<span class="btnShare__text">Share</span>
</a>
</li>
<li class="snsShare__item">
<a class="btnShare btnShare--ha" href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php echo urlencode(get_permalink()); ?>&title=<?php echo urlencode(get_the_title()); ?>">
<span class="count count--ha"></span>
<svg viewBox="0 0 19 17" role="img" area-labelledby="title desc" width="14px" height="12px">
<use xlink:href="<?php echo get_template_directory_uri(); ?>/assets/images/sprite-global.symbol.svg#icon_shareHa"></use>
</svg>
<span class="btnShare__text">Bookmark</span>
</a>
</li>
<li class="snsShare__item">
<a class="btnShare btnShare--tw" href="https://twitter.com/share?&text=<?php echo urlencode(get_the_title()); ?>&via=WPE34">
<svg viewBox="0 0 20 17" role="img" area-labelledby="title desc" width="17px" height="13px">
<use xlink:href="<?php echo get_template_directory_uri(); ?>/assets/images/sprite-global.symbol.svg#icon_shareTw"></use>
</svg>
<span class="btnShare__text">Tweet</span>
</a>
</li>
<li class="snsShare__item">
<?php if ( wp_is_mobile() ): ?>
<div class="btnShare btnShare--po">
<a href="https://getpocket.com/save" data-lang="ja" data-pocket-count="none" data-pocket-label="pocket" class="pocket-btn"></a>
</div>
<?php else: ?>
<div class="btnShare btnShare--po">
<a href="https://getpocket.com/save" data-lang="ja" data-pocket-count="horizontal" data-pocket-label="pocket" class="pocket-btn"></a>
</div>
<?php endif; ?>
</li>
</ul>
</div>