Посна страница со краток код на WordPress - Rashedi Consulting GmbH
Аудио и видео датотеки, галерии, плејлисти, копчиња и други елементи на дизајнот: со краток код на WordPress и евентуално соодветен приклучок, можете лесно да го интегрирате сето ова во вашата страница - често со само еден [краток код].
Ова не само што ја прави вашата страница да изгледа шик, туку и вашиот код. Фасцинантна работа: со кратки кодови можете да интегрирате сложени елементи без да имате сами никакво знаење за програмирање. Овој пост ќе ви покаже како точно работи краткиот код за Lean Code.
И не грижете се: кога работите со кратки кодови, секако можете да пиете кола и да јадете пица!
За да ја видите целата слика, ве молиме кликнете на сликата
1. Кои се краток кодови на WordPress?
„Кратки кодови“ се кратенки на кодови кои претставуваат подолг код. Благодарение на нив, кодот останува слаб и јасен, иако вклучува сложени функции. Деталниот код, за кој кратенката е кратенка, е прецизно дефиниран на друго место со тема или приклучок. Оттука, краткиот код работи како еден вид врска до деталниот код: WordPress автоматски го вклучува ова преку краткиот код без да мора да се наведува поединечно во кодот на страницата.
Наместо да мора да вметнувате долги и детални делови од кодот на страницата, на пример за галерија, краток код [галерија] е доволен. Точниот код за галеријата е тогаш достапен во тема или приклучок. Затоа, WordPress е доволна со кратката референца „[галерија]“ со цел да ги повика деталните информации на друго место и да може да прикаже галерија.
Кратките кодови се особено вредни кога одреден елемент - како галерија - треба да се вметне неколку пати на една страница. Во овие случаи, доволно е детално да се изврши кодот во една точка и да се интегрира во страниците на кои треба да се спроведе со помош на краток код.
2. Како изгледа краток код на WordPress?
Во прегледот на текстот, краток код е прикажан во загради. Во зависност од краток код, можете или мора да дефинирате понатамошни параметри за WordPress да може да го спроведе краток код.
Да се вратиме на примерот со галеријата. Основниот краток код изгледа вака:
WordPress сега знае дека треба да вклучува галерија на страницата во соодветната точка. Но, тоа не кажува ништо за бројот и изборот на слики. Поради оваа причина, ние му даваме на WordPress повеќе информации со додавање на дополнителен атрибут: ID на сликите што треба да бидат вклучени во галеријата (и што, исто така, го одредува и бројот на слики):
Сега имаме можност за додавање на голем број дополнителни атрибути, на пример, број на колони или големина на сликата ("големина"):
[колони за галерии = "2" големина = "големи"]
Точните вредности што може да се внесат тука се регулираат одделно за секој краток код и не може да се дискутира одделно тука. Одредбите за краток код на галеријата може да се најдат во WordPress Codex
Другите кратки кодови се вметнати во кодот на WordPress со користење на квадратни загради и евентуално други атрибути.
3. Примери на кратки кодови во WordPress
Самиот WordPress стандардно обезбедува шест кратки кодови. Овие секогаш можете да ги користите - дури и ако не користите никакви специфични приклучоци за кратки кодови. Овие шест кратки кодови се:
Со аудио краткиот код можете да вметнете аудио датотеки во вашата веб-страница на WordPress. Посетителите потоа можат да ги репродуцираат со еден клик. Обично, во краток код го вклучувате името на датотеката - на крајот на краиштата, WordPress треба да знае кое аудио треба да го пушти воопшто:
Секако е важно дека соодветната аудио-датотека со ова име на датотека е зачувана во вашата библиотека со медиуми.
Детални информации за аудио краткиот код можете да најдете овде.
Со видео-краткиот код, можете - секако, не е изненадувачки - да ги интегрирате видеата во вашата страница. Како и со сликите, внесете го името на датотеката на видео-датотеката тука. Вториот треба да се наоѓа под медиумите во вашата библиотека за медиуми. Краткиот код изгледа вака, на пример:
Деталниот опис на овој краток код во WordPress Codex може да го најдете овде.
Користете краток код „Наслов“ за да додадете наслови на слики. WordPress бара да внесете „ширина“, со која можете да ја одредите ширината на натписот во пиксели. Можете исто така да изберете дали натписот е прикажан лево, во средината или десно под сликата. Можете исто така да доделите ID или класа на натписот со цел да го промените дизајнот користејќи CSS.
Повеќе информации за натписите може да најдете овде.
Вградениот краток код ви овозможува да вметнете елементи во WordPress и да им доделите фиксна големина. За разлика од другите краток кодови, вметнатиот краток код се состои од елемент за отворање и затворање, т.е.
каде што врамениот елемент е помеѓу двата елементи на кратки кодови. Потоа можете да ги доделите атрибутите висина и ширина на елементот за отворање, на пример
Повеќе информации за вметнатиот краток код можете да најдете овде.
Со краток код за галерија, можете да интегрирате галерија во вашата веб-страница на WordPress. Подетално објаснување можете да најдете во претходниот дел од овој пост, врската до официјалниот опис на краткиот код во WordPress Codex тука.
Можете да интегрирате плејлиста во вашата веб-страница WordPress користејќи краток код и за аудио и за видео датотеки. Користејќи разни дополнителни информации, можете да го додадете дизајнот, типот на датотека и ID-то на интегрираните елементи. Краткиот код може да изгледа вака на крајот, на пример:
[тип на листа за репродукција = "аудио" ИД = "211,212,213" стил = "темно"]
Детални информации за краткиот код на листата за песни можете да најдете во WordPress Codex тука.
4. Како да додадете краток код на вашата веб-страница на WordPress
Ако сакате да вметнете краток код, прво проверете кој уредник го користите.
Освен ако немаш Верзија на WordPress пред WordPress 5.0 или WordPress 5 со додаток Classic Editor најавете се во вашата заднина на WordPress. Сега кликнете на „Објави“ или „Страници“ во лентата со мени лево - во зависност од тоа дали сакате да креирате нова страница или нов пост на блогот. Во нашиот пример, решивме да уредиме стара објава на блогот.
Сега можете да изберете помеѓу два погледи: визуелен и текст. Изберете го текстот поглед тука. Willе ви биде прикажан HTML-кодот. Едноставно, внесете го соодветниот краток код тука.
За да ја видите целата слика, ве молиме кликнете на сликата
Ако имате Уредник на Гутенберг направете го тоа поинаку. Создадете нов блок за краток код. За да го направите ова, кликнете на знакот плус лево од празното поле за блокот.
За да ја видите целата слика, ве молиме кликнете на сликата
Сега можете да изберете елементи од различни категории. Одете во категоријата Додатоци.
За да ја видите целата слика, ве молиме кликнете на сликата
Сега кликнете на иконата за краток код.
За да ја видите целата слика, ве молиме кликнете на сликата
WordPress сега ќе создаде блок за кратки кодови за вас.
За да ја видите целата слика, ве молиме кликнете на сликата
Внесете краток код по ваш избор во овој блок. Внимание: Дури и ако WordPress веќе знае дека сакате да вклучите краток код во овој блок, сепак треба да користите квадратни загради за записот.
За да ја видите целата слика, ве молиме кликнете на сликата
5. Приклучоци за краток код
Ако самите програмирате кратенки за WordPress, вие сте - како што веќе открива глаголот „програма“ - вие сте на ниво на програмер. Со други зборови: Веќе не работите сами со функциите на WordPress, туку директно трескате со PHP-кодот.
Ако сакате да го избегнете ова, но не сакате да се откажете од употребата на специфични кратенки, препорачуваме да користите додаток за краток код. Овие вметнуваат различни кратки кодови на вашата страница без вие самите да програмирате нешто.
Постојат голем број на такви приклучоци на пазарот, од кои три ви ги претставуваме тука: