Дайте этому БЕСПЛАТНОМУ плагину WordPress максимум 90 дней, и он увеличит ваш доход, как НИКОГДА РАНЬШЕ!

Забудьте обо всех ваших текущих маркетинговых стратегиях (email-маркетинг, гостевые публикации, баннеры, обзоры и т. д.) — они уже устарели. Brouavo — это революционный инструмент, который преобразует 30% вашего «спящего» трафика в гарантированный источник дохода. Это идеальный инструмент для продвижения ваших партнёрских программ или продажи ваших собственных продуктов.

В зависимости от вашей производительности мы также предлагаем вам профессиональную лицензию на плагины WordPress, такие как: Elementor Pro, TranslatePress, Divi Builder & Ai, All In One SEO Pro, платные подписки для участников

Если вы похожи на большинство начинающих и даже продвинутых блогеров, то вы, вероятно, не имеете никаких знаний HTML/CSS. Многие блоггеры (как я) предпочитаю использовать плагины которые позволяют им добавлять кнопки к своим сообщениям или страницам, используя шорткоды. Но эти короткие коды - короткие коды - трудно запомнить и сложно настроить.

В этой статье мы покажем вам, как добавить кнопки WordPress без использования шорткодов.

Если вы новичок в мире WordPress, откройте для себя Как установить WordPress блог шаги 7

Первое, что вам нужно сделать, это установить и активировать плагин « Забудьте о шорткод Кнопки .

Как только вы активировали это плагин, вам просто нужно создать новая публикация или измените уже существующий, и вы увидите новую кнопку в визуальном редакторе с заголовком « Вставить кнопку » (добавлять кнопка).

Чтобы вставить новую кнопку в вашу публикацию или страницу, вы должны нажать на кнопку Вставить кнопку. Откроется окно, в котором вы можете создать новую кнопку.

Все, что вам нужно сделать, это добавить текст кнопки и URL-адрес, а затем выбрать цвет текста и фона. Затем щелкните раскрывающееся меню параметра 'Type'Для того, чтобы выбрать форму кнопки. Вы также можете выбрать размер кнопки.

Дополните свои знания, открыв для себя Как использовать и управлять Шорткоды WordPress

Если щелкнуть вкладку « Значок », тогда вы сможете увидеть значки, которые вы можете добавить до или после текста ваших кнопок. Эти Иконки точнее иконки-шрифты.

В процессе создания кнопки вы сможете предварительно просмотреть каждое из ваших изменений в реальном времени. Как только вы будете довольны внешним видом, просто нажмите вставить.

Проверьте эту статью и полюбоваться Как улучшить дизайн ваших деталей WordPress с этими свободными короткие номера

Вы также можете выбрать методы выравнивания в редакторе, чтобы выровнять кнопку по центру, влево или вправо. Дважды щелкните кнопку, чтобы открыть окно редактирования кнопки, и вы можете отредактировать кнопку, если хотите.

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

1. WPBakery Page Builder

WPBakery Page Builder, ранее известный как Visual Composer, — еще один премиумный и чрезвычайно популярный конструктор страниц. Во многом эта популярность обусловлена ​​тем, что WPBakery Page Builder поставляется в комплекте с почти 99% тем WordPress от ThemeForest. Однако он по-прежнему используется на огромном количестве веб-сайтов.

Конструктор страниц пекарни wp e1544277016913

Как и Divi Builder, WPBakery Page Builder позволяет как визуальное, так и внутреннее редактирование. По сравнению с чем-то вроде Elementor или Divi Builder возможности стиля WPBakery Page Builder немного ограничены. У вас есть хороший контроль над линиями, но варианты стиля для отдельных элементов немного более ограничены.

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

Я не уверен, что WPBakery Page Builder обладает уникальными функциями, которые заслуживают особого внимания. Но у него есть огромное сообщество расширений. Как и Divi Builder, WPBakery Page Builder оставляет множество шорткодов в вашем контенте, если вы отключите его. Откройте для себя учебник

скачать | Демонстрация | веб-хостинг

2. Divi Builder

Divi Builder - это высококачественный конструктор страниц, который высоко ценится компанией Elegant Themes. Хотя он обычно используется как часть темы Divi WordPress, Divi Builder также является отдельным плагином, который можно использовать в других темах WordPress.

диви e1544278044306

В отличие от двух предыдущих построителей, Divi Builder позволяет редактировать ваш контент, используя визуальный интерфейс во внешнем интерфейсе, а также интерфейс во внутреннем интерфейсе, хотя большинство пользователей предпочитают первый интерфейс. .

В основном вместо боковых панелей это все во всплывающих окнах и плавающих кнопках. Он дает вам доступ к 316 заранее разработанным шаблонам, разбросанным по 40 различным пакетам презентаций, а также возможность сохранять ваши собственные проекты в качестве шаблонов.

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

Вы даже можете добавить собственный CSS, поскольку его редактор CSS объединяет базовую проверку и автозаполнение. Одна из критических замечаний Divi Builder всегда заключалась в том, что он полагается на короткие коды. Это означает, что если вы когда-нибудь выключите его, в вашем контенте останется множество шорткодов. Хотя это немного удручает, теперь, когда существуют такие плагины, как Shortcode Cleaner, это не проблема. 

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

Идите дальше в освоении своего сайта WordPress, также проконсультировавшись с этими рекомендуемыми ресурсами.

Заключение

Вот и все! Мы надеемся, что эта статья поможет вам добавить кнопки в WordPress без использования шорткодов. Если у вас есть какие-либо предложения или замечания, они будут приветствоваться.

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

...  

Pin It на Pinterest