Site icon Interpult Studio

Шаги по настройке виджета путем добавления логотипа


Пользователи Pro/Plus

Если вы являетесь пользователем FeedWind Pro или Plus, ваши виджеты не имеют фирменной символики (наш логотип + ссылка) под виджетом, что позволяет вам добавить свой собственный логотип. Включить логотип внизу, в любом месте или в качестве наложения для вашего виджета довольно просто.

Основные пользователи

Если вы являетесь пользователем тарифного плана Basic, удалить наш брендинг и ссылку под виджетом невозможно, но вы все равно можете добавить свой собственный логотип практически в любом месте контейнера виджета.

Как вы, наверное, знаете, веб-страницы состоят из элементов страницы, таких как

, который является блочным элементом. Чтобы добавить логотип виджета, вы можете поместить свой виджет в контейнер, такой как
, затем вставить свой логотип как в контейнер в соответствующем месте и использовать HTML/CSS для его стилизации.

Примечание: Хотя элемент

можно использовать для отображения логотипа под виджетом, это не рекомендуется, поскольку при изменении размера таблицы иногда могут перетекать в соседний столбец, разбивая виджет на части логотипа, и ими трудно управлять в адаптивной среде.

Пример 1. Размещение логотипа виджета под контейнером фида

В этом примере используется

с изображением логотипа, расположенным после кода Feedwind. Раздел
также был расширен и заполнен цветом фона, чтобы соответствовать виджету, благодаря чему два элемента (виджет и логотип) выглядят бесшовными. Вот используемый код:
<div style=”text-align: center; background-color: #333; padding-bottom: 15px; width: 100%;”>
<!– start feedwind code –>
<script type=”text/javascript” src=” data-fw-param=”24146/”></script>
<!– end feedwind code –>
<a href=”
<img style=”float: center;” src=”/support/wp-content/uploads/logo.png” />
</a>
</div>


Пример 2. Размещение логотипа виджета над контейнером фида вместо основной строки заголовка.

В этом примере используется

с изображением логотипа, расположенным вверху, над фрагментом кода FeedWind. В этом примере заголовок основного канала отключен, но при желании его можно оставить.
<div style=”text-align: center; background-color: #300; padding-top: 15px; width: 100%;”>
<a href=”
<img style=”float: center;” src=”/support/wp-content/uploads/logo.png” />
</a>
<!– start feedwind code –>
<script type=”text/javascript” src=” data-fw-param=”24149/”></script>
<!– end feedwind code –>
</div>


Пример 3. Размещение логотипа виджета с использованием фонового изображения в основной строке заголовка

В этом примере была включена строка заголовка и указано фоновое изображение для строки заголовка. Фоновое изображение в основном прозрачное с логотипом, расположенным справа. Прозрачность позволяет видеть основной заголовок и цвет фона строки заголовка. Если используется непрозрачное изображение, строка заголовка будет закрыта.

Там нет кода, кроме фрагмента кода FeedWind. URL-адрес для логотипа потребуется и будет введен на экране настройки FeedWind.

<!– start feedwind code –>
<script type=”text/javascript” src=” data-fw-param=”24150/”></script>
<!– end feedwind code –>

Вот изображение логотипа, используемое в баннере Main Title.

Так виджет выглядит с URL-адресом логотипа, вставленным в экран настройки, раздел «Заголовки».



Похожие сообщения



Source link