CMS: controls i botons del lloc web

Taula de continguts:

CMS: controls i botons del lloc web
CMS: controls i botons del lloc web
Anonim

Els sistemes moderns de gestió de continguts, marcs, plantilles, temes, connectors, ginys i altres eines de desenvolupament us permeten crear ràpidament recursos web d' alta qualitat amb una interfície fàcil d'utilitzar, un estil familiar de proporcionar funcionalitat mitjançant la lògica tradicional de diàleg, controls i botons. L' alta velocitat de desenvolupament, la seguretat i la fiabilitat són els punts diferencials de les classificacions del sistema de gestió de continguts (CMS).

Gestió tradicional de recursos web

Fer clic en un botó d'un lloc web és una acció específica. Un conjunt d'accions específiques: un menú. Un conjunt d'opcions per a accions: llistes, "caselles de selecció" o elements de selecció en una àmplia gamma.

Moltes variants de la tecnologia moderna de gestió de recursos web no són tant botons, menús, selectors, llistes, mapes d'àrea on es pot fer clic i altres idees de desenvolupadors, sinó el disseny habitual de les tradicions de programació establertes.

Desenvolupar un recurs web és la mateixa programació. El que era al començament de l'era de la informàtica es va convertir en la base de l'era del desenvolupament de les tecnologies d'Internet. Tot s'ha tornat més gràcil i gràcil,més difícil i responsable, i el volum d'informació va començar a créixer catastròficament.

Estil de gestió tradicional
Estil de gestió tradicional

Pasar el temps d'un desenvolupador creant manualment un recurs web, dissenyant una lògica de diàleg única o dissenyant un botó per a un lloc web és una idea antiga, provada i real. Es troba en la resolució de problemes únics o especials. Al món modern, un recurs web de qualitat és:

  • CMS popular;
  • tema de qualitat (plantilla);
  • conjunt estable de connectors (eines).

Un dia de feina - i una nova botiga, motor de cerca o gestió de documents electrònics ja està en funcionament.

Una persona en general i un usuari (visitant del lloc) en particular sempre estan carregats de problemes actuals. El desig d'un desenvolupador de convèncer el seu client potencial de la promesa de les seves idees o diàleg especial és del camp de la creativitat, l'art o el teatre.

Controls únics

La vida diària és una tradició consolidada a casa, a la feina ia la vora del mar. L'home sempre ha estat un usuari confiat de la "forma habitual" de vida, treball i oci. L'usuari d'Internet se sent segur en un entorn familiar, quan no cal endevinar què volia oferir el desenvolupador al seu lloc.

Lògica d'ús familiar
Lògica d'ús familiar

Cada CMS té la seva cara, reflectint les tradicions establertes en l'organització del diàleg amb el visitant. Per exemple, un botó de lloc web de WordPress d' alta qualitat i totalment funcional és el connector Shortcodes Ultimate.(coneguts "codis curts"). Heu de preparar ràpidament un entorn d'eines per organitzar anàlisis complexos i multifuncionals:

  • 2 minuts – instal·lació de WordPress;
  • 3 minuts - instal·lació i introducció al connector Shortcodes;
  • 4 minuts: establiu quatre botons.

Això és suficient per connectar instantàniament els botons (1) i (2) per obrir les pàgines analitzades, el botó (3) al lloc dels resultats de l'anàlisi, el botó (4) a l'script d'anàlisi que s'està desenvolupant..

Botons ràpids a WordPress
Botons ràpids a WordPress

En aquest exemple, el tema de WordPress està qualificat amb codi addicional. El desenvolupador pot col·locar el codi, definit per ell mateix, en HTML/CSS a qualsevol lloc de la pàgina desitjada, o utilitzar el resultat del connector.

Important tenir en compte: on es crea el codi no sempre serà on s'aplica el codi.

Cap tasca de raspat requereix fins i tot el CMS més senzill: sempre és un script, un algorisme, una idea per cercar i processar dades. Però en el moment de depurar l'algorisme d'anàlisi, és convenient tenir una finestra per a les dades inicials, una finestra per als resultats del treball i una gestió còmoda del procés de treball/depuració.

Descripció de la finalitat i elements utilitzats

Els dos primers botons són la informació inicial (exemples de pàgines de mostra de les quals necessiteu obtenir dades), el tercer és el resultat de l'script d'anàlisi. El quart botó funciona (comença a analitzar).

Els paràmetres són necessaris perquè l'script funcioni. Aquests paràmetres es representen convenientment mitjançant codi HTML/CSS. L'ús de codis curts aquí no és especialment efectiu. També és possible que hàgiu d'escriure codi JavaScript iutilitza AJAX per controlar l'anàlisi en temps real.

JS i controls
JS i controls

Qualsevol CMS modern ofereix al desenvolupador la possibilitat de connectar un gestor de JavaScript. Però qualsevol CMS i un complement per això implementen les idees (coneixements, habilitats i experiència) del seu creador. Els objectius d'una àrea d'aplicació específica sempre es troben fora de les vistes del desenvolupador de CMS, el tema, la plantilla o el connector.

Sempre podeu anivellar les característiques de l'entorn instrumental. El conjunt d'elements (5) mostra com podeu introduir de manera còmoda i orgànica els paràmetres "manualment" necessaris per a l'anàlisi. Els elements de selecció (6) mostren com es fa mitjançant el connector.

Com crear un botó per a un lloc web: una solució ràpida

La solució real de l'exemple anterior es va fer mitjançant el connector Shortcodes Ultimate, que va generar un shortcode: una cadena de caràcters (qualsevol pàgina del lloc es pot utilitzar per crear un shortcode). El codi resultant es va traslladar al fitxer header.php del tema Twenty Seventeen i es va utilitzar com a paràmetre per a la funció do_shortcode().

Un exemple d'inserció de codi de botó en un tema
Un exemple d'inserció de codi de botó en un tema

En aquesta figura, a d alt i a sota, podeu veure fragments de codi entre els quals s'ha inserit la funcionalitat desitjada. És convenient utilitzar l'etiqueta "span" o "div" (1) per controlar la posició exacta dels elements desitjats, però això pot anar en contra de l'estratègia de disseny sensible del CMS utilitzat. Dins de l'element (1), l'element del connector Shortcodes Ultimate (2) se sent molt bé.

En aquest cas, el CMS és l'entorn, no el lloc. Aquí és importantsolucioneu ràpidament el problema: depureu l'script d'anàlisi. Botó per al lloc -un, dos, tres- i el desenvolupador ja no hi torna. La seva atenció es concentra únicament en el desenvolupament i la depuració de l'script d'anàlisi.

Potser no ho entengueu, però és important recordar

PHP és un llenguatge meravellós i pràctic. En molts aspectes, és inferior a JavaScript, però en un parell funcionen molt bé. L'ús de CMS és una solució objectivament demandada. L'estalvi de temps és increïble, però el preu és "tones de codi". En molts aspectes, aquest codi no té cap interès, sovint és simplement impossible ni tan sols percebre-lo.

A l'exemple anterior, la descripció de l'element (2) és àmplia i hi ha quatre d'aquestes descripcions per a cada botó del lloc. La descripció (3) és molt més compacta i també descriu només quatre elements. Això està fet a mà. La descripció (2) és proporcionada per quaranta vegades més línies de connectors i CMS. Descripció (3) presa tal qual.

La programació moderna no té especial ganes d'entrar en detalls, i el desenvolupador modern opera amb les vistes del seu CMS favorit. Molts ni tan sols saben com inserir una simple "casella de verificació" al punt desitjat de la pàgina o escriure el seu propi botó d'inici de sessió al lloc mitjançant HTML/CSS.

Requisits tradicionals dels visitants implementats a les eines tradicionals de creació de llocs web. No hi ha res vergonyós en el fet que cada lloc declari la idea del CMS utilitzat:

  • la seva interfície fàcil d'utilitzar;
  • el seu estil habitual d'oferir funcionalitats;
  • la seva lògica per al diàleg, els controls i els botons.

BEn el dinàmic món de la informació actual, la velocitat de presa de decisions i de prestació de serveis és al capdavant. La idea de cada CMS és diferent, però l'objectiu és el mateix per a tots: crear ràpidament un recurs web fiable, d' alta qualitat i que funcioni.

Lloc perfecte…

Les tecnologies modernes d'Internet són bones. És difícil dir el contrari. Però la dinàmica del seu desenvolupament s'assembla poc a l'espiral del progrés científic i tecnològic clàssic. És més aviat un moviment brownià.

Incompatibilitat de versions, tipus, plantilles, varietat d'eines, la dinàmica dels noms de determinades eines de programació amb el mateix fonament, com el cruixent de les fulles d'un gran arbre. Però l'arbre està creixent.

El recurs web ideal és quan només hi ha un botó per al lloc. És quan una persona es va acostar a una altra i va començar un diàleg.

sobre daurat
sobre daurat

Un lloc modern és quan apareix una persona, i allà… l'opinió del desenvolupador sobre el disseny, l'estil de proporcionar funcionalitat, la tasca i l'àrea temàtica. No hi ha diàleg. El visitant està a mercè dels botons, menús i altres controls organitzats pel desenvolupador. És una tradició, és familiar i còmode, però és realment correcte?

Recomanat: