How to create WordPress shortcodes

by

So today we’re going to learn how to take our code snippets and turn them into handy, dandy little shortcodes.

Shortcodes are one of the coolest features of WordPress from a content creator’s perspective. They allow users to execute code segments beyond what the WYSIWYG editors can handle, keep the code consistent site wide, make things far more concise, all while editing and not having to live in fear of their code getting stripped out or boggled up when editing later. All good things.

Functions.php or plugin?

An old discussion of course. Ultimately it comes down to whether you want the shortcode to depend on the theme or not. Will you be using this shortcode on other projects? Could it be useful with a different theme? It takes almost the same amount of time whichever you choose and each will work just as well for the current project.

Let’s make a shortcode

I’m going to use a bunch of examples of actual shortcodes that I have created for recent projects.

Shortcode 1: Output string


//[op] outputs the phone number
function our_phone() {
 return "(269) 588-0556";
}
add_shortcode('op', 'our_phone');

This code will allow me and all the other authors on this site to not have to remember our phone number and also change it globally if we needed to. This was handy on a recent project where there were multiple authors on the site and multiple phone numbers. Making a shortcode like this for each one made it easier for authors put the number into their content without looking it up each time and also allowed us to change the number everywhere when we wanted to by just changing the shortcode.

Shortcode 2: Output current month


//[month] shortcode. Outputs current month.
function kjm_month() {
$kjm_date=getdate(date("U"));
return "$kjm_date[month]";
}
add_shortcode( 'month', 'kjm_month' );

This shortcode came in handy for my team because several authors were frequently writing promotional pages on the site and often the promotions were similar from month to month so this shortcode allowed them to automatically output the current month in their copy. This way they didn’t have to go back on the first of each month and update every single page that contained a monthly promotion.

Shortcode 3: Countdown timer


//[cdt] countdown timer shortcode
function content_countdown($atts, $content = null){
 extract(shortcode_atts(array(
 'month' => '',
 'day' => '',
 'year' => ''
 ), $atts));
 $remain = ceil((mktime( 0,0,0,(int)$month,(int)$day,(int)$year) - time())/86400);
 if( $remain >= 1 ){
 return $daysremain = "$remain";
 }else{
 return $content;
 }
}
add_shortcode('cdt', 'content_countdown');

Now we’re getting to a shortcode with attributes. This snippet is an only slightly modified version of one created by Kevin Chard at WPSnipp. What my version does, is it shows the number of days remaining before a specified date. This was also very handy for the authors on this site who would run monthly promotions which had an end date, and this allowed them to automatically display to the site’s visitors how many days remained before the offer would expire.  The purpose was to give a sense of urgency and drive sales.

But what’s going on inside these shortcodes

Let’s take just a second to explain some things:

  • When outputting data we always use return whereas in many normal programming instances we would use echo. Using echo will usually return some funky results.
  • The add_shortcode() function accepts two parameters. The first is the shortcode you want to create (the word(s)/phrase you enter in the square brackets) and the second is the function that it will execute.
  • Best practice for your shortcode names and attribute names would be lowercase.

There are truly thousands of things you could do with shortcodes. I greatly appreciate the ability to condense code snippets and re-use them endlessly. On a different project I took a complicated archive page on a website that had hundreds of lines of code and brought it down to four lines with massive improvements.

Here are a few ideas of what you can do with shortcodes:

  • Output strings of text
  • Make buttons
  • Create forms
  • Implement social sharing buttons
  • Embed videos
  • Embed tweets
  • Embed Facebook status updates
  • Show featured posts
  • Show featured products
  • Include custom javascript
  • Create HTML elements (tables, divs, sections, etc.)
  • Insert media
  • Insert photo galleries
  • Display countdown timers
  • Display user count
  • Display comment count
  • Insert animated sliders
  • Include interactive calculators
  • Many many many more!

I’d love to learn about what shortcodes you have created or would like to create. Share in the comments below.

8 thoughts on “How to create WordPress shortcodes”

  4. моды на игры для андроид — это интересный способ расширить функциональность игры.

    Особенно если вы пользуетесь устройствами на платформе
    Android, модификации открывают перед
    вами огромный выбор. Я часто использую игры с обходом системы защиты, чтобы наслаждаться
    бесконечными возможностями.

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

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

    Обязательно попробуйте попробовать такие игры с модами для Android — это может придаст новый смысл

  5. Услуги юриста по уголовным делам в Москве: как добиться успешной защиты клиента и собрать хорошие отзывы в процессе судаАдвокат по уголовным делам
    в Москве

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

    Зачем обращаться к адвокату?

    Опытныйадвокат знает все нюансы уголовного процесса и
    успешно ведет дела в суде.
    Эксперт поможет достигнуть желаемого результата
    и минимизировать негативные последствия.

    Заказчики получат все необходимые советы по каждому из вопросов, связанныхс их делом.

    Какие задачи выполняет адвокат?

    Работа адвоката по уголовным
    делам включает несколько ключевых этапов:

    Первичная консультация, где адвокат анализирует детали дела и определяет
    шансы на успех.
    Сбор и изучение доказательств, нужных для разработки стратегии защиты.

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

    Отзывыо работе адвокатов

    Отзывы клиентов о работе адвокатов часто оказывают значительное влияние на выбор защитника.
    Многие клиенты отмечают:

    Профессионализм и качественная
    подготовка.
    Индивидуальный подход к каждому делу.

    Способность эффективно работать
    в условиях стресса.

    Информация о контактах адвоката

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

    Рекомендации по выбору адвоката
    в уголовных делах

    При выборе юриста,специализирующегося на уголовных делах, обратите внимание на следующие аспекты:

    Опыт работы в данной сфере и количество выигранных дел.

    Отзывы клиентов и репутация адвоката.

    Ясность условий сотрудничества и стоимость услуг.

    Имейте в виду, что быстрое обращение к
    адвокату может кардинально повлиять на результат дела.
    Не откладывайте решение важных вопросов,
    связанных с защитой ваших прав и интересов. https://m.avito.ru/moskva/predlozheniya_uslug/advokat_po_ugolovnym_delam_3789924168 Итог
    Консультация с уголовным адвокатом в Москве является ключевым шагом,
    способным значительно изменить результат уголовного дела.
    Все клиенты имеют право на защиту, и именно квалифицированный защитник содействует правильному ведению дела
    с учетом всех аспектов. Сложность уголовного законодательства
    требует выбора специалиста,способного эффективно представлять ваши интересы
    на всех этапах, начиная от досудебного разбирательства и заканчивая
    судом.

    Важность надёжной защиты
    Для успешного ведения уголовных
    дел необходимы не только обширные
    знания законодательства, но и опыт работы с различными
    видами преступлений. Адвокат должен:

    Анализировать все материалы дела;
    Разрабатывать план защиты;
    Общаться с должностными лицами;
    Защищать ваши права в судебных инстанциях;
    Обеспечивать поддержку клиенту на всех этапах дела.

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

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

    Как выбрать адвоката?
    При выборе адвоката по уголовным делам
    в Москве обратите внимание на:

    Отзывы клиентов;
    Опыт работы в вашей конкретной области;
    Способность предоставить профессиональные консультации;

    Индивидуальный подход к каждому делу.

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

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

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.