CMS: webhelyvezérlők és gombok

Tartalomjegyzék:

CMS: webhelyvezérlők és gombok
CMS: webhelyvezérlők és gombok
Anonim

A modern tartalomkezelő rendszerek, keretrendszerek, sablonok, témák, beépülő modulok, widgetek és egyéb fejlesztői eszközök lehetővé teszik, hogy gyorsan létrehozzon kiváló minőségű webes erőforrásokat egy felhasználóbarát felülettel, a funkcionalitás hagyományos logikáján keresztül nyújtott ismerős stílussal. párbeszédpanel, vezérlők és gombok. A nagy fejlesztési sebesség, a biztonság és a megbízhatóság a tartalomkezelő rendszer (CMS) értékelésének megkülönböztető pontja.

Hagyományos webes erőforrás-kezelés

A weboldalon lévő gombra kattintás egy konkrét művelet. Konkrét műveletek halmaza - egy menü. Műveletek opcióinak készlete – listák, „jelölőnégyzetek” vagy kiválasztási elemek széles tartományban.

A modern webes erőforrás-kezelési technológia számos változata nem annyira gombok, menük, kiválasztók, listák, kattintható területtérképek és egyéb fejlesztői ötletek, hanem a bevett programozási hagyományok szokásos kialakítása.

A webes erőforrások fejlesztése ugyanaz a programozás. Ami a számítógépes korszak kezdetén volt, az lett az alapja az internetes technológiák fejlődésének korszakának. Minden kecsesebb és kecsesebb lett,nehezebbé és felelősségteljesebbé vált, és az információ mennyisége katasztrofálisan növekedni kezdett.

Hagyományos vezetési stílus
Hagyományos vezetési stílus

Régi, kipróbált és bevált ötlet, hogy a fejlesztő idejét egy webes erőforrás manuális létrehozásával, egyedi párbeszédlogika tervezésével vagy gombok tervezésével töltse el. Egyedi vagy speciális problémák megoldásában található meg. A modern világban a minőségi webes forrás a következő:

  • népszerű CMS;
  • minőségi téma (sablon);
  • bővítmények (eszközök) stabil készlete.

Egy nap munka – és máris működik egy új üzlet, kereső vagy elektronikus dokumentumkezelés.

Egy személy általában, és különösen a felhasználó (webhely látogatója) mindig aktuális problémákkal terhelt. A fejlesztő vágya, hogy meggyőzze potenciális ügyfelét ötletei vagy különleges párbeszéde ígéretéről, a kreativitás, a művészet vagy a színház területéről származik.

Egyedi vezérlők

A mindennapi élet bevett hagyomány otthon, a munkahelyen és a tengerparton. Az ember mindig is magabiztos alkalmazója volt a „szokásos életmódnak”, a munkának és a szabadidőnek. Az internethasználó magabiztosnak érzi magát egy ismerős környezetben, amikor nem kell találgatni, hogy a fejlesztő mit akart kínálni az oldalán.

Ismerős használati logika
Ismerős használati logika

Minden CMS-nek megvan a maga arca, amely tükrözi a látogatóval való párbeszéd megszervezésében kialakult hagyományokat. Például egy kiváló minőségű és teljesen működőképes WordPress webhelygomb a Shortcodes Ultimate bővítmény.(ismert "rövid kódok"). Gyorsan el kell készítenie egy eszközkörnyezetet az összetett és többfunkciós elemzés megszervezéséhez:

  • 2 perc – WordPress telepítés;
  • 3 perc - a Shortcodes beépülő modul telepítése és bemutatása;
  • 4 perc – állítson be négy gombot.

Ez elegendő ahhoz, hogy az (1) és (2) gombokat azonnal összekapcsolja az elemzett oldalak megnyitásához, a (3) gombot az elemzési eredmények helyéhez, a (4) gombot a fejlesztés alatt álló értelmező szkripthez.

Gyorsgombok a WordPressben
Gyorsgombok a WordPressben

Ebben a példában a WordPress téma további kóddal van minősítve. A fejlesztő a saját maga által meghatározott kódot elhelyezheti HTML/CSS-ben bárhol a kívánt oldalon, vagy használhatja a beépülő modul eredményét.

Fontos megjegyezni: a kód létrehozásának helye nem mindig az alkalmazás helye lesz.

Egyetlen kaparási feladat sem igényel még a legegyszerűbb CMS-t sem: ez mindig egy szkript, egy algoritmus, egy ötlet az adatok kereséséhez és feldolgozásához. De az elemző algoritmus hibakeresése során kényelmes, ha van egy ablak a kezdeti adatokhoz, egy ablak a munka eredményeihez, és kényelmesen kezelheti a munka/hibakeresési folyamatot.

A cél és a felhasznált elemek leírása

Az első két gomb a kezdeti információ (példák azokra a mintaoldalakra, amelyekről adatokat kell szerezni), a harmadik az elemzési szkript eredménye. A negyedik gomb működik (elemzés indítása).

A szkript működéséhez paraméterekre van szükség. Ezeket a paramétereket kényelmesen HTML/CSS kód jelzi. A rövid kódok használata itt nem különösebben hatékony. Előfordulhat, hogy JavaScript kódot is kell írnia éshasználja az AJAX-ot a valós idejű elemzés vezérléséhez.

JS és vezérlők
JS és vezérlők

Bármely modern CMS lehetőséget biztosít a fejlesztőnek JavaScript-kezelő csatlakoztatására. De minden CMS és a hozzá tartozó beépülő modul megvalósítja az alkotó ötleteit (tudását, készségeit és tapasztalatait). Egy adott alkalmazási terület céljai mindig kívül esnek a CMS-fejlesztő, a téma, a sablon, a bővítmény nézetein.

A hangszeres környezet tulajdonságait mindig szintezheti. Az elemkészlet (5) megmutatja, hogyan lehet kényelmesen és organikusan megadni az elemzéshez szükséges paramétereket "kézileg". A kiválasztási elemek (6) megmutatják, hogy ez hogyan történik a bővítményen keresztül.

Hogyan hozzunk létre gombot egy webhelyhez: gyors megoldás

A fenti példa tényleges megoldása a Shortcodes Ultimate beépülő modul segítségével készült, amely egy rövid kódot generált - egy karakterláncot (a webhely bármely oldala használható rövid kód létrehozására). Az eredményül kapott kódot áthelyeztük a Twenty Seventeen téma header.php fájljába, és a do_shortcode() függvény paramétereként használták.

Példa gombkód beszúrására egy témába
Példa gombkód beszúrására egy témába

Ebben az ábrán fent és lent láthatja azokat a kódrészleteket, amelyek közé a kívánt funkció be lett illesztve. Kényelmes a "span" vagy "div" címke (1) használata a kívánt elemek pontos pozíciójának szabályozására, de ez ellentétes lehet a használt CMS reszponzív elrendezési stratégiájával. Az (1) elemen belül a Shortcodes Ultimate bővítmény (2) eleme remekül érzi magát.

Ebben az esetben a CMS a környezet, nem a webhely. Itt ez a fontosgyorsan oldja meg a problémát: hibakeresés az elemző szkriptben. Gomb az oldalhoz - egy, kettő, három - és a fejlesztő többé nem tér vissza hozzájuk. Figyelmét kizárólag az elemző szkript fejlesztése és hibakeresése köti le.

Lehet, hogy nem érted, de fontos emlékezned

A PHP egy csodálatos és praktikus nyelv. Sok szempontból rosszabb, mint a JavaScript, de párban remekül működnek. A CMS használata objektíven igényelt megoldás. Az időmegtakarítás elképesztő, de az ár "több tonna kód". Ez a kód sok szempontból nem érdekli, gyakran egyszerűen lehetetlen még felfogni is.

A fenti példában a (2) elem leírása tágas, és az oldal minden gombjához négy ilyen leírás tartozik. A (3) leírás sokkal tömörebb, és szintén csak négy elemet ír le. Ez kézzel készült. A (2) leírást valójában negyvenszer több beépülő modul és CMS-sor biztosítja. Leírás (3) a jelenlegi állapot szerint.

A modern programozás nem kíván különösebben belemenni a részletekbe, és a modern fejlesztő kedvenc CMS-je nézeteivel dolgozik. Sokan azt sem tudják, hogyan kell egy egyszerű "jelölőnégyzetet" beszúrni az oldal kívánt pontjára, vagy hogyan írják be saját bejelentkezési gombjukat az oldalra HTML/CSS használatával.

Hagyományos látogatói követelmények a hagyományos webhelykészítési eszközökben. Nincs abban semmi szégyenletes, hogy minden webhely kijelenti a használt CMS ötletét:

  • felhasználóbarát felülete;
  • szokásos stílusát a funkcionalitás biztosításának;
  • a párbeszédpanel, a vezérlők és a gombok logikája.

BNapjaink dinamikus információs világában a döntéshozatal és a szolgáltatásnyújtás gyorsasága áll az élen. Az egyes CMS-ek ötlete más, de a cél mindenki számára ugyanaz: egy megbízható, jó minőségű és működő webes forrás gyors létrehozása.

Tökéletes oldal…

A modern internetes technológiák jók. Nehéz mást mondani. Fejlődésük dinamikája azonban kevéssé hasonlít a klasszikus tudományos és technológiai haladás spiráljára. Ez inkább egy Brown-féle mozgás.

Verziók, típusok, sablonok, sokféle eszköz összeférhetetlensége, bizonyos programozási eszközök nevének dinamikája azonos alapokon, mint a levelek suhogása egy nagy fán. De a fa nő.

Az ideális webes forrás az, ha csak egy gomb van a webhelyhez. Ekkor az egyik ember közeledett a másikhoz, és párbeszéd kezdődött.

arany boríték
arany boríték

A modern webhely az, amikor feljön egy személy, és ott … a fejlesztő véleménye a tervezésről, a funkcionalitás biztosításának stílusáról, a feladatról és a témakörről. Nincs párbeszéd. A látogató ki van szolgáltatva a fejlesztő által elhelyezett gomboknak, menüknek és egyéb vezérlőknek. Hagyomány, ismerős és kényelmes, de tényleg helyes?

Ajánlott: