如何在Wordpress中添加Mailchimp註冊表單？

我欣賞任何和所有的反饋，並會跳入並貢獻答案。我設計了一個基本的mailchimp註冊表單，我想在我的主頁上顯示一個響應元素，它會根據屏幕大小改變寬度。如何在Wordpress中添加Mailchimp註冊表單？

因爲我的主題（街機專業版）的主頁被分成部件領域的四列，我不能得到的形式顯示在整個屏幕上的註冊 -

看到網頁例如：http://demos.bavotasan.com/arcade/

理想情況下，我希望在字體真棒圖標下方加入註冊 - 這是否涉及更改主題文件或自定義CSS？

任何想法？ mailchimp代碼作爲一個側欄小部件工作得很好。謝謝。

2015-01-13 John_F

以前你所說的「字體真棒圖標」意思？ – kosherjellyfish

@kosherjellyfish如果您點擊拱廊主題演示的鏈接，主頁上會有四個寬藍的突出圖標。這些是使用CSS自定義的可縮放矢量圖標。 mailchimp相關的問題與圖標沒有多大關係，但它們被分成四個小工具區域。如果它是全角的一個小部件區域，我想可以使用mailchimp註冊表單工作。 –

我現在更瞭解你了（認爲你輸入Four作爲字體）。不要以爲你只能編輯CSS。您可能還需要制定HTML。 – kosherjellyfish

試試這裏：您可能需要手動編輯模板才能添加代碼以接受燈箱（http://fancybox.net/）。您可以在Lightbox中插入MailChimp代碼。

假設您希望替換MailChimp表單的「郵政信箱」內容。

PostBox

你需要手動編輯頁面的HTML：在這種情況下，後塊的內容中所謂的容器中發現「集裝箱來自該博客」>。

html

什麼你需要從代碼中刪除被稱爲「行」孩子DIV類中，並與MailChimp代碼替換它。

//PARENT 
<div class="container from-the-blog"> 
     //CHILD 
     <div class="row"> 
        <!--REST OF CODING CONTAINING POST-BLOCK DETAILS--> 

     </div> 

</div>//END OF PARENT

當然，請保存模板的副本你潛入編輯HTML代碼:)

來源

2015-01-13 14:37:00 kosherjellyfish

感謝您的意見。您對於mailchimp表單的預期定位是正確的，但只是在圖標和郵政區塊內容之間進行定位，而不是替換區塊內容（如果有幫助的話）。 –

然後您需要創建一個新的DIV容器來包含MailChimp註冊表單。 – kosherjellyfish

如何在Wordpress中添加Mailchimp註冊表單？

回答

相關問題