วิธีซ่อนพื้นหลังของ widget (Contact page)
Monday, July 29, 2013
เพื่อนๆที่ได้ลองสร้าง Contact Form Contact Page และได้ปรับให้มันแสดงผลอยู่แค่ที่หน้าของมันไม่ไปแสดงบริเวณ sidebar
วิธีเอาพื้นหลัง widget contact page ออกปรากฏว่าพอไปดูที่หน้า blog ของเรา มันดันมี แถบพื้นหลังเล็กๆของ widget แสดงอยู่ คงไม่ค่อยชอบใจเท่าไรนักผมก็คนนึงล่ะ เพราะมันดูไร้ความหมาย แกะกะว่างั้นเหอะ ถ้าเอา widget ออกหน้า Contact page ก็จะไม่ทำงาน แต่ก็อยากให้แถบมันหายไป ต้องซ่อนมันครับ
login เข้าไปแก้ไข blog ของเรา ไปที่ Template>Customize
คลิกที่ Advanced
ที่ Advanced เลือก Add CSS แล้วใส่ copy code ข้างล่างนี้ไปใส่ลงในช่องตามภาพด้านล่างหากยังไม่เคยใส่ code อะไรเลยมันก็จะว่างๆอยู่ไม่ต้องตกใจครับนี่ผมใส่ไปสองสามcodeแล้ว
#ContactForm1 {display:none;}
โดยในในที่นี้ widget ID (คลิกดูว่าหา widget ID ยังไง)ของผมตัวนี้คือ ContactForm1 ถ้าของเพื่อนๆเป็น ID ที่ต่างไปจากนี้ก็ใส่ชื่อ widget ID นั้นลงไปแทนเลยนะครับ แต่ส่วนใหญ่คงเหมือนกันเพราะคงไม่มีใครมี Contact Form Widget หลายๆอันหรอกเนอะ
ตอน copy code ไปวางเฉยๆมันอาจจะกด Apply to Blog ไม่ได้(สีมันจะจางๆลองกดดูก็ไม่มีอะไรเกิดขึ้น) ให้กดหรือพิมพ์อะไรก็ได้ลงไปสักตัวแล้วลบออก(อย่าลืมลบนะ) ที่นี้ Blog มันก็จะรู้แล้วครับว่ามีการแก้ไข จากนั้นก็กด Apply to Blog เป็นอันเสร็จ ไปดูผลงานเลยครับ
Subscribe to:
Post Comments (Atom)
ขอบคุณครับ
ReplyDeleteครับ
Delete