
內容簡介
這個外掛使用 hook 來附加社交分享按鈕到你的內容上。
它使用 if_single() WordPress hook 來確保只會在所有單篇文章或包含的 WooCommerce hook 上觸發。
已配置的分享內容:
圖像 = 文章特色圖片 - 全部 URL
標題 = 文章標題
內容 = 內容的前 40 個字
網址 = 文章永久連結
社交媒體頻道
這些是目前外掛支援的社交媒體頻道:
* Facebook
* Twitter
* Pinterest
* LinkedIn
* WhatsApp
* 電子郵件
自定義
如果你想要找到自定義圖示,我建議你到 https://iconmonstr.com 尋找。
使用 Iconmonstr SVG 代碼的方法如下:
1. 搜尋你需要的圖示
2. 點擊你喜歡的圖示
3. 確保選擇了 SVG
4. 同意授權條款
5. 點擊 Embed
6. 確保選擇了 Inline
7. 選擇已顯示的 SVG 代碼
8. 複製並貼上代碼到相應的圖示區塊
9. 在頁面底部點擊保存更改
你可以使用以下函數並根據需要進行修改,以添加更多分享:
function add_extra_icons($social_links) {
$title = get_the_title();
$url = urlencode( get_permalink() );
$excerpt = wp_trim_words( get_the_content(), 40 );
$thumbnail = get_the_post_thumbnail_url( 'full' );
$author_id=$post->post_author;
$author = get_the_author_meta( 'display_name' , $author_id );
// 更換你的 svg 代碼
$icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z"/></svg>';
$extra_icons = array(
'<a href="https://reddit.com/submit?url={' . $url . '}&title={' . $title . '}" class="add-share" title="' . __( 'Add this post!', 'gp-social' ) . '">' . $icon . '</a>',
);
// 合併兩個陣列
$social_links = array_merge($extra_icons, $social_links);
return $social_links;
}
add_filter('add_social_icons', 'add_extra_icons');
你可以像這樣添加前綴文本:
function prefix_text($content) {
$content = 'Social Share This';
return $content;
}
add_filter( 'add_social_prefix', 'prefix_text' );
外掛標籤
開發者團隊
原文外掛簡介
This plugin uses hooks append social share icons to your content.
It uses the if_single() WordPress hook to ensure only fires on all single posts or the included WooCommerce hooks.
Configured shared content:
Image = post featured Image – full url
Title = post title
Content = the first 40 words of the content
URL = the post permalink
Social Media Channels
These are the social channels currently supported by the plugin
* Facebook
* Twitter
* Pinterest
* LinkedIn
* WhatsApp
* Email
Customisations
If you want to find custom icons, I recommend you check out https://iconmonstr.com
To use Iconmonstr SVG code
1. Search for your required icon
1. Click on the icon you like
1. Ensure SVG is selected
1. Agree to the license conditions
1. Click on Embed
1. Ensure Inline is selected
1. Highlight the displayed SVG code
1. Copy and paste the code into the relevant icon section
1. Save Changes at the bottom of the page
You can add more sharing using the following function and modifying it as required
function add_extra_icons($social_links) {
$title = get_the_title();
$url = urlencode( get_permalink() );
$excerpt = wp_trim_words( get_the_content(), 40 );
$thumbnail = get_the_post_thumbnail_url( 'full' );
$author_id=$post->post_author;
$author = get_the_author_meta( 'display_name' , $author_id );
// Swap your svg code
$icon = '';
$extra_icons = array(
'' . $icon . '',
);
// combine the two arrays
$social_links = array_merge($extra_icons, $social_links);
return $social_links;
}
add_filter('add_social_icons', 'add_extra_icons');
You can add prefix text like this
function prefix_text($content) {
$content = 'Social Share This';
return $content;
}
add_filter( 'add_social_prefix', 'prefix_text' );
