>社交共享插件使您的網站訪問者可以在社交媒體網站上輕鬆共享您的網站內容。這有助於提高您網站的整體認識。
>>已經有數十個現有的社交共享插件可以安裝和完成，但是在哪裡很有趣？
> 在本教程中，我將向您展示如何從Scratch構建WordPress的社交共享插件，這可以在每個帖子下方添加社交共享按鈕。用戶只需單擊所需的社交媒體網站按鈕即可共享帖子。>
鑰匙要點插件目錄和文件
>開始事物，創建一個稱為社交共享的目錄並在其中創建以下文件：
創建管理菜單項
--social-share -social-share.php -style.css
>我們需要為插件創建一個選項頁面，用戶可以在其中選擇應為此顯示社交媒體網站的按鈕。首先要創建一個選項頁面，我們需要創建一個菜單項，將選項頁面附加到。
這是在設置頂級菜單項下創建管理菜單項的代碼。<span><span><?php </span></span><span> </span><span><span>/* </span></span><span><span>Plugin Name: Social Share </span></span><span><span>Plugin URI: https://www.sitepoint.com </span></span><span><span>Description: Displays Social Share icons below every post </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Narayan Prusty </span></span><span><span>*/</span></span>
這是我們的菜單項的樣子：
>讓我們代碼social_share_page函數顯示選項頁面內容。
--social-share -social-share.php -style.css
現在，讓我們顯示該部分及其選項字段。
>
<span><span><?php </span></span><span> </span><span><span>/* </span></span><span><span>Plugin Name: Social Share </span></span><span><span>Plugin URI: https://www.sitepoint.com </span></span><span><span>Description: Displays Social Share icons below every post </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Narayan Prusty </span></span><span><span>*/</span></span>
這是我們的最終選項頁面的樣子：
顯示社交共享按鈕
這是有關如何過濾發佈內容和顯示社交媒體按鈕的代碼。
以下是此代碼的工作方式：
>
<span>function social_share_menu_item()
</span><span>{
</span> <span>add_submenu_page("options-general.php", "Social Share", "Social Share", "manage_options", "social-share", "social_share_page");
</span><span>}
</span>
<span>add_action("admin_menu", "social_share_menu_item");</span>首先，我們正在為社交媒體共享鏈接添加包裝。 然後，我們正在檢索將在社交媒體網站上共享的當前帖子的完整URL。我們還使用WordPress提供的ESC_URL函數逃脫了URL。 然後，我們正在檢查哪些按鈕用戶要顯示哪些按鈕，並將相應的按鈕標記添加到帖子內容中。
>
>
>
>我如何使我的社交共享按鈕響應迅速？使您的社交共享按鈕響應涉及使用CSS涉及CSS媒體查詢。這些使您可以為不同的屏幕尺寸設置不同的樣式，以確保您的按鈕在所有設備上看起來都不錯。您可以根據屏幕尺寸為按鈕指定不同的尺寸，位置，甚至不同的圖像。
>我可以將SVG圖標用於我的社交共享按鈕嗎？
> WordPress菜單可以使用WordPress菜單編輯器完成。您可以在菜單中添加自定義鏈接，並使用CSS將其作為按鈕樣式。請注意，這將創建一個靜態鏈接，而不是基於當前頁面更改的動態鏈接。
以上是為WordPress構建自己的社交共享插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
