CMS: Website-Steuerelemente und Sch altflächen

Inhaltsverzeichnis:

CMS: Website-Steuerelemente und Sch altflächen
CMS: Website-Steuerelemente und Sch altflächen
Anonim

Moderne Content-Management-Systeme, Frameworks, Templates, Themes, Plugins, Widgets und andere Entwicklertools ermöglichen es Ihnen, schnell qualitativ hochwertige Webressourcen mit einer benutzerfreundlichen Oberfläche zu erstellen, die durch die traditionelle Logik von Funktionen vertraut ist Dialog, Bedienelemente und Sch altflächen. Hohe Entwicklungsgeschwindigkeit, Sicherheit und Zuverlässigkeit sind die herausragenden Punkte in der Bewertung des Content Management Systems (CMS).

Traditionelle Verw altung von Webressourcen

Das Klicken auf eine Sch altfläche auf einer Website ist eine bestimmte Aktion. Eine Reihe spezifischer Aktionen - ein Menü. Eine Reihe von Optionen für Aktionen - Listen, "Checkboxen" oder Auswahlelemente in einer breiten Palette.

Viele Varianten moderner Web-Ressourcen-Management-Technologie sind nicht so sehr Sch altflächen, Menüs, Selektoren, Listen, anklickbare Gebietskarten und andere Entwicklerideen, sondern das übliche Design etablierter Programmiertraditionen.

Die Entwicklung einer Webressource ist die gleiche Programmierung. Was am Anfang des Computerzeit alters stand, wurde zur Grundlage des Zeit alters der Entwicklung von Internettechnologien. Alles ist anmutiger und anmutiger geworden,schwieriger und verantwortungsvoller, und das Informationsvolumen begann katastrophal zu wachsen.

Traditioneller Führungsstil
Traditioneller Führungsstil

Die Zeit eines Entwicklers damit zu verbringen, manuell eine Webressource zu erstellen, eine einzigartige Dialoglogik zu entwerfen oder eine Sch altfläche für eine Website zu entwerfen, ist eine alte, erprobte und wahre Idee. Es wird bei der Lösung einzigartiger oder spezieller Probleme gefunden. In der modernen Welt ist eine hochwertige Webressource:

  • beliebtes CMS;
  • Qualitätsthema (Vorlage);
  • stabiler Satz von Plugins (Tools).

Ein Tag Arbeit – und schon ist ein neuer Shop, eine Suchmaschine oder eine elektronische Dokumentenverw altung in Betrieb.

Eine Person im Allgemeinen und ein Benutzer (Seitenbesucher) im Besonderen sind immer mit aktuellen Problemen belastet. Der Wunsch eines Entwicklers, seinen potenziellen Kunden von der Verheißung seiner Ideen oder seines besonderen Dialogs zu überzeugen, stammt aus dem Bereich der Kreativität, der Kunst oder des Theaters.

Einzigartige Steuerelemente

Das tägliche Leben ist eine etablierte Tradition zu Hause, bei der Arbeit und am Meer. Der Mensch war schon immer ein selbstbewusster Nutzer der „gewohnten Art“des Lebens, der Arbeit und der Freizeit. Der Internetnutzer fühlt sich in einer vertrauten Umgebung sicher, wenn er nicht raten muss, was der Entwickler auf seiner Website anbieten wollte.

Vertraute Nutzungslogik
Vertraute Nutzungslogik

Jedes CMS hat sein eigenes Gesicht, das die etablierten Traditionen in der Organisation des Dialogs mit dem Besucher widerspiegelt. Ein hochwertiger und voll funktionsfähiger WordPress-Website-Button ist beispielsweise das Shortcodes Ultimate-Plugin.(bekannte „Short Codes“). Sie müssen schnell eine Tool-Umgebung für die Organisation komplexer und multifunktionaler Parsings vorbereiten:

  • 2 Minuten – WordPress-Installation;
  • 3 Minuten - Installation und Einführung in das Shortcodes-Plugin;
  • 4 Minuten - Setze vier Tasten.

