CMS: controles y botones del sitio web

Tabla de contenido:

CMS: controles y botones del sitio web
CMS: controles y botones del sitio web
Anonim

Los modernos sistemas de administración de contenido, marcos, plantillas, temas, complementos, widgets y otras herramientas para desarrolladores le permiten crear rápidamente recursos web de alta calidad con una interfaz fácil de usar, estilo familiar de proporcionar funcionalidad a través de la lógica tradicional de diálogo, controles y botones. La alta velocidad de desarrollo, la seguridad y la confiabilidad son los puntos distintivos en las clasificaciones del Sistema de gestión de contenido (CMS).

Gestión tradicional de recursos web

Hacer clic en un botón en un sitio web es una acción específica. Un conjunto de acciones específicas: un menú. Un conjunto de opciones para acciones: listas, "casillas de verificación" o elementos de selección en una amplia gama.

Muchas variantes de la tecnología moderna de administración de recursos web no son tanto botones, menús, selectores, listas, mapas de áreas en las que se puede hacer clic y otras ideas para desarrolladores, sino el diseño habitual de las tradiciones de programación establecidas.

Desarrollar un recurso web es la misma programación. Lo que fue al comienzo de la era informática se convirtió en la base de la era del desarrollo de las tecnologías de Internet. Todo se ha vuelto más elegante y elegante,más difícil y responsable, y el volumen de información comenzó a crecer catastróficamente.

Estilo de gestión tradicional
Estilo de gestión tradicional

Pasar el tiempo de un desarrollador creando manualmente un recurso web, diseñando una lógica de diálogo única o diseñando un botón para un sitio web es una idea antigua, probada y verdadera. Se encuentra en la resolución de problemas únicos o especiales. En el mundo moderno, un recurso web de calidad es:

  • CMS popular;
  • tema de calidad (plantilla);
  • conjunto estable de complementos (herramientas).

Un día de trabajo - y ya está en funcionamiento una nueva tienda, motor de búsqueda o gestión de documentos electrónicos.

Una persona en general y un usuario (visitante del sitio) en particular siempre están cargados de problemas actuales. El deseo de un desarrollador de convencer a su cliente potencial de la promesa de sus ideas o diálogo especial es del campo de la creatividad, el arte o la teatralidad.

Controles exclusivos

El día a día es una tradición consolidada en el hogar, en el trabajo ya la orilla del mar. El hombre siempre ha sido un usuario seguro de la "forma habitual" de vida, trabajo y ocio. El usuario de Internet se siente seguro en un entorno familiar, cuando no hay necesidad de adivinar lo que el desarrollador quería ofrecer en su sitio.

Lógica de uso familiar
Lógica de uso familiar

Cada CMS tiene su propia cara, reflejando las tradiciones establecidas en la organización del diálogo con el visitante. Por ejemplo, un botón de sitio web de WordPress completamente funcional y de alta calidad es el complemento Shortcodes Ultimate.(conocidos como "códigos cortos"). Debe preparar rápidamente un entorno de herramientas para organizar análisis complejos y multifuncionales:

  • 2 minutos: instalación de WordPress;
  • 3 minutos: instalación e introducción al complemento Shortcodes;
  • 4 minutos: establezca cuatro botones.

Esto es suficiente para conectar instantáneamente los botones (1) y (2) para abrir las páginas analizadas, el botón (3) al sitio de los resultados del análisis, el botón (4) al script de análisis que se está desarrollando.

Botones rápidos en WordPress
Botones rápidos en WordPress

En este ejemplo, el tema de WordPress se califica con código adicional. El desarrollador puede colocar el código, definido por él mismo, en HTML/CSS en cualquier lugar de la página deseada, o usar el resultado del complemento.

Importante: el lugar donde se crea el código no siempre será el lugar donde se aplica el código.

Ninguna tarea de extracción requiere incluso el CMS más simple: siempre es un script, un algoritmo, una idea para buscar y procesar datos. Pero al momento de depurar el algoritmo de análisis, es conveniente tener una ventana para los datos iniciales, una ventana para los resultados del trabajo y una gestión conveniente del proceso de trabajo/depuración.

Descripción del propósito y elementos utilizados

Los dos primeros botones son la información inicial (ejemplos de páginas de muestra de las que necesita obtener datos), el tercero es el resultado del script de análisis. El cuarto botón está funcionando (comenzar a analizar).

Se requieren parámetros para que el script funcione. Estos parámetros están convenientemente representados por código HTML/CSS. Usar shortcodes aquí no es particularmente efectivo. Es posible que también necesite escribir código JavaScript yusa AJAX para controlar el análisis en tiempo real.

JS y controles
JS y controles

Cualquier CMS moderno proporciona al desarrollador la capacidad de conectar un controlador de JavaScript. Pero cualquier CMS y un complemento para implementar las ideas (conocimiento, habilidades y experiencia) de su creador. Los objetivos de un área de aplicación específica siempre se encuentran fuera de las vistas del desarrollador, el tema, la plantilla o el complemento del CMS.

Siempre puedes nivelar las características del entorno instrumental. El conjunto de elementos (5) muestra cómo puede ingresar de manera conveniente y orgánica los parámetros "manualmente" necesarios para el análisis. Los elementos de selección (6) muestran cómo se hace esto a través del complemento.

Cómo crear un botón para un sitio web: una solución rápida

La solución real del ejemplo anterior se realizó utilizando el complemento Shortcodes Ultimate, que generó un código abreviado: una cadena de caracteres (cualquier página del sitio se puede usar para crear un código abreviado). El código resultante se movió al archivo header.php del tema Twenty Seventeen y se usó como parámetro para la función do_shortcode().

Un ejemplo de inserción de código de botón en un tema
Un ejemplo de inserción de código de botón en un tema

En esta figura, arriba y abajo, puede ver fragmentos de código entre los que se insertó la funcionalidad deseada. Es conveniente utilizar la etiqueta "span" o "div" (1) para controlar la posición exacta de los elementos deseados, pero esto puede ir en contra de la estrategia de diseño responsive del CMS utilizado. Dentro del elemento (1), el elemento del complemento Shortcodes Ultimate (2) se siente genial.

En este caso, el CMS es el entorno, no el sitio. Aquí es importanteResuelva rápidamente el problema: depure el script de análisis. Botón para el sitio - uno, dos, tres - y el desarrollador ya no vuelve a ellos. Su atención está ocupada únicamente con el desarrollo y la depuración del script de análisis.

Puede que no lo entiendas, pero es importante recordarlo

PHP es un lenguaje maravilloso y práctico. En muchos sentidos, es inferior a JavaScript, pero en pareja funcionan muy bien. El uso de CMS es una solución objetivamente demandada. El ahorro de tiempo es asombroso, pero el precio es "toneladas de código". En muchos sentidos, este código no tiene ningún interés, a menudo es simplemente imposible siquiera percibirlo.

En el ejemplo anterior, la descripción del elemento (2) es amplia y hay cuatro descripciones de este tipo para cada botón del sitio. La descripción (3) es mucho más compacta y también describe solo cuatro elementos. Esto está hecho a mano. La descripción (2) en realidad es proporcionada por cuarenta veces más complementos y líneas de CMS. Descripción (3) tomada tal cual.

La programación moderna no está particularmente interesada en entrar en detalles, y el desarrollador moderno opera con las vistas de su CMS favorito. Muchos ni siquiera saben cómo insertar una simple "casilla de verificación" en el punto deseado de la página o escribir su propio botón de inicio de sesión en el sitio usando HTML/CSS.

Requisitos de visitantes tradicionales implementados en las herramientas tradicionales de creación de sitios web. No hay nada vergonzoso en el hecho de que cada sitio declare la idea del CMS utilizado:

  • su interfaz fácil de usar;
  • su estilo habitual de ofrecer funcionalidad;
  • su lógica para diálogos, controles y botones.

BEn el dinámico mundo actual de la información, la rapidez en la toma de decisiones y la prestación de servicios está a la vanguardia. La idea de cada CMS es diferente, pero el objetivo es el mismo para todos: crear rápidamente un recurso web confiable, de alta calidad y que funcione.

Sitio perfecto…

Las modernas tecnologías de Internet son buenas. Es difícil decir lo contrario. Pero la dinámica de su desarrollo se parece poco a la espiral del progreso científico y tecnológico clásico. Es más un movimiento browniano.

Incompatibilidad de versiones, tipos, plantillas, una variedad de herramientas, la dinámica de los nombres de ciertas herramientas de programación con la misma base, como el susurro de las hojas en un gran árbol. Pero el árbol está creciendo.

El recurso web ideal es cuando solo hay un botón para el sitio. Fue entonces cuando una persona se acercó a otra y comenzó un diálogo.

sobre dorado
sobre dorado

Un sitio moderno es cuando aparece una persona, y allí… la opinión del desarrollador sobre el diseño, el estilo de proporcionar funcionalidad, la tarea y el tema. No hay diálogo. El visitante está a merced de botones, menús y otros controles dispuestos por el desarrollador. Es una tradición, es familiar y conveniente, pero ¿es realmente correcto?

Recomendado: