cssและwordpress
9 June 2010
หากพูดถึง Wordpress แล้วคงต้องเลี่ยงไม่ได้ที่จะนึกถึง CSS ซึ่งทั้ง 2 นั้นจะมาด้วยกัน ในเกือบทุกๆๆ template file ในเว็บไซต์ของเรานั้นจะประกอบด้วยโครงสร้างที่เป็น XHTML และ CSS แทบทั้งสิ้น โดยในแต่ละ template หรือ ธีม นั้น ก็จะมี CSS ที่แตกต่างกัน หาก wordpress ปราศจาก CSS แล้วก็อาจเหมือนหน้าพิมพ์ยาวลงมาครับ แต่ในทุก template หรือ ธีม นั้น จะมี CSS กลุ่มหนึ่งที่เหมือนกันครับ CSS กลุ่มนี้มีไว้ใช้เกี่ยวกับการจัดตำแหน่ง ( Alignment ) ของการ insert รูป ใน Wordpress
WordPress-CSS Generated Classes
CSS กลุ่มนี้มีไว้ใช้เกี่ยวกับการจัดตำแหน่ง ( Alignment ) ของการ insert รูป ใน Wordpress ครับ
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption
{
border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;
padding-top: 4px; margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption
{
border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;
padding-top: 4px; margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
Twitter
Facebook