webdevqa.jp.net

WordPress Core CSSスタイルは本当に必要ですか?

WordPress Codexの場合 これらのCSSスタイルがリストされています。これは非常に大きなスタイルのリストですが、不要になっているようです。

それは言います:

画像やキャプションを正しく表示できるようにするには、各テーマのstyle.cssファイルにこれらのスタイルまたは類似のスタイルが必要です。正確なHTML要素とクラスおよびID値は、使用しているテーマの構造によって異なります。

これは all これらのスタイルがテーマに含まれるべきであることを意味しますか?

すでに宣言されている整列スタイルのこの特殊性の理由は何ですか?これを見て、劇的に減らすことができたようです。

これを最小限に抑えることの欠点は何ですか?

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
6
James Mitch

ベストプラクティスに関する最も確実で最新の回答は、おそらくwordpress.orgテーマレビューチームからしか得られないでしょう。そして現在、 彼ら はコーデックスとは異なります。ここで引用しているだけですが、時間とともに変わる可能性があります

テーマは、次のWordPress定義のCSSクラス、または同様の要素をサポートするために必要です。

 Alignment Classes:
    .aligncenter
    .alignleft
    .alignright 

Caption Related Classes:
    .wp-caption
    .wp-caption-text
    .gallery-caption 

Post Classes:
    .sticky 

Comment Classes:
    .bypostauthor

スタイルシートに存在する必要がありますが、必要に応じて.stickyおよび.bypostauthorを空のまま(スタイルなし)にすることができます。その意図は、テーマ開発者がWordPressによって生成されたすべてのクラスを考慮したことを確実にすることです。

これによって、あなたが指しているコーデックスページにリストされているすべてのCSSルールを持つ必要があるようには見えません。

5
Mark Kaplun

align*およびcaptionクラスは、WordPressによってショートコードおよびイメージ関数として生成されます。あなたはそれらをあなたのスタイルシートの中で使うべきです。

もちろん、コーデックスのテキストはほんの一例です。

.aligncenter,
div.aligncenter

…とても悪いセレクターです。必要以上に遅く冗長です。

また、クラス名は意味的に意味があるわけではありません。

.alignright {
    float: left;
}

しかし、それは簡単に変えることができず、おそらく努力する価値がありません。それで…それと共に生きなさい。 :)

3
fuxia

はい、Nessesaryです。あなたがワードプレスのテーマを開発するとき、それはすべてのデフォルトのワードプレスのコアスタイルを必要とします。 https://github.com/bangarayya/wordpress-core-styles ワードプレスのテーマをEnvatoまたはwordpress.orgにアップロードするには、ワードプレスのコーデックスの規則に従う必要があります https://codex.wordpress.org/ / 。

0
Bangarayya Tadi