[WordPress] Default CSS ที่ต้องใส่ตอนทำ Theme

พอดีกำลังจะทำธีมใหม่ เลยไปหาว่าธีม WordPress เบื้องต้นควร style element อะไรใน CSS บ้างคร้าบ

หลัก ๆ ที่เราต้องใส่ เพื่อให้การ Style ใน WYSIWYG เหมือนกับหน้าเว็บ คือ

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
    margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.alignnone, img.alignnone {
    /* not sure about this one */
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}

.gallery-caption {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}

 

ไปเจอเว็บนี้พอดี อธิบายได้ละเอียดดีมาก

http://digwp.com/2010/05/default-wordpress-css-styles-hooks/


Also published on Medium.

Leave a Reply

Your email address will not be published. Required fields are marked *