Dies reicht aus, um die Sch altflächen (1) und (2) sofort zu verbinden, um die analysierten Seiten zu öffnen, die Sch altfläche (3) mit der Website der Parsing-Ergebnisse, die Sch altfläche (4) mit dem zu entwickelnden Parsing-Skript.

Schnellsch altflächen in WordPress
Schnellsch altflächen in WordPress

In diesem Beispiel wird das WordPress-Theme mit zusätzlichem Code qualifiziert. Der Entwickler kann den von ihm definierten Code in HTML / CSS beliebig auf der gewünschten Seite platzieren oder das Ergebnis des Plugins verwenden.

Wichtig zu beachten: Wo Code erstellt wird, ist nicht immer dort, wo Code angewendet wird.

Keine Scraping-Aufgabe erfordert auch nur das einfachste CMS: Es ist immer ein Skript, ein Algorithmus, eine Idee zum Suchen und Verarbeiten von Daten. Aber zum Zeitpunkt des Debuggens des Parsing-Algorithmus ist es praktisch, ein Fenster für die Anfangsdaten, ein Fenster für die Arbeitsergebnisse und eine bequeme Verw altung des Arbeits-/Debug-Prozesses zu haben.

Beschreibung des Zwecks und der verwendeten Elemente

Die ersten beiden Sch altflächen sind die anfänglichen Informationen (Beispiele von Beispielseiten, von denen Sie Daten erh alten müssen), die dritte ist das Ergebnis des Parsing-Skripts. Die vierte Sch altfläche funktioniert (Parsing starten).

Parameter sind erforderlich, damit das Skript funktioniert. Diese Parameter werden bequem durch HTML/CSS-Code dargestellt. Die Verwendung von Shortcodes ist hier nicht besonders effektiv. Möglicherweise müssen Sie auch JavaScript-Code schreiben undVerwenden Sie AJAX, um das Echtzeit-Parsing zu steuern.

JS und Kontrollen
JS und Kontrollen

Jedes moderne CMS bietet dem Entwickler die Möglichkeit, einen JavaScript-Handler anzubinden. Aber jedes CMS und ein Plug-in dafür implementieren die Ideen (Wissen, Fähigkeiten und Erfahrungen) ihres Erstellers. Die Ziele eines bestimmten Anwendungsbereichs liegen immer außerhalb der Sicht des CMS-Entwicklers, Themes, Templates, Plugins.

Du kannst die Eigenschaften der instrumentalen Umgebung jederzeit abgleichen. Der Satz von Elementen (5) zeigt, wie Sie die für das Parsing erforderlichen Parameter bequem und organisch "manuell" eingeben können. Die Auswahlelemente (6) zeigen, wie dies durch das Plugin geschieht.

So erstellen Sie eine Sch altfläche für eine Website: eine schnelle Lösung

Die tatsächliche Lösung des obigen Beispiels wurde mit dem Shortcodes Ultimate-Plugin erstellt, das einen Shortcode generierte - eine Zeichenfolge (jede Seite der Website kann zum Erstellen eines Shortcodes verwendet werden). Der resultierende Code wurde in die Datei header.php des Designs Twenty Seventeen verschoben und als Parameter für die Funktion do_shortcode() verwendet.

Ein Beispiel für das Einfügen von Sch altflächencode in ein Design
Ein Beispiel für das Einfügen von Sch altflächencode in ein Design

In dieser Abbildung sehen Sie oben und unten Codeteile, zwischen denen die gewünschte Funktionalität eingefügt wurde. Es ist praktisch, die genaue Position der gewünschten Elemente mit dem „span“- oder „div“-Tag (1) zu steuern, aber dies kann der responsiven Layout-Strategie des verwendeten CMS zuwiderlaufen. Innerhalb des Elements (1) fühlt sich das Element aus dem Shortcodes Ultimate-Plugin (2) großartig an.

In diesem Fall ist das CMS die Umgebung, nicht die Website. Hier ist es wichtigLösen Sie das Problem schnell: Debuggen Sie das Parsing-Skript. Sch altfläche für die Site - eins, zwei, drei - und der Entwickler kehrt nicht mehr zu ihnen zurück. Seine Aufmerksamkeit ist ausschließlich mit der Entwicklung und Fehlersuche des Parsing-Skripts beschäftigt.

Du verstehst es vielleicht nicht, aber es ist wichtig, daran zu denken

PHP ist eine wunderbare und praktische Sprache. In vielerlei Hinsicht ist es JavaScript unterlegen, aber zusammen funktionieren sie hervorragend. Der Einsatz von CMS ist eine objektiv geforderte Lösung. Die Zeitersparnis ist erstaunlich, aber der Preis ist "tonnenweise Code". In vielerlei Hinsicht ist dieser Code uninteressant, oft ist es einfach unmöglich, ihn überhaupt wahrzunehmen.

Im obigen Beispiel ist die Beschreibung des Elements (2) umfangreich, und es gibt vier solcher Beschreibungen für jede Sch altfläche der Website. Beschreibung (3) ist viel kompakter und beschreibt auch nur vier Elemente. Dies ist handgefertigt. Beschreibung (2) wird tatsächlich von vierzig Mal mehr Plugin- und CMS-Zeilen bereitgestellt. Beschreibung (3) unverändert übernommen.

Moderne Programmierung geht nicht besonders gerne ins Detail und der moderne Entwickler operiert mit den Ansichten seines Lieblings-CMS. Viele wissen gar nicht, wie man eine einfache „Checkbox“an der gewünschten Stelle auf der Seite einfügt oder per HTML/CSS einen eigenen Login-Button auf die Seite schreibt.

Traditionelle Besucheranforderungen, die in traditionellen Website-Erstellungstools implementiert sind. Es ist keine Schande, dass jede Seite die Idee des verwendeten CMS erklärt:

  • ihre benutzerfreundliche Oberfläche;
  • ihre übliche Art, Funktionalität bereitzustellen;
  • ihre Logik für Dialoge, Bedienelemente und Sch altflächen.

BIn der heutigen dynamischen Informationswelt steht die Geschwindigkeit der Entscheidungsfindung und Servicebereitstellung im Vordergrund. Die Idee jedes CMS ist anders, aber das Ziel ist für alle dasselbe: schnell eine zuverlässige, qualitativ hochwertige und funktionierende Webressource zu erstellen.

Perfekte Seite…

Moderne Internettechnologien sind gut. Es ist schwer, etwas anderes zu sagen. Aber die Dynamik ihrer Entwicklung hat wenig Ähnlichkeit mit der Spirale des klassischen wissenschaftlichen und technologischen Fortschritts. Es ist eher eine Brownsche Bewegung.

Inkompatibilität von Versionen, Typen, Vorlagen, einer Vielzahl von Tools, die Dynamik der Namen bestimmter Programmiertools mit der gleichen Grundlage, wie das Rauschen der Blätter an einem großen Baum. Aber der Baum wächst.

Die ideale Webressource ist, wenn es nur eine Sch altfläche für die Seite gibt. Dies ist, als eine Person auf eine andere zuging und ein Dialog begann.

goldener Umschlag
goldener Umschlag

Eine moderne Website ist, wenn eine Person auftaucht, und da … die Meinung des Entwicklers über das Design, die Art der Bereitstellung von Funktionalität, die Aufgabe und das Themengebiet. Es gibt keinen Dialog. Der Besucher ist den Sch altflächen, Menüs und anderen vom Entwickler arrangierten Steuerelementen ausgeliefert. Es ist eine Tradition, es ist vertraut und praktisch, aber ist es wirklich richtig?

Empfohlen: