CMS : commandes et boutons du site Web

Table des matières:

CMS : commandes et boutons du site Web
CMS : commandes et boutons du site Web
Anonim

Les systèmes de gestion de contenu modernes, les cadres, les modèles, les thèmes, les plug-ins, les widgets et d'autres outils de développement vous permettent de créer rapidement des ressources Web de haute qualité avec une interface conviviale, un style familier de fourniture de fonctionnalités via la logique traditionnelle de boîte de dialogue, commandes et boutons. Vitesse de développement élevée, sécurité et fiabilité sont les points distinctifs des évaluations du système de gestion de contenu (CMS).

Gestion traditionnelle des ressources Web

Cliquer sur un bouton sur un site Web est une action spécifique. Un ensemble d'actions spécifiques - un menu. Un ensemble d'options pour les actions - listes, "cases à cocher" ou éléments de sélection dans une large gamme.

De nombreuses variantes de la technologie moderne de gestion des ressources Web ne sont pas tant des boutons, des menus, des sélecteurs, des listes, des cartes de zones cliquables et d'autres idées de développeurs, mais la conception habituelle des traditions de programmation établies.

Développer une ressource Web, c'est tout de même programmer. Ce qui était au début de l'ère informatique est devenu le fondement de l'ère du développement des technologies Internet. Tout est devenu plus gracieux et gracieux,plus difficile et responsable, et le volume d'informations a commencé à croître de manière catastrophique.

Style de gestion traditionnel
Style de gestion traditionnel

Passer le temps d'un développeur à créer manuellement une ressource Web, à concevoir une logique de dialogue unique ou à concevoir un bouton pour un site Web est une idée ancienne et éprouvée. On le trouve dans la résolution de problèmes uniques ou spéciaux. Dans le monde moderne, une ressource Web de qualité est:

  • CMS populaires;
  • thème de qualité (modèle);
  • ensemble stable de plugins (outils).

Une journée de travail - et un nouveau magasin, moteur de recherche ou gestion électronique de documents est déjà opérationnel.

Une personne en général et un utilisateur (visiteur du site) en particulier sont toujours chargés de problèmes actuels. Le désir d'un développeur de convaincre son client potentiel de la promesse de ses idées ou de son dialogue privilégié relève du domaine de la créativité, de l'art ou du théâtre.

Contrôles uniques

La vie quotidienne est une tradition établie à la maison, au travail et au bord de la mer. L'homme a toujours été un utilisateur confiant du "mode habituel" de vie, de travail et de loisirs. L'internaute se sent en confiance dans un environnement familier, quand il n'est pas nécessaire de deviner ce que le développeur a voulu proposer sur son site.

Logique d'utilisation familière
Logique d'utilisation familière

Chaque CMS a son propre visage, reflétant les traditions établies dans l'organisation du dialogue avec le visiteur. Par exemple, un bouton de site Web WordPress de haute qualité et entièrement fonctionnel est le plugin Shortcodes Ultimate.(appelés "codes courts"). Vous devez préparer rapidement un environnement d'outils pour organiser une analyse complexe et multifonctionnelle:

  • 2 minutes – Installation de WordPress;
  • 3 minutes - installation et introduction au plugin Shortcodes;
  • 4 minutes - définir quatre boutons.

Cela suffit pour connecter instantanément les boutons (1) et (2) pour ouvrir les pages analysées, le bouton (3) au site des résultats du parsing, le bouton (4) au script de parsing en cours de développement.

Boutons rapides dans WordPress
Boutons rapides dans WordPress

Dans cet exemple, le thème WordPress est qualifié avec du code supplémentaire. Le développeur peut placer le code, défini par lui-même, en HTML/CSS n'importe où sur la page souhaitée, ou utiliser le résultat du plugin.

Important à noter: l'endroit où le code est créé ne correspondra pas toujours à l'endroit où le code est appliqué.

Aucune tâche de scraping ne nécessite même le CMS le plus simple: il s'agit toujours d'un script, d'un algorithme, d'une idée pour rechercher et traiter des données. Mais au moment du débogage de l'algorithme d'analyse, il est pratique d'avoir une fenêtre pour les données initiales, une fenêtre pour les résultats du travail et une gestion pratique du processus de travail/débogage.

Description du but et des éléments utilisés

