CMS: controlli e pulsanti del sito web

Sommario:

CMS: controlli e pulsanti del sito web
CMS: controlli e pulsanti del sito web
Anonim

I moderni sistemi di gestione dei contenuti, framework, modelli, temi, plug-in, widget e altri strumenti per sviluppatori consentono di creare rapidamente risorse Web di alta qualità con un'interfaccia intuitiva, uno stile familiare di fornitura di funzionalità attraverso la logica tradizionale di finestra di dialogo, controlli e pulsanti. Elevata velocità di sviluppo, sicurezza e affidabilità sono i punti distintivi nelle valutazioni del sistema di gestione dei contenuti (CMS).

Gestione tradizionale delle risorse web

Fare clic su un pulsante su un sito Web è un'azione specifica. Un insieme di azioni specifiche: un menu. Una serie di opzioni per le azioni: elenchi, "caselle di controllo" o elementi di selezione in un'ampia gamma.

Molte varianti della moderna tecnologia di gestione delle risorse web non sono tanto pulsanti, menu, selettori, elenchi, mappe delle aree cliccabili e altre idee per sviluppatori, ma il solito design di tradizioni di programmazione consolidate.

Sviluppare una risorsa web è la stessa programmazione. Quello che era all'inizio dell'era dei computer è diventato il fondamento dell'era dello sviluppo delle tecnologie Internet. Tutto è diventato più grazioso e grazioso,più difficile e responsabile, e il volume delle informazioni iniziò a crescere in modo catastrofico.

Stile di gestione tradizionale
Stile di gestione tradizionale

Trascorrere il tempo di uno sviluppatore creando manualmente una risorsa web, progettando una logica di dialogo unica o progettando un pulsante per un sito web è un'idea vecchia, collaudata e vera. Si trova nella risoluzione di problemi unici o speciali. Nel mondo moderno, una risorsa web di qualità è:

  • CMS popolare;
  • tema di qualità (modello);
  • insieme stabile di plugin (strumenti).

Una giornata di lavoro e un nuovo negozio, motore di ricerca o gestione elettronica dei documenti è già operativo.

Una persona in generale e un utente (visitatore del sito) in particolare sono sempre carichi di problemi attuali. Il desiderio di uno sviluppatore di convincere il suo potenziale cliente della promessa delle sue idee o di un dialogo speciale proviene dal campo della creatività, dell'arte o del teatro.

Controlli unici

La vita quotidiana è una tradizione consolidata a casa, al lavoro e in riva al mare. L'uomo è sempre stato un utilizzatore fiducioso del "modo abituale" di vita, lavoro e tempo libero. L'utente di Internet si sente sicuro in un ambiente familiare, quando non è necessario indovinare ciò che lo sviluppatore voleva offrire sul suo sito.

Logica di utilizzo familiare
Logica di utilizzo familiare

Ogni CMS ha il suo volto, riflettendo le tradizioni consolidate nell'organizzazione del dialogo con il visitatore. Ad esempio, un pulsante del sito Web WordPress di alta qualità e completamente funzionante è il plug-in Shortcodes Ultimate.(noti "codici brevi"). È necessario preparare rapidamente un ambiente di strumenti per l'organizzazione di analisi complesse e multifunzionali:

  • 2 minuti – Installazione di WordPress;
  • 3 minuti - installazione e introduzione al plugin Shortcodes;
  • 4 minuti - imposta quattro pulsanti.

Questo è sufficiente per collegare istantaneamente i pulsanti (1) e (2) per aprire le pagine analizzate, il pulsante (3) al sito dei risultati dell'analisi, il pulsante (4) allo script di analisi in fase di sviluppo.

Pulsanti rapidi in WordPress
Pulsanti rapidi in WordPress

In questo esempio, il tema WordPress è qualificato con codice aggiuntivo. Lo sviluppatore può inserire il codice, da lui stesso definito, in HTML/CSS in qualsiasi punto della pagina desiderata, oppure utilizzare il risultato del plugin.

Importante notare: il punto in cui viene creato il codice non sarà sempre quello in cui viene applicato il codice.

Nessuna attività di scraping richiede anche il più semplice CMS: è sempre uno script, un algoritmo, un'idea per la ricerca e l'elaborazione dei dati. Ma al momento del debug dell'algoritmo di analisi, è conveniente avere una finestra per i dati iniziali, una finestra per i risultati del lavoro e una comoda gestione del processo di lavoro/debug.

Descrizione dello scopo e degli elementi utilizzati

