如何在WordPress中並排顯示AddToAny社交鏈接和「繼續閱讀」

我想在我的WordPress帖子中並排顯示我的social media plugin的鏈接和「繼續閱讀 - >」。如何在WordPress中並排顯示AddToAny社交鏈接和「繼續閱讀」

我正在使用WordPress 標記添加「繼續閱讀」鏈接。

這裏就是我目前得到： What i am getting in posts

這裏是我希望它看起來： What i want

我怎樣才能做到這一點？

2016-06-17 Arpit Gupta

這個特定的CSS將是爲每個插件都不同，所以這裏的具體解決AddToAny，您使用的插件：

.more-link { float: right; margin: 16px 0px 16px 0px; } 
.addtoany_share_save_container { float: left; clear: none; margin: 0px 0px 16px 0px; }

這應該「浮動」的「更多」鏈接右邊，和左邊的社交鏈接。它還在更多鏈接上方/下方添加了一些空間，並且刪除了「浮動清除器」和插件添加的空間，希望能夠將其合併。

根據您的主題和佈局，您可能需要調整邊距以使其適合。上述每個邊距尺寸均按照右上方向左上方的順序表示，因此您應該只能調整所需的數字以使其正確。

至於在何處添加此代碼，在您的WordPress管理員下的外觀，應該希望是一個選項，說'編輯CSS'（這取決於你的主題）。點擊該選項，然後您可以將上面的CSS代碼添加到提供的框中。如果您的主題沒有該選項，則您可以將其添加到「設置」下的「AddToAny」頁面中的「其他CSS」選項。

我已經在我的博客測試這一點，它看起來像這樣，我相信這是你想要的東西：

來源

2016-06-18 00:11:15

謝謝主席先生。它對我的工作很好。先生，你可以建議我一個可以與所有社交媒體共享插件一起使用的代碼嗎？ –

@Arpitgupta關於所有社交媒體分享插件，這是不可能的。每個插件都會以不同的方式命名他們的CSS類，所以像這樣的每個解決方案都需要進行定製。但是，您可以右鍵單擊瀏覽器中的社交圖標並打開「檢查元素」工具，該工具可讓您看到特定插件分配的CSS類。然後你可以修改CSS來定位另一個插件的類，而不是'addtoany_share_save_container'。 –

先生，你可以建議我一個教程網站，我可以從中完全學習wordpress。？ –

如何在WordPress中並排顯示AddToAny社交鏈接和「繼續閱讀」

回答

相關問題