Створення шорткодів у WordPress CMS. Шорткоди Додаємо кнопку вставки шорткоду у візуальний редактор посту TinyMCE
Шорткод- Це дуже корисна річ для вебмайстра, шорткод реально полегшує рутинні роботи зі вставки однотипної інформації на сотні сторінок сайту. При цьому зручно потім масово замінювати інформацію в потрібному шорткоді.
Якщо ви ще не знаєте що таке шорткод, то коротко поясню. Припустимо, що вам потрібно в статтю вставити якийсь код, нехай це буде посилання:
10 корисних коротких кодів для WordPress
Припустимо, що ви хочете її вставити в 10 статей у довільних місцях. У принципі, не складно, поставили. А тепер уявіть, що посилання виявилося битим і вам потрібно його замінити в 10 місцях? А якщо це 100 сторінок? Вручну це зробити буде складно, хіба що, але для багатьох це складне завдання.
А тепер уявіть, що у вас є плагін, за допомогою якого можна створити на кожен код коротке посилання типу , яку можна вставляти прямо в текст в режимі редактора, що найчастіше набагато зручніше, ніж у режимі html.
Тепер, якщо вам потрібно змінити посилання, ви заходите в адмінку плагіна і змінюєте посилання, і код автоматично зміниться на всіх сторінках сайту, де стоїть наш шорткод. Під кожну посилання, банер, скрипт або зображення можна створити свій шорткод і керувати цим масивом із єдиного центру управління.
А якщо у вас інтернет магазин, то для вас це ще корисніша річ, оскільки використовуючи Шорткод woocommerce можна масово змінювати ціни, курс валют, назву товарів і все що завгодно. Як же це все здійснити?
У wordpress існує чимало плагінів для створення шорткодів, але не один з них мені не припав до душі: то все англійською, то надто наворочений, то надто мало функціональний… Але якраз днями я прочитав, що відомий seo блогер Віталій Бургомістрованонсував безкоштовний плагін для цих цілей. sCode by mojWP.
Ось невелике відео з роботи цього плагіна:
Якщо ви вставите в HTML код шаблону шорткод, то і побачите те, що вставили - шорткод. Щоб усе запрацювало, потрібно ваш шорткод укласти в функцію:
Тепер ви побачите на сайті саме те, що ховаєте за вашим шорткодом. Нічого складного, правда? В адмінці є невелика інструкція до плагіна та відео, яке я вставив до статті.
Я краще покажу вам, як його можна застосувати на практиці. Давно хотів це здійснити і тепер здається саме час. Щоб зрозуміти суть мого задуму, відзначу лише один момент.
Від чого залежить заробіток на Adsense?
1. Ціна кліка.
2. Кількість кліків.
На перше ми вже не зможемо вплинути, якщо стаття написана і на неї йде хороший трафік. А ось клікабельність ми можемо підняти і при цьому значно. Як ви розумієте, я говоритиму лише про блоки реклами, які знаходяться у статті. Блоки в сайдбарі, у підвалі і тим більше в шапці найбезглуздіші і я давно їх прибрав.
А ось у статті зовсім інша річ. Людина починає читати статтю і натикається на рекламу – клікне чи ні? Ось тут все залежить від одного фактора: тема реклами ПОВНІСТТЮ збігається з питанням, яке розбирається на даному етапі статті. Приклад:
Ось читає людина про те, який хостинг вибрати. Читає, читає і підходить до питання, яке ви написали в статті і виділили його жирним шрифтом. який же хостинг вибрати найкраще?
До речі, я вже застосував цей плагін і вставив після мого запитання шорткод із рекламою adsense – що у вас показує? Якщо поставити блок реклами в іншому місці, такого ефекту вже не буде. Ви розумієте, до чого я хилю?
Так, потрібно ВРУЧНУ вставити шорткод з рекламою У ПОТРІБНЕ МІСЦЕ! Якщо цього місця немає, його потрібно СТВОРИТИ! Можна зробити так: відкриваємо google.com та в пошук вводимо назву нашої статті. Шукаємо у видачі нашу статтю та заходимо на неї. Дивимося, яку рекламу демонструє adsense. Шукаємо місце у статті, де їй буде саме місце, дописуємо статтю використовуючи слова з цієї реклами та вставляємо туди шорткод.
Тепер реклама в статті буде МАКСИМАЛЬНО підходить до її змісту, як мінімум тому шматку тексту, де вона стоятиме. Так, це довго і моторошно, але ж ми не шукаємо легких шляхів, правда? Легкий шлях – це релігія невдах…
Чи не знайшли відповідь? Скористайтеся пошуком по сайту
Шорткоди — це функції PHP, які можна використовувати всередині посту, використовуючи умовні позначення.
Наприклад, стандартний вордпресівський шорткод дозволяє вивести галерею всередині посту.
Зрозуміло, що цей функціонал дає розробникам WordPress чудові можливості - на сьогоднішній день дуже актуальна вставка в пости форм, кнопок, слайдерів.
Так само, як функції можуть бути аргументи, так і шорткод може мати власні параметри. Ще один приклад із шорткодом:
Код можна вставити у файл functions.php (я маю на увазі той, що знаходиться в директорії вашої поточної теми).
Ім'я шорткоду має бути обов'язковим у нижньому регістрі та містити лише літери латинського алфавіту, цифри та символ підкреслення.
Шорткод із параметрами
Окей, я вже писав, що шорткоди можуть мати свої параметри, давайте тепер подивимося як це робиться.
Як приклад, я написав шорткод, який просто вставляє посилання в пост, яке відкривається в новій вкладці браузера target="_blank" . Не думаю, що насправді може бути корисним, але для нас зараз головне — зрозуміти сам принцип роботи шорткодів.
Параметрів буде два: anchor і url — анкор (текст посилання) і URL відповідно.
Шорткоди, що закриваються, і шорткод усередині шорткоду
Давайте візьмемо шорткод з попереднього прикладу і трохи перечаруємо його. Нагадаю, що шорткод виглядав так:
.
Що, якщо ми переробимо його в такий спосіб: URL посилання .
Крім того, всередину шорткодів, що закриваються, можна вставляти й інші шорткоди (завдяки функції ).
Відповідно до цього давайте переробимо наш код із попереднього прикладу:
| function true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Миша Рудрастих" ) , $atts ) ; return """ target="_blank">($params[ "]) "; ) add_shortcode( "trueurl", "true_url_external"); |
Тепер шорткод наступного виду виведе посилання на головну сторінку вашого сайту (про шорткод я писав вище).
Додаємо кнопку вставки шорткоду у візуальний редактор посту TinyMCE
Зрозуміло, що набагато зручніше вставляти шорткод буде через вбудований редактор TinyMCE, а якщо при цьому буде ще реалізований інтерфейс, що дозволяє задавати параметри шорткоду, то взагалі круто.
1. PHP
Незалежно від того, чи буде ваша кнопка текстова, або з іконкою, чи міститиме вона додаткові поля введення (параметри шорткоду) чи ні — у всіх випадках PHP-код реєстрації кнопки буде однаковий.
| // Хуки function true_add_mce_button() ( // перевіряємо права користувача - чи може він редагувати пости та сторінки if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages" ) ) ( return ; // Якщо може, те й кнопка йому знадобиться, у разі виходимо з функції } // перевіряємо, чи включений візуальний редактор у користувача в налаштуваннях (якщо ні, то і кнопку підключати нема чого) if ( "true" == get_user_option( "rich_editing" ) ) ( add_filter ( "mce_external_plugins" , "true_add_tinymce_script" ); add_filter ( "mce_buttons" , "true_register_mce_button") mce_button")); // У цьому функції вказуємо посилання JavaScript-файл кнопки function true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; return $plugin_array ; ) // Реєструємо кнопку в редакторі function true_register_mce_button($buttons) (array_push ($buttons, "true_mce_button")); // true_mce_button – ідентифікатор кнопки return $buttons; ) |
У цьому прикладі я використовував функцію для отримання URL папки з поточною темою. true_button.js - власне сама кнопка, створіть цей файл у директорії з темою (або там, де вам зручно, але не забудьте в цьому випадку поміняти шлях до нього).
2.1. JavaScript. Приклад простої кнопки
Займемося вмістом файлу true_button.js. Отже, створимо для початку просту кнопку, яка вставлятиме шорткод .
| (function () ( tinymce.PluginManager .add ( "true_mce_button" , function ( editor, url ) ( // true_mce_button - ID кнопки editor.addButton ("true_mce_button" , ( // true_mce_button - ID кнопки, скрізь має бути однаковим text: "", // текст кнопки, якщо ви хочете, щоб ваша кнопка містила лише іконку, видаліть цей рядок title: "Вставити шорткод", // спливаюча підказка icon: false , // Тут можна вказати будь-яку з існуючих векторних іконок у TinyMCE або власний CSS-клас onclick: function () (editor.insertContent ("")); // вставляємо шорткод у редактор, також можна задати будь-яку дію jQuery } } ) ; } ) ; } ) () ; |
В результаті:
Текстовий варіант кнопки вставки шорткоду у візуальному редакторі TinyMCE.
2.2. Кнопка з іконкою, списком, що випадає, і з можливістю задавати параметри шорткоду.
Почну з того, що вставлю (а точніше заміню) код у файл true_button.js:
| (function () ( tinymce.PluginManager.add("true_mce_button" , function ( editor, url ) ( // id кнопки true_mce_button повинен бути скрізь один і той же editor.addButton( "true_mce_button" , ( // id кнопки true_mce_button icon: "perec", // мій власний CSS клас, завдяки якому я задам іконку кнопки type: "menubutton" , title: "Вставити елемент", // підказка під час наведення menu: [ // Тут починається перший список, що випадає(text: "Елементи форм", menu: [ // Тут починається другий випадаючий список усередині першого(text: "Текстове поле", onclick: function () (editor.windowManager.open((title: "Встановіть параметри поля", body: [ ( type: "textbox" , name: "textboxName" , // ID, використовуватиметься нижче label: "ID та name текстового поля"// лейбл value: "comment" // значення за замовчуванням) , ( type: "textbox" , // тип textbox = текстове поле name: "multilineName" , label: "Значення текстового поля за промовчанням", value: "Привіт" , multiline: true , // велике текстове поле - textarea minWidth: 300 , // Мінімальна ширина в пікселях minHeight: 100 // Мінімальна висота в пікселях) , ( type: "listbox" , // тип listbox = список, що випадає select name: "listboxName" , label: "Заповнення" , "values" : [ // значення списку, що випадає(text: "Обов'язкове", value: "1"), // лейбл, значення(text: "Необов'язкове", value: "2" ) ] ) ] , onsubmit: function ( e ) ( // це буде відбуватися після заповнення полів та натискання кнопки відправки editor.insertContent(""); ) ) ) ; ) ) , ( // другий елемент вкладеного списку, простий вставляє шорткод text: "Кнопка відправлення", onclick: function () ( editor.insertContent("" ) ; ) ) ] ) , ( // другий елемент першого списку, що просто випадає, просто вставляє text: "Шорткод", onclick: function () (editor.insertContent("");)))))); ) ) ; ) ) ( ) ; |
Після вставки коду моя кнопка вже з'явилася та працює. Єдине тільки – у неї немає жодної іконки (ну крім стрілочки вниз).
WordPress — потужна видавнича система, однаково зручна як для блогерів-початківців, так і для створення будь-яких форумів, соцмереж, магазинів і т.д.
Зазвичай кожного застосування підбирається відповідний шаблон (template), але іноді його можливостей бракує.
Ось тут на допомогу приходять шорткод, за допомогою яких можна внести в Вордпрес власну «родзинку».
Шорткод - це короткий код (shortcode), який вставляється безпосередньо в текст сторінки, заголовка, віджета - тобто в контент і розширює можливості Вордпрес.
З його допомогою можна красиво оформити текст, розбити його на колонки, вставити на сторінку зміст, кнопку, аудіоплеєр, форму для замовлення та багато інших можливостей, які відрізняють ваш Вордпрес від усіх інших.
Якщо відсутній обробник конкретного шорткоду, його виклик на сторінці буде виглядати як звичайний текст.
Ця стаття має намір використати імена неіснуючих шорткодів, щоб ви бачили, як виглядає виклик шорт коду, а не результат його роботи.
Типи шорткодів за структурою
Вони бувають без параметрів, з параметрами та контентом.
Шорткод без параметрів
Іноді достатньо лише викликати шорткод, щоб він виконав строго певну функцію. Жодних параметрів йому передавати не потрібно.
Наприклад, такий код виводить горизонтальну лінію. Її вид визначається таблиці стилів.
Цей дзвінок виводить поточний рік. Зручно, щоб не редагувати тексти щороку.
Шорти з параметрами
Деколи потрібно передати параметри, щоб отримувати різні результати.
Наприклад, ось так вставляється гарна кнопка, стиль якої має бути прописаний у таблиці стилів.
Він містить два параметри: title- це напис на кнопці, наприклад, Замовити, Підписатися і т.д.
url- Це адреса переходу на кліку.
Ось так можна вставляти ціну в рублях, яка автоматично переводиться з ціни в доларах за поточним курсом ЦП.
Тут параметр s- Це ціна в доларах.
Шорткод з контентом
Вони складаються з двох частин, між якими може бути будь-який контент посту, віджету і т.д.
Ось так можна виділити фрагмент тексту або частину посту, підклавши під нього кольорову підкладку:
Тут якийсь текст, який відображатиметься на кольоровому фоні.
Параметр colorзадає колір підкладки у звичному 16-річному коді.
А ось так можна виводити текст у дві колонки однакової ширини:
Шорткод у коді php складається з функції, яка його обробляє, і команди, яка призначає коду відповідну функцію.
Ось типовий шорткод для кнопки:
function ha_but($atts,$content=NULL) (
extract(shortcode_atts(array(
‘title’ => ‘Перейти’,
'url' => false
), $ Atts));
$output=" '.$title."’;
return $output;
}
add_shortcode('but','ha_but');
У цьому прикладі функція має ім'я ha_but. Їй передаються два параметри - titleі url. Причому для titleпризначено значення за замовчуванням Перейти. Якщо під час виклику коду параметр titleпропустити, то на стандартній кнопці буде напис Перейти.
Всередині функції можуть викликатись інші функції, підключатися файли і т.д. Функціонал шорткоду обмежується лише вашою фантазією та навичками у програмуванні.
Потім функція повертає результат своєї роботи за допомогою return.
Функція add_shortcodeпризначає для шорткоду на ім'я butфункцію-обробник на ім'я ha_but.
А ось стилі для кнопки жовтого кольору на всю ширину сторінки:
Btn (
display: inline-block;
color: #000000;
Font: 300 16px "Roboto", sans-serif;
text-transform: uppercase;
background: #fde42b;
background: -webkit-gradient(linear, left top, left bottom, from(#fcea38), to(#ffcf00));
background: -webkit-linear-gradient(top, #fcea38 0%, #ffcf00 100%);
background: linear-gradient(to bottom, #fcea38 0%, #ffcf00 100%);
border-bottom: 3px solid #b27d00;
padding: 14px 15px 11px;
width: 90%;
border-radius: 2px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 #ffec89;
}
.btn:hover (
opacity: 1;
background: -webkit-gradient(linear, left bottom, left top, from(#ffdd02), to(#fffe6d));
background: -webkit-linear-gradient(bottom, #ffdd02 0%, #fffe6d 100%);
background: linear-gradient(to top, #ffdd02 0%, #fffe6d 100%);
border-color: #bd8500;
Як вставити шорткод у шаблон WordPress
Вставити функцію – обробник шорткоду можна прямо у файл, відповідальний за виведення одиночних постів – зазвичай це single.php. Тоді цей шорткод працюватиме лише у постах.
Краще вставити його у файл functions.php,який є у будь-якій темі Вордпресу. Тоді шорткод працюватиме на всіх сторінках, віджетах тощо.
Однак, якщо ви оновите або зміните шаблон, шорткоди оброблятися перестануть. Якщо планується в майбутньому змінювати дизайн блогу, то код усіх шорткодів краще розмістити в одному файлі, наприклад, shortcodes.php,а його розмістити у папці myу корені сайту.
У цьому випадку потрібно організувати дзвінок, вставивши у файл functions.phpкоманду require_once('my/shortcodes.php');
Після зміни або оновлення теми Вордпрес не забудьте заново прописати цю команду.
Як вставити шорткод до сторінки WordPress
Щоб шорткод спрацював, у потрібне місце контенту потрібно вставити його виклик, що складається з квадратних дужок, імені шорткоду та параметрів. При цьому можна оформити будь-якими стилями, як і звичайний текст посту.
Сподіваюся, прикладів достатньо, щоб ви могли самі створити шорткод wordpress, який вирішує потрібні вам завдання.
Відео урок зі створення складніших шорткодів дивіться тут:
Часто в процесі розміщення контенту на сайті потрібно підключити той чи інший елемент у своїх записах. Щоразу прописувати щось вручну досить незручно, особливо якщо таких вставок буде багато. Спеціально для цього у CMS WordPress, починаючи з версії 2.5 , було впроваджено спеціальний функціонал, званий шорткодами.
На практиці шорткод – це спеціальна конструкція, яка полягає у квадратних дужках. Система, зустрічаючи десь її, підставляє задане значення. Шорткод досить популярні в темах і плагінах.
Розглянемо дії шорткоду з прикладу плагіна галереї зображень. Отже, після його встановлення та активації, в адмін-частині вашого сайту WordPress з'являється спеціальний розділ, в якому є необхідні інструменти для створення галереї. Після того, як зображення були додані та застосовані необхідні налаштування, ваша галерея буде збережена. Наразі залишається її вивести на сайті. Для цього плагін повідомляє вам унікальний шорткод, на місці вставки якого буде відображено створену галерею.
Шорткод виглядає так:
Як створити шорткод у WordPress?
Інструменти "движка" дозволяють не тільки користуватися шорткодами, що вже існують, але і створювати свої. Для цього потрібно мати навички програмування. Розміщуватимемо всю нашу роботу в основному конфігураційному файлі активної WordPress-теми – functions.php.
Якщо Ви не знаєте, як редагувати functions.php, то в цьому випадку Вам допоможе плагін ProFunctions.
Наприклад створимо шорткод, який виводитиме простий текст "Привіт, WPSchool!"
Для цього до зазначеного вище файлу слід додати наступні рядки:
Function wpschool_text_shortcode() ( return "Привіт, WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
Наш код складається із 2-х основних конструкцій. Блок function wpschool_text_shortcode()є функцією, в якій, власне, і відбувається висновок необхідного значення шорткоду. У нашому випадку – це виведення текстового рядка "Привіт, WPSchool!"
Директива add_shortcode()є службовою командою, що створює сам шорткод. Вона має два параметри. ‘textshortcode’– це назва шорткоду, яка буде у підсумку укладена у квадратні дужки. У другому параметрі ми вказуємо ім'я нашої функції із виведенням тексту.
В результаті ми отримаємо наступний шорткод, готовий до вставки:
Додамо його до контентної частини запису або сторінки.
У результаті на сайті це виглядатиме так:
У наступному прикладі створимо шорткод для вставки зображення із заданим розміром.
Function wpschool_picture_shortcode($atts) ( extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("picture", "wpschool_picture_shortcode");
Наш шорткод тепер містить параметри функції, а також є аргумент $atts. Для того, щоб використовувати параметри шорткоду, нам знадобляться дві функції: shortcode_atts()і extract(). Перша є вбудованою в ядро WordPress функцією, яка зіставляє атрибути шорткоду з переданими та надає значення за замовчуванням (якщо це необхідно). extract()– це функція мови PHPяка створює змінні з значень масиву. Наша функція повертає значення, яке нам необхідне ( HTML-розмітка нашого зображення із заданими значеннями висоти та ширини).
Тепер, коли буде використано шорткод , буде згенеровано вибране зображення з розмірами 100 на 100 . Якщо необхідно змінити його розміри, то шорткод матиме вигляд:
Нещодавно виявила, що багато хто не знає, як вставляти шорткоди в вордпрес або вивести скрипт на сайті з іншим двигуном. А ті, хто знають, і як у коді шаблону теми сайту зробити PHP виведення шорткоду, нерідко припускаються серйозних помилок. І в результаті потім вони нарікають на те, що або плагін у них або шорткод не працює, або взагалі щось із шаблоном сайту не так. Але, насправді, все дуже просто і помилки трапляються здебільшого через неуважність чи незнання синтаксису та пунктуації.
Якфайл? Швидка відповідь
Спеціально для тих, хто і так все знає, а просто шукає швидку відповідь, або на інший двигун, то ось, будь ласка, використовуйте цей код:
php echo do shortcode wordpress
|
Однак не забувайте про пунктуацію! Лапки у вашому шорткоді вphpкоді мають бути різними.
Тобто, якщо у вашому шаблоні сайту на wordpress, ви використовуєте такий самий шорткод, але з двома лапками всередині ([«…»]), і у вашому php-коді ви також використовуєте подвійні лапки («[…]») , то треба одні їх поміняти на одинарні. Саме через такі дрібні причини часто не працюють шорткоди у wordpress. Докладніше про це нижче.
Що таке шорткод(shortcode), і навіщо він потрібний?
Shortcode – цевід англ. "короткий код". Використовується він, в основному, при створенні плагінів або модулів, призначених для роботи з системами керування контентом (CMS), наприклад, WordPress, Joomla та ін. Простіше кажучи, цей короткий код є якимось ярликом, який при додаванні на сайт підтягує за собою весь великий код із плагіна.
Виглядає шорткод зазвичай так: чи так, чи навіть просто в одне слово
У будь-якому випадку це не так важливо, тому що головне знати принцип додавання шорткоду на сайт.
Як це працює?
Все дуже просто. Допустимо, ви маєте сайт на движку WordPress, у вас стоїть якийсь простий шаблон (дизайн) сайту, але щоб його прикрасити, ви вирішили поставити на нього слайдер, в якому ваші фотографії будуть перегортатися самі. Зробити це дуже просто. Для цього потрібно завантажити плагін слайдера із загальної бібліотеки плагінів WordPress, залити туди потрібні фото, і плагін видасть вам не величезний код слайдера за типом:
а всього лише ось такий короткий код (Shortcode) в один рядок:
Вставивши подібний до цього
шорткод на сторінку сайту на wordpress або віджет, ваш плагін почне працювати і буде генерувати верхній великий код слайдера, в результаті чого, ви отримаєте ваш слайдер на сторінках сайту.
А як вставити шорткодслайдера прямо шаблон wordpressу php-код?
Якщо потрібно безпосередньо в код, для цього розробники даного плагіна написали поряд (рис. вище) функцію шорткоду мовою php:
Таку «функцію» шорткоду можна вставити в php-файл у потрібне місце на сайті. Наприклад, в header.php, десь після body або, можливо, в sidebar.php, а найкраще у файл шаблону сторінки (він може називатися як-небудь так content-page.php), в результаті, ви отримаєте той слайдер, але вже вбудований в дизайн самого сайту.
Однак потрібно бути дуже уважними при виведення шорткоду у шаблоні wordpressу php-файлах. Для цього потрібні хоча б елементарні знання php. Оскільки, якщо його "не туди" вставити у php-файлі, то на сайті буде виведено помилку.
Зазвичай будь-який php-код починається на. Ось після закінчення одного PHP-коду і перед початком іншого можете вставляти свою PHP-функцію. На жаль, розробники плагінів не завжди роблять готову (як у даному прикладі) php-функцію для виведення шорткоду. У такому разі, можна самим її створити легко та просто, про це нижче.
Як вивести шорткод у phpв Wordpressякщо немає готової php-функції в плагіні?
Бувають плагіни, в яких їх розробники вирішили не вказувати готову php-функцію для вставки шорткоду в файли шаблону сайту (як було в минулому прикладі), а вказують лише шорткод. Ось як, наприклад, у цьому плагіні слайдера:
Що робити в цьому випадку, адже нам потрібно вставити шорткод у шаблон wordpress та безпосередньо у php-файл на сайті? У такому разі необхідно просто самим обернути шорткод php-функцією виводу, яка була показана на початку статті. В результаті, з урахуванням нашого шорткоду, у нас вийде ось такий вид php-функції:
shortcode wordpress як вставити
|
Його вже можна буде сміливо вбудовувати у будь-який шаблон сайту. Однак ще поки не поспішайте і прочитайте нижче про поширені помилки, які припускаються навіть досвідчені вебмайстри при додаванні шорткодів.
Основні помилки! Або чому не працює шорткод wordpress?
На початку статті я вже описувала, як правильно додати шорткодв Wordpress,і як вставити шорткод вPHP. Давайте тепер усе підсумуємо.
Насправді, способів додавання існує два, а саме:
Wordpress shortcode у шаблон
|
Як ви можете помітити, вони відрізняються між собою тільки лапками - одинарними і подвійними. Синтаксис мови php дуже уважно ставиться до таких лапок. І якщо всередину другої функції, яка з двома лапками, ви вставляєте шорткод також із двома лапками, наприклад, такий як у нас був: то вам буде видана помилка на сайті.
Для того, щоб помилок не було і ваш shortcode працював нормально, потрібно щоб були різні лапки. Наприклад, так:
Додати будь-який із перших двох шорткодів у шаблон WordPress можна прямо в редакторі. Для цього знайдіть у редакторі сайту підходящий php-файл, який керує "місцем" на сайті, де ви хочете вивести ваш слайдер. Знайти це місце ви можете в інструментах розробника прямо у вашому браузері, натиснувши клавіші Ctrl+Shift+I.
