
內容簡介
這個外掛增加了一個小工具,讓你可以顯示社交媒體連結作為向量圖示。
啟用後,按照以下步驟使用:
建立一個含有你的社交媒體連結的選單
選擇 “SVG Social Menu” 作為選單位置並儲存
在任意小工具區域拖動 “SVG Social Menu” 小工具
你可以透過在主題中使用以下代碼篩選自訂 CSS,其中 $styles 是 CSS:
function slug_edit_svg_social_menu_styles( $styles ) {
$styles = '<style>yourStyles</style>';
return $styles;
}
add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
如果你想要新增 CSS 到預設規則中,可以試試以下代碼:
function slug_edit_svg_social_menu_styles( $styles ) {
$styles .= '<style>additionalStyles</style>';
return $styles;
}
add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
以下的社交網路連結支援:
plus.google.com
wordpress.org
wordpress.com
facebook.com
twitter.com
dribbble.com
pinterest.com
github.com
tumblr.com
youtube.com
flickr.com
vimeo.com
instagram.com
linkedin.com
xing.de
xing.com
/feed
mailto:
amazon.de
amazon.com
amazon.co.uk
amazon.es
telegram.me
t.me
behance.net
如果你需要更多的功能或遇到其他問題,可以在 GitHub 上建立問題。
外掛標籤
開發者團隊
原文外掛簡介
This plugin adds a Widget that allows you to show show the social media links as vector icons.
To use it, follow these steps after activation:
Create a menu with links to your social media channels
Select “SVG Social Menu” as menu location and save it
Drag the widget “SVG Social Menu” in one of your widget areas
You can filter the custom CSS with the following code in your theme, where $styles is the CSS:
function slug_edit_svg_social_menu_styles( $styles ) {
$styles = '
';
return $styles;
}
add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
If you want to add CSS to the default rules, try this:
function slug_edit_svg_social_menu_styles( $styles ) {
$styles .= '
';
return $styles;
}
add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );
The following social network URLs are supported:
plus.google.com
wordpress.org
wordpress.com
facebook.com
twitter.com
dribbble.com
pinterest.com
github.com
tumblr.com
youtube.com
flickr.com
vimeo.com
instagram.com
linkedin.com
xing.de
xing.com
/feed
mailto:
amazon.de
amazon.com
amazon.co.uk
amazon.es
telegram.me
t.me
behance.net
If you want more or have other problems, you can create an issue on GitHub.