Les deux premiers boutons sont les informations initiales (exemples de pages d'exemple à partir desquelles vous devez obtenir des données), le troisième est le résultat du script d'analyse. Le quatrième bouton fonctionne (démarrer l'analyse).

Les paramètres sont requis pour que le script fonctionne. Ces paramètres sont commodément représentés par du code HTML/CSS. L'utilisation de shortcodes ici n'est pas particulièrement efficace. Vous devrez peut-être également écrire du code JavaScript etutilisez AJAX pour contrôler l'analyse en temps réel.

JS et contrôles
JS et contrôles

Tout CMS moderne offre au développeur la possibilité de connecter un gestionnaire JavaScript. Mais tout CMS et un plug-in pour celui-ci mettent en œuvre les idées (connaissances, compétences et expérience) de leur créateur. Les objectifs d'un domaine d'application spécifique se situent toujours en dehors des vues du développeur CMS, du thème, du modèle, du plugin.

Vous pouvez toujours mettre à niveau les fonctionnalités de l'environnement instrumental. L'ensemble d'éléments (5) montre comment vous pouvez entrer de manière pratique et organique les paramètres requis "manuellement" pour l'analyse. Les éléments de sélection (6) montrent comment cela se fait via le plugin.

Comment créer un bouton pour un site Web: une solution rapide

La solution réelle de l'exemple ci-dessus a été réalisée à l'aide du plugin Shortcodes Ultimate, qui a généré un shortcode - une chaîne de caractères (n'importe quelle page du site peut être utilisée pour créer un shortcode). Le code résultant a été déplacé vers le fichier header.php du thème Twenty Seventeen et utilisé comme paramètre de la fonction do_shortcode().

Un exemple d'insertion de code de bouton dans un thème
Un exemple d'insertion de code de bouton dans un thème

Dans cette figure, ci-dessus et ci-dessous, vous pouvez voir des morceaux de code entre lesquels la fonctionnalité souhaitée a été insérée. Il est pratique d'utiliser la balise "span" ou "div" (1) pour contrôler la position exacte des éléments souhaités, mais cela peut aller à l'encontre de la stratégie de mise en page responsive du CMS utilisé. Dans l'élément (1), l'élément du plugin Shortcodes Ultimate (2) se sent bien.

Dans ce cas, le CMS est l'environnement, pas le site. Ici c'est importantrésoudre rapidement le problème: déboguer le script d'analyse. Bouton pour le site - un, deux, trois - et le développeur n'y revient plus. Son attention est uniquement occupée par le développement et le débogage du script d'analyse.

Vous ne comprenez peut-être pas, mais il est important de se rappeler

PHP est un langage merveilleux et pratique. À bien des égards, il est inférieur à JavaScript, mais en paire, ils fonctionnent très bien. L'utilisation de CMS est une solution objectivement demandée. Les gains de temps sont incroyables, mais le prix est "des tonnes de code". À bien des égards, ce code n'a aucun intérêt, souvent il est tout simplement impossible de le percevoir.

Dans l'exemple ci-dessus, la description de l'élément (2) est volumineuse, et il y a quatre descriptions de ce type pour chaque bouton du site. La description (3) est beaucoup plus compacte et ne décrit également que quatre éléments. Ceci est fait à la main. La description (2) est en fait fournie par quarante fois plus de lignes de plugins et de CMS. Description (3) prise telle quelle.

La programmation moderne n'est pas particulièrement désireuse d'entrer dans les détails, et le développeur moderne fonctionne avec les vues de son CMS préféré. Beaucoup ne savent même pas comment insérer une simple "case à cocher" à l'endroit souhaité sur la page ou écrire leur propre bouton de connexion au site en utilisant HTML/CSS.

Exigences traditionnelles des visiteurs mises en œuvre dans les outils traditionnels de création de sites Web. Il n'y a rien de honteux à ce que chaque site déclare l'idée du CMS utilisé:

  • son interface conviviale;
  • son style habituel de livraison de fonctionnalités;
  • sa logique pour les dialogues, les commandes et les boutons.

BDans le monde dynamique de l'information d'aujourd'hui, la rapidité de la prise de décision et de la prestation de services est primordiale. L'idée de chaque CMS est différente, mais l'objectif est le même pour tous: créer rapidement une ressource Web fiable, de haute qualité et fonctionnelle.

Site parfait…

Les technologies Internet modernes sont bonnes. Difficile de dire le contraire. Mais la dynamique de leur développement ressemble peu à la spirale du progrès scientifique et technologique classique. C'est plus un mouvement brownien.

L'incompatibilité des versions, des types, des modèles, la variété des outils, la dynamique des noms de certains outils de programmation avec la même fondation, comme le bruissement des feuilles sur un grand arbre. Mais l'arbre pousse.

La ressource Web idéale est lorsqu'il n'y a qu'un seul bouton pour le site. C'est à ce moment qu'une personne s'est approchée d'une autre et qu'un dialogue a commencé.

enveloppe dorée
enveloppe dorée

Un site moderne, c'est quand une personne arrive, et là… l'opinion du développeur sur la conception, le style de fourniture de fonctionnalités, la tâche et le domaine. Il n'y a pas de dialogue. Le visiteur est à la merci des boutons, menus et autres contrôles disposés par le développeur. C'est une tradition, c'est familier et pratique, mais est-ce vraiment vrai ?

Conseillé: