CMS: контроли и бутони за уебсайтове

Съдържание:

CMS: контроли и бутони за уебсайтове
CMS: контроли и бутони за уебсайтове
Anonim

Модерните системи за управление на съдържанието, рамки, шаблони, теми, плъгини, джаджи и други инструменти за разработчици ви позволяват бързо да създавате висококачествени уеб ресурси с удобен за потребителя интерфейс, познат стил на предоставяне на функционалност чрез традиционната логика на диалогов прозорец, контроли и бутони. Високата скорост на разработка, сигурност и надеждност са отличителните точки в рейтингите на системата за управление на съдържанието (CMS).

Традиционно управление на уеб ресурсите

Щракването върху бутон на уебсайт е конкретно действие. Набор от конкретни действия - меню. Набор от опции за действия - списъци, "кутия за отметка" или елементи за избор в широк диапазон.

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

Разработването на уеб ресурс е едно и също програмиране. Това, което беше в началото на компютърната ера, се превърна в основата на ерата на развитието на интернет технологиите. Всичко стана по-изящно и грациозно,по-трудно и отговорно, а обемът на информацията започна да расте катастрофално.

Традиционен стил на управление
Традиционен стил на управление

Прекарването на време на разработчика ръчно за създаване на уеб ресурс, проектиране на уникална диалогова логика или проектиране на бутон за уебсайт е стара, изпитана и вярна идея. Намира се при решаване на уникални или специални проблеми. В съвременния свят качествен уеб ресурс е:

  • популярен CMS;
  • качествена тема (шаблон);
  • стабилен набор от плъгини (инструменти).

Един работен ден - и вече работи нов магазин, търсачка или електронно управление на документи.

Човек като цяло и потребител (посетител на сайта) в частност винаги са заредени с текущи проблеми. Желанието на разработчика да убеди потенциалния си клиент в обещанието на неговите идеи или специален диалог е от сферата на творчеството, изкуството или театъра.

Уникални контроли

Ежедневието е утвърдена традиция у дома, на работа и на брега на морето. Човекът винаги е бил уверен потребител на "обичайния начин" на живот, работа и свободно време. Интернет потребителят се чувства уверен в позната среда, когато няма нужда да гадаете какво е искал разработчикът да предложи на своя сайт.

Позната логика на употреба
Позната логика на употреба

Всяка CMS има свое лице, отразяващо установените традиции в организацията на диалога с посетителя. Например, висококачествен и напълно функционален бутон за уебсайт на WordPress е плъгинът Shortcodes Ultimate.(известни „кратки кодове“). Трябва бързо да подготвите среда с инструменти за организиране на сложен и многофункционален анализ:

  • 2 минути – инсталиране на WordPress;
  • 3 минути - инсталиране и въведение в приставката Shortcodes;
  • 4 минути - задайте четири бутона.

Това е достатъчно, за да свържете незабавно бутоните (1) и (2) за отваряне на анализираните страници, бутона (3) към сайта на резултатите от синтактичния анализ, бутона (4) към разработвания скрипт за синтактичен анализ.

Бързи бутони в WordPress
Бързи бутони в WordPress

В този пример темата на WordPress е квалифицирана с допълнителен код. Разработчикът може да постави кода, дефиниран от самия него, в HTML/CSS навсякъде на желаната страница или да използва резултата от приставката.

Важно да се отбележи: мястото, където се създава кодът, не винаги е мястото, където се прилага кодът.

Няма задача за изстъргване не изисква дори най-простата CMS: тя винаги е скрипт, алгоритъм, идея за търсене и обработка на данни. Но по време на отстраняване на грешки в алгоритъма за синтактичен анализ е удобно да имате прозорец за първоначалните данни, прозорец за резултатите от работата и удобно управление на процеса на работа/отстраняване на грешки.

Описание на предназначението и използваните елементи

Първите два бутона са първоначалната информация (примери за примерни страници, от които трябва да получите данни), третият е резултат от скрипта за синтактичен анализ. Четвъртият бутон работи (започнете синтактичен анализ).

Необходими са параметри, за да работи скриптът. Тези параметри са удобно представени с HTML/CSS код. Използването на къси кодове тук не е особено ефективно. Може също да се наложи да напишете JavaScript код иизползвайте AJAX, за да контролирате анализа в реално време.

JS и контроли
JS и контроли

Всяка съвременна CMS предоставя на разработчика възможността да свърже JavaScript манипулатор. Но всеки CMS и плъгин за него реализират идеите (знания, умения и опит) на своя създател. Целите на конкретна област на приложение винаги лежат извън изгледите на CMS разработчика, темата, шаблона, плъгина.

Винаги можете да изравните характеристиките на инструменталната среда. Наборът от елементи (5) показва как можете удобно и органично да въведете параметрите "ръчно", необходими за синтактичен анализ. Елементите за избор (6) показват как това става чрез приставката.

Как да създадете бутон за уебсайт: бързо решение

Истинското решение на горния пример е направено с помощта на приставката Shortcodes Ultimate, която генерира кратък код - низ от знаци (всяка страница от сайта може да се използва за създаване на кратък код). Полученият код беше преместен във файла header.php на тема Twenty Seventeen и използван като параметър на функцията do_shortcode().

Пример за вмъкване на код на бутон в тема
Пример за вмъкване на код на бутон в тема

На тази фигура, отгоре и отдолу, можете да видите части от код, между които е вмъкната желаната функционалност. Удобно е да използвате етикета "span" или "div" (1), за да контролирате точната позиция на желаните елементи, но това може да противоречи на стратегията за адаптивно оформление на използваната CMS. В елемента (1) елементът от приставката Shortcodes Ultimate (2) се чувства страхотно.

В този случай CMS е средата, а не сайтът. Тук е важнобързо решаване на проблема: отстраняване на грешки в скрипта за синтактичен анализ. Бутон за сайта - едно, две, три - и разработчикът вече не се връща към тях. Вниманието му е заето единствено с разработването и отстраняването на грешки на скрипта за синтактичен анализ.

Може да не разберете, но е важно да запомните

PHP е прекрасен и практичен език. В много отношения той е по-нисък от JavaScript, но в двойка работят страхотно. Използването на CMS е обективно търсено решение. Спестяването на време е невероятно, но цената е "тонове код". В много отношения този код не представлява интерес, често е просто невъзможно дори да го възприемем.

В горния пример описанието на елемента (2) е обширно и има четири такива описания за всеки бутон за сайта. Описание (3) е много по-компактно и също така описва само четири елемента. Това е ръчно изработено. Описание (2) всъщност се предоставя от четиридесет пъти повече плъгини и CMS линии. Описание (3) взето такова, каквото е.

Модерното програмиране не е особено нетърпеливо да навлиза в подробности, а съвременният разработчик оперира с изгледите на любимата си CMS. Мнозина дори не знаят как да вмъкнат просто "кутие за отметка" в желаната точка на страницата или да напишат свой собствен бутон за влизане в сайта с помощта на HTML/CSS.

Традиционни изисквания за посетители, внедрени в традиционните инструменти за изграждане на уебсайтове. Няма нищо срамно във факта, че всеки сайт декларира идеята за използваната CMS:

  • нейния лесен за използване интерфейс;
  • нейния обичаен стил на предоставяне на функционалност;
  • нейната логика за диалог, контроли и бутони.

BВ днешния динамичен свят на информацията скоростта на вземане на решения и предоставяне на услуги са на преден план. Идеята на всеки CMS е различна, но целта е една и съща за всички: бързо създаване на надежден, висококачествен и работещ уеб ресурс.

Перфектен сайт…

Модерните интернет технологии са добри. Трудно е да се каже друго. Но динамиката на тяхното развитие почти не прилича на спиралата на класическия научно-технически прогрес. Това е по-скоро брауновско движение.

Несъвместимост на версии, типове, шаблони, разнообразие от инструменти, динамиката на имената на определени инструменти за програмиране с една и съща основа, като шумоленето на листа на голямо дърво. Но дървото расте.

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

златен плик
златен плик

Модерен сайт е, когато се появи човек, а там … мнението на разработчика за дизайна, стила на предоставяне на функционалност, задачата и предметната област. Няма диалог. Посетителят е на милостта на бутони, менюта и други контроли, подредени от разработчика. Това е традиция, познато е и удобно, но наистина ли е правилно?

Препоръчано: