it-swarm.xyz

Являются ли стили WordPress Core CSS действительно необходимыми?

В Кодексе WordPress перечислены эти стили CSS. Это довольно большой список стилей, но, кажется, они вдвое больше не нужны.

Это говорит:

Каждая тема должна иметь эти или похожие стили в своем файле style.css для правильного отображения изображений и подписей. Точные элементы HTML, а также значения классов и идентификаторов будут зависеть от структуры используемой вами темы.

Означает ли это все эти стили должны быть в теме?

В чем причина этой специфики для стилей выравнивания, которые уже объявлены? Глядя на это, кажется, что это может быть резко сокращено.

Каковы недостатки в снижении этого до минимума?

/* =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, и прямо сейчас они отличаются от кодекса. просто процитирую это здесь, но я уверен, что это может измениться со временем

Темы должны поддерживать следующие классы CSS, определенные WordPress, или подобные элементы:

 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

Да, Несессары. Когда вы разрабатываете тему WordPress, она требует всех основных стилей WordPress по умолчанию. https://github.com/bangarayya/wordpress-core-styles Для загрузки WordPress темы в Envato или WordPress.org тема должна соответствовать правилам WordPress Codex https://codex.wordpress.org/ ,.

0
Bangarayya Tadi