splitup

Разбиение строки на символы для GetSimple CMS

 

 GetSimple CMSдизайншорткод

Шорткод splitup для GetSimple CMS позволяет разбить слово или строку на отдельные символы.

Работа шорткода splitup заключается в автоматическом преобразовании строки в набор символов, обрамлённых заданным HTML тегом. В отличие от PHP функции str_split шорткод splitup разделяет строку по символам, а не по байтам, поэтому он полностью поддерживает работу со строками в кодировке UTF-8.

Примеры использования шорткода splitup

[splitup]Привет![/splitup] - разбиение переданной строки на отдельные символы;
[splitup tag="strong" wrapspace="false"]Привет, мир![/splitup] - разбиение переданной строки на отдельные символы с использованием дополнительных параметров.

Шорткод splitup принимает следующие параметры:

Практическим примером применения шорткода 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>
Привет!