Шорткод splitup для GetSimple CMS позволяет разбить слово или строку на отдельные символы.
Работа шорткода splitup заключается в автоматическом преобразовании строки в набор символов, обрамлённых заданным HTML тегом. В отличие от PHP функции str_split
шорткод splitup разделяет строку по символам, а не по байтам, поэтому он полностью поддерживает работу со строками в кодировке UTF-8.
Примеры использования шорткода splitup
[splitup]Привет![/splitup] - разбиение переданной строки на отдельные символы;
[splitup tag="strong" wrapspace="false"]Привет, мир![/splitup] - разбиение переданной строки на отдельные символы с использованием дополнительных параметров.
Шорткод splitup принимает следующие параметры:
tag
- необязательный параметр, задаёт HTML тег, использующийся для обрамления отдельных символов переданной строки. По умолчанию принимает значение span
;wrapspace
- необязательный параметр, задающий необходимость обрамления в HTML теги символов пробелов. По умолчанию принимает значение false
, при котором пробелы не обрамляются.
Практическим примером применения шорткода splitup может являться необходимость создания различных эффектов оформления текста, не прибегая к использованию JavaScript или ручному набору соответствующего HTML кода, что наглядно продемонстрировано в следующем примере.
<style type="text/css">
.splitup {
background-color: mistyrose;
font-size: 2em;
padding: .5em;
text-align: center;
text-transform: uppercase;
letter-spacing: .2em;
}
@media (min-width: 576px) {
.splitup {
font-size: 4em;
}
}
.splitup span {
text-shadow: 2px 2px #333;
display: inline-block;
font-weight: 800;
}
.splitup span:nth-child(odd) {
color: darkgreen;
transform: rotate(4deg);
}
.splitup span:nth-child(even) {
color: darkred;
transform: rotate(-4deg);
}
</style>
<div class="splitup">[splitup]Привет![/splitup]</div>