I primi due pulsanti sono le informazioni iniziali (esempi di pagine di esempio da cui è necessario ottenere dati), il terzo è il risultato dello script di analisi. Il quarto pulsante funziona (inizia l'analisi).

Sono necessari parametri per il funzionamento dello script. Questi parametri sono convenientemente rappresentati dal codice HTML/CSS. L'uso degli shortcode qui non è particolarmente efficace. Potrebbe anche essere necessario scrivere codice JavaScript eusa AJAX per controllare l'analisi in tempo reale.

JS e controlli
JS e controlli

Qualsiasi CMS moderno offre allo sviluppatore la possibilità di connettere un gestore JavaScript. Ma qualsiasi CMS e un plug-in per esso implementano le idee (conoscenze, abilità ed esperienza) del loro creatore. Gli obiettivi di un'area di applicazione specifica sono sempre al di fuori delle visualizzazioni dello sviluppatore CMS, del tema, del modello, del plug-in.

Puoi sempre livellare le caratteristiche dell'ambiente strumentale. L'insieme degli elementi (5) mostra come è possibile inserire comodamente e organicamente i parametri "manualmente" necessari per l'analisi. Gli elementi di selezione (6) mostrano come ciò avviene tramite il plugin.

Come creare un pulsante per un sito web: una soluzione rapida

La soluzione effettiva dell'esempio sopra è stata realizzata utilizzando il plug-in Shortcodes Ultimate, che ha generato uno shortcode - una stringa di caratteri (qualsiasi pagina del sito può essere utilizzata per creare uno shortcode). Il codice risultante è stato spostato nel file header.php del tema Twenty Seventeen e utilizzato come parametro per la funzione do_shortcode().

Un esempio di inserimento del codice del pulsante in un tema
Un esempio di inserimento del codice del pulsante in un tema

In questa figura, sopra e sotto, puoi vedere pezzi di codice tra i quali è stata inserita la funzionalità desiderata. È conveniente utilizzare il tag "span" o "div" (1) per controllare l'esatta posizione degli elementi desiderati, ma ciò potrebbe andare contro la strategia di layout responsivo del CMS utilizzato. All'interno dell'elemento (1), l'elemento del plug-in Shortcodes Ultimate (2) è fantastico.

In questo caso, il CMS è l'ambiente, non il sito. Qui è importanterisolvere rapidamente il problema: eseguire il debug dello script di analisi. Pulsante per il sito - uno, due, tre - e lo sviluppatore non torna più su di essi. La sua attenzione è occupata esclusivamente dallo sviluppo e dal debug dello script di analisi.

Potresti non capire, ma è importante ricordare

PHP è un linguaggio meraviglioso e pratico. In molti modi è inferiore a JavaScript, ma in coppia funzionano alla grande. L'utilizzo di CMS è una soluzione oggettivamente richiesta. Il risparmio di tempo è sorprendente, ma il prezzo è "tonnellate di codice". Per molti versi, questo codice non interessa, spesso è semplicemente impossibile anche solo percepirlo.

Nell'esempio sopra, la descrizione dell'elemento (2) è capiente e ci sono quattro descrizioni di questo tipo per ciascun pulsante del sito. La descrizione (3) è molto più compatta e descrive anche solo quattro elementi. Questo è fatto a mano. La descrizione (2) è effettivamente fornita da un numero di linee di plugin e CMS quaranta volte superiore. Descrizione (3) presa così com'è.

La programmazione moderna non è particolarmente desiderosa di entrare nei dettagli e lo sviluppatore moderno opera con le viste del suo CMS preferito. Molti non sanno nemmeno come inserire una semplice "casella di spunta" nel punto desiderato della pagina o scrivere il proprio pulsante di accesso al sito utilizzando HTML/CSS.

Requisiti tradizionali dei visitatori implementati negli strumenti tradizionali di creazione di siti Web. Non c'è nulla di vergognoso nel fatto che ogni sito dichiari l'idea del CMS utilizzato:

  • la sua interfaccia intuitiva;
  • il suo solito modo di fornire funzionalità;
  • la sua logica per dialoghi, controlli e pulsanti.

BNell'odierno mondo dinamico dell'informazione, la velocità del processo decisionale e dell'erogazione dei servizi è in primo piano. L'idea di ogni CMS è diversa, ma l'obiettivo è lo stesso per tutti: creare rapidamente una risorsa web affidabile, di alta qualità e funzionante.

Sito perfetto…

Le moderne tecnologie Internet sono buone. È difficile dire il contrario. Ma la dinamica del loro sviluppo somiglia poco alla spirale del progresso scientifico e tecnologico classico. È più un movimento browniano.

Incompatibilità di versioni, tipi, modelli, una varietà di strumenti, la dinamica dei nomi di alcuni strumenti di programmazione con la stessa base, come il fruscio delle foglie su un grande albero. Ma l'albero sta crescendo.

La risorsa web ideale è quando c'è un solo pulsante per il sito. Questo è quando una persona si è avvicinata a un' altra ed è iniziato un dialogo.

busta dorata
busta dorata

Un sito moderno è quando arriva una persona e lì… l'opinione dello sviluppatore sul design, lo stile di fornitura delle funzionalità, l'attività e l'area tematica. Non c'è dialogo. Il visitatore è in balia di pulsanti, menu e altri controlli organizzati dallo sviluppatore. È una tradizione, è familiare e conveniente, ma è proprio giusto?

Consigliato: