CMS: ovládacie prvky a tlačidlá webových stránok

Obsah:

CMS: ovládacie prvky a tlačidlá webových stránok
CMS: ovládacie prvky a tlačidlá webových stránok
Anonim

Moderné systémy na správu obsahu, rámce, šablóny, témy, pluginy, widgety a ďalšie nástroje pre vývojárov vám umožňujú rýchlo vytvárať vysokokvalitné webové zdroje s užívateľsky prívetivým rozhraním, známym štýlom poskytovania funkcií prostredníctvom tradičnej logiky dialógové okno, ovládacie prvky a tlačidlá. Vysoká rýchlosť vývoja, bezpečnosť a spoľahlivosť sú rozlišovacími bodmi v hodnoteniach systému na správu obsahu (CMS).

Tradičná správa webových zdrojov

Kliknutie na tlačidlo na webovej stránke je špecifická akcia. Súbor konkrétnych akcií – menu. Súbor možností akcií – zoznamy, „zaškrtávacie políčka“alebo prvky výberu v širokom rozsahu.

Mnohé varianty modernej technológie správy webových zdrojov nie sú ani tak tlačidlá, ponuky, selektory, zoznamy, mapy oblastí, na ktoré sa dá kliknúť a ďalšie nápady pre vývojárov, ale zvyčajný dizajn zaužívaných tradícií programovania.

Vývoj webového zdroja je to isté programovanie. To, čo bolo na začiatku počítačovej éry, sa stalo základom éry rozvoja internetových technológií. Všetko sa stalo pôvabnejším a pôvabnejším,ťažšie a zodpovednejšie a objem informácií začal katastrofálne narastať.

Tradičný štýl riadenia
Tradičný štýl riadenia

Stráviť čas vývojára manuálnym vytváraním webového zdroja, navrhovaním jedinečnej logiky dialógov alebo navrhovaním tlačidla pre webovú stránku je stará, osvedčená a pravdivá myšlienka. Nachádza sa pri riešení jedinečných alebo špeciálnych problémov. V modernom svete je kvalitný webový zdroj:

  • populárny CMS;
  • kvalitná téma (šablóna);
  • stabilná sada doplnkov (nástrojov).

Deň práce – a nový obchod, vyhľadávač alebo správa elektronických dokumentov už funguje.

Človek vo všeobecnosti a používateľ (návštevník stránky) zvlášť sú vždy zaťažení aktuálnymi problémami. Túžba vývojára presvedčiť svojho potenciálneho klienta o prísľube svojich nápadov alebo špeciálneho dialógu je z oblasti kreativity, umenia alebo divadla.

Jedinečné ovládanie

Každodenný život je zavedenou tradíciou doma, v práci a na pobreží. Človek bol vždy sebavedomým užívateľom „zaužívaného spôsobu“života, práce a voľného času. Používateľ internetu sa cíti sebaisto v známom prostredí, keď nie je potrebné hádať, čo chcel vývojár na svojej stránke ponúknuť.

Známa logika používania
Známa logika používania

Každý redakčný systém má svoju tvár, ktorá odráža zavedené tradície v organizácii dialógu s návštevníkom. Napríklad kvalitným a plne funkčným tlačidlom webu WordPress je doplnok Shortcodes Ultimate.(známe „krátke kódy“). Potrebujete rýchlo pripraviť prostredie nástroja na organizáciu komplexnej a multifunkčnej analýzy:

  • 2 minúty – inštalácia WordPress;
  • 3 minúty – inštalácia a úvod do doplnku Shortcodes;
  • 4 minúty – nastavte štyri tlačidlá.

To stačí na okamžité pripojenie tlačidiel (1) a (2) na otvorenie analyzovaných stránok, tlačidlo (3) k stránke výsledkov analýzy, tlačidlo (4) k vyvíjanému skriptu analýzy.

Rýchle tlačidlá vo WordPress
Rýchle tlačidlá vo WordPress

V tomto príklade je téma WordPress kvalifikovaná dodatočným kódom. Vývojár môže umiestniť kód, ktorý sám definoval, v HTML / CSS kdekoľvek na požadovanej stránke alebo použiť výsledok pluginu.

Dôležitá poznámka: kde je kód vytvorený, nemusí byť vždy tam, kde je kód použitý.

Žiadna úloha zoškrabovania nevyžaduje ani ten najjednoduchší CMS: vždy je to skript, algoritmus, nápad na vyhľadávanie a spracovanie údajov. Ale v čase ladenia algoritmu analýzy je vhodné mať okno pre počiatočné údaje, okno pre výsledky práce a pohodlné riadenie procesu práce/ladenia.

Popis účelu a použitých prvkov

Prvé dve tlačidlá sú počiatočné informácie (príklady vzorových stránok, z ktorých potrebujete získať údaje), tretie je výsledkom syntaktického skriptu. Štvrté tlačidlo funguje (spustiť analýzu).

Na fungovanie skriptu sú potrebné parametre. Tieto parametre sú pohodlne reprezentované kódom HTML/CSS. Používanie krátkych kódov tu nie je obzvlášť efektívne. Možno budete musieť napísať aj kód JavaScript apoužite AJAX na ovládanie analýzy v reálnom čase.

JS a ovládacie prvky
JS a ovládacie prvky

Akýkoľvek moderný CMS poskytuje vývojárom možnosť pripojiť obslužný program JavaScript. Ale akýkoľvek CMS a jeho plug-in implementujú nápady (vedomosti, zručnosti a skúsenosti) ich tvorcu. Ciele konkrétnej oblasti aplikácie vždy ležia mimo pohľadu vývojára CMS, témy, šablóny, pluginu.

Funkcie inštrumentálneho prostredia môžete kedykoľvek vyrovnať. Sada prvkov (5) ukazuje, ako môžete pohodlne a organicky zadať parametre potrebné na analýzu „ručne“. Prvky výberu (6) ukazujú, ako sa to robí prostredníctvom pluginu.

Ako vytvoriť tlačidlo pre webovú stránku: rýchla oprava

Aktuálne riešenie vyššie uvedeného príkladu bolo vytvorené pomocou doplnku Shortcodes Ultimate, ktorý vygeneroval krátky kód – reťazec znakov (na vytvorenie krátkeho kódu možno použiť akúkoľvek stránku webu). Výsledný kód bol presunutý do súboru header.php témy Twenty Seventeen a použitý ako parameter funkcie do_shortcode().

Príklad vloženia kódu tlačidla do témy
Príklad vloženia kódu tlačidla do témy

Na tomto obrázku vyššie a nižšie môžete vidieť časti kódu, medzi ktoré bola vložená požadovaná funkcia. Na ovládanie presnej polohy požadovaných prvkov je vhodné použiť značku „span“alebo „div“(1), čo však môže byť v rozpore so stratégiou responzívneho rozloženia použitého CMS. V rámci prvku (1) je prvok z doplnku Shortcodes Ultimate (2) skvelý.

V tomto prípade je CMS prostredie, nie stránka. Tu je to dôležitérýchlo vyriešte problém: odlaďte skript analýzy. Tlačidlo pre stránku - jeden, dva, tri - a vývojár sa k nim už nevráti. Jeho pozornosť sa venuje výlučne vývoju a ladeniu skriptu na analýzu.

Možno nerozumiete, ale je dôležité si to zapamätať

PHP je úžasný a praktický jazyk. V mnohých ohľadoch je horší ako JavaScript, ale vo dvojici fungujú skvele. Využitie CMS je objektívne žiadaným riešením. Úspora času je úžasná, ale cena je „tony kódu“. V mnohých ohľadoch je tento kód nezaujímavý, často je jednoducho nemožné ho ani len vnímať.

V uvedenom príklade je popis prvku (2) rozsiahly a pre každé tlačidlo stránky existujú štyri takéto popisy. Popis (3) je oveľa kompaktnejší a tiež popisuje iba štyri prvky. Toto je ručná práca. Popis (2) v skutočnosti poskytuje štyridsaťkrát viac riadkov pluginov a CMS. Popis (3) tak, ako je.

Moderné programovanie nie je príliš horlivé zachádzať do detailov a moderný vývojár pracuje s názormi svojho obľúbeného CMS. Mnohí ani nevedia, ako vložiť jednoduché „checkbox“na požadované miesto na stránke alebo napísať vlastné prihlasovacie tlačidlo na stránku pomocou HTML/CSS.

Tradičné požiadavky návštevníkov implementované v tradičných nástrojoch na vytváranie webových stránok. Nie je nič hanebné na tom, že každá stránka deklaruje myšlienku použitého CMS:

  • jej užívateľsky prívetivé rozhranie;
  • jej obvyklý štýl poskytovania funkcií;
  • jej logika pre dialógy, ovládacie prvky a tlačidlá.

BV dnešnom dynamickom svete informácií je rýchlosť rozhodovania a poskytovania služieb v popredí. Myšlienka každého CMS je iná, ale cieľ je pre všetkých rovnaký: rýchlo vytvoriť spoľahlivý, kvalitný a funkčný webový zdroj.

Perfektná stránka…

Moderné internetové technológie sú dobré. Ťažko to povedať inak. Dynamika ich vývoja však len málo pripomína špirálu klasického vedecko-technického pokroku. Je to skôr Brownov pohyb.

Nekompatibilita verzií, typov, šablón, rôznych nástrojov, dynamika názvov určitých programovacích nástrojov s rovnakým základom, ako šuchot listov na veľkom strome. Ale strom rastie.

Ideálnym webovým zdrojom je, keď má stránka len jedno tlačidlo. Vtedy sa jedna osoba priblížila k druhej a začal sa dialóg.

zlatá obálka
zlatá obálka

Moderná stránka je, keď príde človek a tam … názor vývojára na dizajn, štýl poskytovania funkčnosti, úlohu a predmet. Neexistuje žiadny dialóg. Návštevník je vydaný na milosť a nemilosť tlačidlám, ponukám a ďalším ovládacím prvkom usporiadaným vývojárom. Je to tradícia, je to známe a pohodlné, ale je to naozaj správne?

Odporúča: