Доступ к фоновому изображению в Wordpress

Question

В настоящее время я превращаю HTML-страницу в тему WordPress. На протяжении всего сайта у меня есть серия divs, в которой используются фоны CSS. Какова наилучшая практика для связывания этих изображений, поэтому пользователь может их изменить по своему усмотрению?

Для справки, в HTML, у меня есть: background-image:url(/site/sprite.png);

Answer 1

Вы можете использовать пользовательские поля. Если вы не знаете, как их сделать, или вам нужен простой и надежный способ управления ими, вы можете найти плагин «Дополнительные пользовательские поля» в репозитории плагинов wordpress.org. Это бесплатно, и это очень приятно.

Способ использования пользовательских полей здесь заключается в том, что вы установите эти фоны с встроенным стилем в свою тему. В противном случае «пользователь» должен будет знать, как изменить строку кода CSS (не очень практично).

Если вы установили их рядный они будут выглядеть примерно так:

<div id="divBackground01" style="background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>);> 

</div> 

Другой вариант, который я видел, что люди делают это сделать файл CSS в PHP файл ... Вы бы использовать что-то вроде:

<style> 
    #divBackground01 { 
    background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>); 
    } 
</style> 

Обратите внимание, что он использует PHP, потому что файл будет фактически файлом PHP ... иначе вы не сможете использовать PHP в файле CSS. Не уверен, что это очень хорошая практика, но это что-то можно сделать другим вариантом, если вы хотите.

Лучше всего придерживаться добавления стиля фона в линию с настраиваемым полем. Вы можете использовать PHP, чтобы сделать его условным, если это необходимо, и вы, вероятно, можете настроить 1 сообщение (так что у вас есть один идентификатор) со всеми настраиваемыми полями ... или любым другим способом, который вы предпочтете представить его пользователю, является вашим выбором.