Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 701.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

FASB-editorbutton

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

designyourbutton

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

buttonswithicons

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

Проверьте эту статью и полюбоваться Как улучшить дизайн ваших деталей 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 немного ограничены. У вас есть хороший контроль над линиями, но варианты стиля для отдельных элементов немного более ограничены.

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

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

2. Divi Builder

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

divi e1544278044306

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

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

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

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

Заключение

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

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

...  

Эта статья содержит комментарии 4

  1. Я нашел плагин, который выглядит так:
    -> кнопки забыть о шорткоде
    нажав на кнопку короткого кода Wordpress
    Удачи 🙂

  2. Здравствуйте ! Я не могу найти это расширение в wordpress ... Можно ли изменить его имя? Спасибо !

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
2 акции
доля
чирикать
Регистрация2