React – Das komplette Handbuch (einschließlich Hooks, React Router, Redux). WordPress-Frameworks (Plugins) für Template-Einstellungen Einstellungsoptionen Framework-Plugin für WordPress

Tauchen Sie ein und lernen Sie React.js von Grund auf neu! Lernen Sie Reactjs, Redux, React Routing, Animationen, Next.js Basics und mehr! Lernen Sie Reagieren oder tauchen Sie tiefer ein. Lernen Sie Theorie, lösen Sie Probleme, üben Sie in Demoprojekten und bauen Sie eine große App, die im Laufe des Kurses immer besser wird: Burger Builder!


JavaScript ist die Hauptsprache moderner Webanwendungen, da es die einzige Programmiersprache ist, die im Browser ausgeführt wird und daher die Bereitstellung von reaktionsschnellen Anwendungen ermöglicht.

Die Verwendung von JavaScript kann jedoch schwierig sein – es wird schnell schwer und Sie müssen einen guten Hintergrund darin haben, bevor Sie mit dem Ansehen dieses Kurses beginnen.

Bei React dreht sich alles um Komponenten, im Grunde benutzerdefinierte HTML-Elemente, mit denen Sie schnell erstaunliche und leistungsstarke Webanwendungen erstellen können. Erstellen Sie die Komponente einfach einmal, passen Sie sie an Ihre Bedürfnisse an, übergeben Sie Daten dynamisch an sie (oder hören Sie auf Ihre eigenen Ereignisse!) und verwenden Sie sie so oft wie nötig wieder.

Müssen Sie eine Liste von Benutzern in Ihrer Anwendung anzeigen? Es ist so einfach wie das Erstellen einer Benutzerkomponente und das Rendern bei Bedarf.

Dieser Kurs beginnt bei den Grundlagen und erklärt genau, was React ist und wie Sie es verwenden können (und für welche Anwendungen). Danach gehen wir mit React den ganzen Weg von einfach bis fortgeschritten. Wir werden nicht nur an der Spitze des Eisbergs kratzen, sondern tief in React sowie beliebte Bibliotheken wie React Router und Redux eintauchen.

Am Ende des Kurses werden Sie in der Lage sein, erstaunliche SPA (Single Page Application) React-Anwendungen zu erstellen.

Mein Name ist Maximilian - ich bin freiberuflicher Webentwickler und habe in vielen Projekten mit React zusammengearbeitet. Ich bin auch ein 5-Sterne-Lehrer bei Udemy. Ich decke die beliebtesten Alternativen zu React – Vue und Angular – sowie viele andere Themen ab. Ich weiß, wovon ich rede und ich weiß, wo Bugs zu finden sind.

Mein Ziel ist es, so schnell wie möglich mit React loszulegen und Ihren Erfolg sicherzustellen. Aber ich konzentriere mich nicht nur auf Studienanfänger. Ich möchte, dass jeder meine Kurse nutzen kann, also werden wir tief in React eintauchen.

Dieser Kurs ist für Sie, wenn:

  • Sie fangen gerade erst mit der Front-End-/JavaScript-Entwicklung an und kennen nur die Grundlagen von JS (keine Notwendigkeit für Reaktionen oder andere Framework-Erfahrung)
  • Du hast Erfahrung mit Angular oder Vue, möchtest aber in React eintauchen
  • Du kennst bereits die Grundlagen von React, möchtest aber upgraden oder noch tiefer eintauchen
  • Sie haben bereits ein wenig mit React gearbeitet, möchten aber tiefer eintauchen und sehen, wie sich alles in einer größeren Anwendung zusammenfügt.

Was Sie vor Studienbeginn wissen müssen!

  • Erfordert Kenntnisse in HTML + CSS + JavaScript. Sie müssen kein Experte sein, aber Sie müssen zumindest die Grundlagen kennen
  • Zusätzlich Kenntnisse in JavaScript ist nicht erforderlich, obwohl Sie sich schneller bewegen können, wenn Sie die nächste Generation von JavaScript-Funktionen kennen, z. B. die ES6-Pfeilfunktionen. Der Kurs enthält jedoch Kurze Review am meisten wichtige Funktionen nächste Generation.

Was ist im Kurs enthalten?

  • „Was“, „Warum“ und „Wie“
  • React Basics (Grundlegende Funktionen, Syntax und Konzepte)
  • So zeigen Sie Listen und bedingte Inhalte an
  • Komponenten-Styling
  • Tauchen Sie tief in die Interna und erweiterten Komponentenfunktionen von React ein
  • Zugriff auf Http-Inhalte von React-Apps (AJAX)
  • Redux, Redux, Redux ... von Anfang bis Ende!
  • Formulare und Validierung in React-Apps
  • Authentifizierung
  • Einführung in Unit-Tests
  • Einführung in Next.js
  • Anweisungen zur Anwendungsbereitstellung
  • ...und vieles mehr!

Wenn Sie mit Advanced und Functional gearbeitet haben WordPress-Themes, haben Sie wahrscheinlich bemerkt, dass es einen speziellen Abschnitt mit Vorlageneinstellungen gibt. Mit ihrer Hilfe kann der Benutzer beispielsweise Schriftarten für die Website auswählen, die Position der Seitenleiste bestimmen und Links zu sozialen Profilen angeben. Netzwerke, einige aktivieren/deaktivieren Zusatzoptionen usw. All dies ist sehr praktisch und ermöglicht es dem Entwickler, eine ganze Reihe von Anpassungsoptionen zu erstellen. Aussehen Website, die kein technisches Spezialwissen von den Benutzern erfordert.

Übrigens liegt vor mir eine ähnliche Aufgabe. Es ist erforderlich, ein neues Layout mit der WordPress-Site zu verbinden, wo es einige Textbereiche gibt, die zukünftige Benutzer ändern möchten. Das einfachste Beispiel ist Telefonnummern kontaktieren in einem Hut. Die Implementierung mit scheint eine redundante Lösung zu sein (das Erstellen eines zusätzlichen Blocks für eine Textzeile ist nicht sehr effizient). Schreiben Sie eine spezifische Dokumentation zum Bearbeiten von Informationen in php-Dateien Themen - irgendwie, nicht ganz schön (+ nicht jeder wird in der Lage sein, den Code herauszufinden). Aber auch die Umsetzung der Aufgabe über die WordPress-Template-Einstellungen ist eine interessante Option.

Um ein Einstellungsfenster für WordPress-Vorlagen zu erstellen, müssen Sie sich mit der System-API (Einstellungen und Designanpassung) auskennen, PHP kennen und diesem Prozess viel Zeit widmen. Es gibt einige Beschreibungen und Beispiele für die Arbeit mit der API auf codex.wordpress.org, insbesondere war es interessant, über den Theme Customization Customizer zu lesen, aber ohne gute Kenntnisse und Erfahrung in der Webentwicklung wird es nicht sehr einfach zu implementieren sein Ihr eigenes Einstellungsfenster für WordPress-Vorlagen.

Glücklicherweise gibt es einen besseren Ausweg - die Verwendung spezieller WordPress-Frameworks. Es gibt viele verschiedene Sammlungen im Netz, in denen Sie die passenden Lösungen finden können - ich habe die besten für Sie ausgewählt.

Frameworks für Einstellungen in einem WordPress-Template

Tatsächlich handelt es sich bei diesen WordPress-Frameworks um Plug-Ins mit vorgefertigten Entwicklungen, die verwendet werden können schnelle Erstellung Bedienfelder/Seiten für WordPress-Vorlageneinstellungen. Wenn Sie Bootstrap kennen, dann ist das Prinzip hier ähnlich. Das große Plus ist, dass, wie unten dargestellt, Module sind absolut kostenlos und können für kommerzielle Projekte verwendet werden einschließlich.

Optionsrahmen

Mit dem Options Framework-Modul können Sie das Einstellungsfenster in jedem aktivieren WordPress-Vorlage. Unter den Optionen können Sie Textfelder, Kontrollkästchen, Optionsfelder, Auswahlen, Bild-Uploads, Farbauswahl, Schriftartauswahl usw. verwenden. Jeder kann das Modul in sein Thema integrieren.

Die Entwickler-Website enthält ein Video zur Verwendung des Plugins + eine detaillierte Beschreibung. Options Framework unterstützt die Systemversion ab 3.6., hat mehr als 100.000 Downloads und eine Bewertung von 4,8.

Laut den Autoren ist dies das einfachste WordPress-Framework, mit dem Sie Admin-Seiten, Einstellungsseiten sowie Optionen für den Theme Customizer erstellen können. Und das alles durch Hinzufügen einiger Codezeilen. Eine detaillierte Beschreibung der Funktionen und Fähigkeiten, nach denen Sie traditionell auf der Titan Framework-Website suchen. Die Mindestanforderungen sind WP 4.1., Downloads sind viel weniger als in der vorherigen Version - 6 Tausend, Punktzahl - 4,5.

Ich erinnere mich, dass ich Informationen darüber gefunden habe, als ich nach einem Framework zum Erstellen von WordPress-Vorlagen von Grund auf gesucht habe. Dieses Produkt von ThemeFuse ist sehr funktional – es enthält viele nützliche Funktionen, z. B. Drag & Drop-Steuerelemente, Schieberegler, Portfolio- und Ereigniselemente, die Möglichkeit zum Sichern usw. Auf der Website des Moduls finden Sie eine kleine Videodemonstration seiner Fähigkeiten. Das Projekt hat 20.000 Downloads und 4,7 Punkte von Benutzern. Systemversion 4.3 und höher wird unterstützt.

Optionsbaum

OptionTree ist eine ziemlich leistungsfähige Lösung, gemessen an seiner Beschreibung. Sie schreiben, dass es sogar teilweise von ThemeForest gesponsert wird und zur Entwicklung von Premium-Themen verwendet werden kann. Die Hauptidee des Autors besteht darin, die Grenzen zwischen Entwicklern, Designern und Benutzern aufzuheben, indem ein funktionales Panel erstellt wird WordPress-Einstellungen Vorlage.

In der Arbeit können Sie die Drag & Drop-Oberfläche verwenden, es gibt Unterstützung für i18n-Übersetzungen. Unter den Funktionen gibt es sowohl Standardelemente (Textfelder, Auswahlen, Bilder) als auch komplexe Lösungen: Kontrollkästchen für Beiträge/Seiten, Datumsauswahl, Unterstützung für benutzerdefinierte Beitragstypen, Code-Einfügung usw. Sie benötigen WP 3.8 oder höher, um zu funktionieren. Downloads unter 70.000, Punktzahl - 4,8.

Gemessen an 200.000 Downloads ist die Lösung sehr, sehr interessant. Die Ersteller nennen es ein einfaches und erweiterbares WordPress-Framework, das Entwicklern hilft, funktionale Bedienfelder für Vorlageneinstellungen zu erstellen. Es basiert auf der WP Settings API. Neben der Unterstützung aller Hauptfelder bietet das Modul einzigartige Funktionen: Fehlerbehandlung, Feldvalidierung, Export / Import, Übersetzungen, integrierte Unterstützung für Google Webfonts und vieles mehr.

Abschließend möchte ich noch zwei weitere Lösungen erwähnen, die nicht über die offizielle WP-Seite, sondern über den Github-Dienst vertrieben werden. Das UpThemes-Framework wurde von der gleichnamigen Firma entwickelt, die WP-Themes entwickelt. Es verwendet die Einstellungs-API und verfügt über alle Standardsystemoptionen: Bild-Upload, Farbauswahl, Themeneinstellungen, Hintergründe usw. Die Lösung ist erweiterbar und unterstützt Theme Customizer. Leider gibt es keine Informationen über die erforderlichen Systemversionen + die letzten Änderungen dort sind anscheinend mehr als ein Jahr her.

- die für heute neuste Entwicklung aus dem Bereich der WordPress-Frameworks zum Anpassen des Templates, zu finden auf Github. Zusätzlich zur Beschreibung enthält die Projektwebsite eine Demoversion mit der Möglichkeit, zum Admin-Panel zu gehen und die verfügbaren Optionen anzuzeigen echtes Beispiel. Es verwendet WordPress 3.5.1. Im Prinzip ein guter Rahmen, denn. hier treffen interessante Chips, zum Beispiel: Auswahl von Benutzerrollen, Schieberegler für Wert ändert, , Blöcke für JS/CSS-Code, bedingte Felder usw. Sicherlich wären die Entwickler daran interessiert, diese Lösung zu studieren.

Im Allgemeinen stellte sich eine so interessante Auswahl heraus. Ich bin sicher, dass Sie die Lösung, die Sie benötigen, unter diesen WordPress-Plugins für das Anpassungspanel finden. Das erste, was mir aufgefallen ist, ist das Options Framework, also fange ich damit an. Später werde ich über die Ergebnisse der Arbeit schreiben. Auch auf der Liste gefiel mir das Redux Framework. OptionTree ist nicht schlecht, der Beschreibung nach zu urteilen, und ich mochte das Vafpress Framework. Kurz gesagt, alle Lösungen aus dem Artikel sind gut.

Übrigens, wenn Sie Erfahrung mit einigen WordPress-Frameworks zum Anpassen von Vorlagen oder Ratschläge zum Thema haben, schreiben Sie in die Kommentare.

Vom Autor: SitePoint war bereits voll von Artikeln über WordPress-Frameworks, aber wie Sie unten sehen werden, gibt es noch viel mehr Frameworks: Alle haben ihre Vor- und Nachteile, jedes Thema hat seinen eigenen Entwicklungsstil.

Einführung in WordPress-Theme-Frameworks

Ich saß gerade im Büro, kratzte mich am Kopf und dachte über WordPress-Frameworks nach. Bevor ich mit der Arbeit an dem Artikel begann, verbrachte ich Tage, Wochen, sogar Monate damit, das Thema zu studieren und darüber nachzudenken, was ich schreiben sollte: Der Text musste sich von allem unterscheiden, was bereits über Frameworks geschrieben wurde.

Völlig in meine Gedanken verstrickt kam mir eine Einsicht. Mir ist aufgefallen, dass Leute, die über WordPress-Frameworks schreiben, dazu neigen, nur die Grundlagen zu behandeln … die Grundlagen, auf die sich die Entwickler der WordPress Meetup-Community spezialisiert haben: Frameworks wie Genesis, Thesis oder WooCommerce.

Warum passiert das? Vielleicht denken die Entwickler, dass dort alles nicht so kompliziert ist oder sie wollen nicht über Frameworks schreiben, die bald nicht mehr entwickelt werden. Oder die Entwickler haben eine harte Deadline, wenn sie diese verpassen, wird die Seite in den Suchergebnissen stark abfallen. Suchmaschinen. Wer weiß.

Ich möchte die Dinge anders machen, also lehnen Sie sich zurück und machen Sie sich einen Kaffee. Heute werfen wir einen Blick darauf komplette Anleitung auf WordPress Themes Frameworks.

Warum "komplett"? Das englische Wort Definition bedeutet die Vollendung von etwas. Ein Synonym kann als "final", "final" dienen.

Was sind WordPress-Theme-Frameworks?

Bevor Sie kopfüber in die Liste eintauchen, ist es notwendig, einige Grundlagen von Frameworks zu behandeln. Schließlich lesen Sie vielleicht gerade den ersten Artikel über Frameworks in Ihrem Leben. Ich möchte Sie nicht dazu bringen, zu gehen, ohne meinen Artikel fertig zu stellen. Wenn Sie bereits ein Veteran sind, können Sie zur Liste der Frameworks herunterscrollen.

Framework-Designs sind übergeordnete Designs, denen ein Team oder ein Entwickler eigene Funktionen hinzufügt, um die Aktualisierung des Designs und seiner Elemente zu vereinfachen Wiederverwendung ohne das Design für eine bestimmte Website zu beeinflussen. Das untergeordnete Thema legt seine eigenen Stile fest, und die Funktionalität befindet sich im Hauptframework.

Hinweis – Das Obige bedeutet nicht, dass jedes Parent-Theme ein Framework ist. Vorlagenersteller stellen Parent-Themes mit Hunderten von Child-Theme-Variationen zur Verfügung, aber das andere Parent-Theme verwendet nicht denselben Code (sie sagen Ihnen, dass es sich um Frameworks handelt, obwohl sie es technisch gesehen nicht sind).

Im WordPress-Repository gibt es drei Konzepte, die mit dem Wert Themes-Frameworks verknüpft sind: Drop-In, Standalone und die Parent-Theme-Vorlage. Ich denke, es ist unmöglich, es noch einfacher als dort zu erklären. Ich rate Ihnen daher, diesen Artikel irgendwann zu lesen.

Im Rahmen unseres Artikels werde ich dem letzten Begriff „Parent Theme Templates“ bzw. Parent Theme Templates mehr Aufmerksamkeit schenken. Dieser Begriff ist den meisten Entwicklern und der breiten Öffentlichkeit bekannt.

Verschiedene Arten von Theme-Frameworks

Frameworks sind unterschiedlich, und sie lösen unterschiedliche Probleme in Business und Design. Einige von ihnen sind kostenlos, andere werden bezahlt.

Es gibt sogenannte grundlegende, universelle Frameworks. Sie besetzen keine bestimmte Nische, sondern decken das gesamte Aufgabenspektrum ab und helfen Webentwicklern und Designern auf der ganzen Welt, fortschrittliche Websites mit schneller Reaktion zu erstellen, deren Entwicklung durch die Verwendung von Frameworks viel weniger Zeit in Anspruch nimmt.

Einige der Frameworks wurden über viele Jahre und endlose Stunden der Entwicklung erstellt. All dies war erforderlich, um ein umfassendes, gut dokumentiertes Framework mit hervorragendem Support zu erstellen.

Zu den erweiterten Funktionen solcher Frameworks gehören Front-End- und Back-End-Drag-and-Drop-Editoren, Shortcodes, Entwicklung für mehrere Geräte und Vorlagen.

Es ist kein Wunder, warum Internetunternehmen gerne Frameworks verwenden. Im Moment ist mein Favorit das SEO Design Framework, das darauf ausgelegt ist, in den SERPs höher zu ranken.

Warum Frameworks verwenden?

Gute Frage, warum WordPress-Frameworks verwenden? Sie denken vielleicht, dass Sie nie ein eigenes Framework erstellen müssen, aber es kann sein, dass Sie bereits ein Framework verwenden, ohne es überhaupt zu wissen. Frameworks wie Genesis, WooFramework und Thesis sind heutzutage so verbreitet, dass man leicht vergisst, dass sie Teil des WordPress-Kerns sind.

Nehmen wir ein Beispiel. Noel Tock hat Websites für das Gastgewerbe entwickelt. Durch die Erstellung seines eigenen Frameworks hat er es sich viel einfacher gemacht: Nun konnte er große Seiten für Kunden erstellen und das Framework ständig in Bezug auf die Leistung verbessern und optimieren, ohne Funktionen von Drittanbietern hinzuzufügen, die seine Kunden niemals benötigen würden.

Dieser Ansatz hat ihm geholfen, den Entwicklungsprozess zu beschleunigen und seinen Kunden einen längeren Support zu bieten. Die eingesparte Zeit können Sie nutzen, um Ihr Entwicklungsteam zu unterstützen und neue Tools zu erlernen.

Es gab viele Funktionen, die er berücksichtigen musste, wie z. B. SEO Best Practices in Bearbeitung. Sein Vorteil war, dass es keine Reihe von Plugins verwenden musste, um notwendige Elemente wie Codeschnipsel oder Kommentare hinzuzufügen soziale Netzwerke und Mobile-First-Techniken sowie das Erstellen von Formularen zum Versenden von E-Mail-Nachrichten, um potenzielle Käufer seiner Arbeit zu identifizieren usw.

Benutzer konnten auf der Grundlage des aktuellen Designs ganz einfach ihr eigenes Design erstellen, indem sie die neuen Dateien style.css und functions.php bearbeiteten. Der Entwickler musste auf Sass zurückgreifen, und später verwandelte sich sein Framework in den Dienst Happy Tables.

Vorteile und Nachteile

Die Verwendung von WordPress-Theme-Frameworks bietet viele Vorteile. Wenn Sie mit gängigen Frameworks arbeiten, müssen Sie nicht lange suchen, um zu sehen aktive Arbeit Entwickler und Designer in Foren und Communities, um verwirrten Benutzern zu helfen.

Der Vorteil von Code, der nach WordPress-Standards geschrieben wurde. Solcher Code kann einfach von einem Ort zum anderen eingefügt werden, um Plugins und Dienste wie WP Test , Theme Authenticity Checker (TAC) und Theme Check zu testen. Manche Hauptmerkmale, die auf die Vorteile zurückzuführen sind;

Vereinfachte Entwicklung für langfristige Entwicklung

Eingebaute Funktionalität (weniger Abhängigkeit von Plugins)

Codequalität

Aktualisierung

Und Nachteile;

Ausbildung

Haken und Filter

Übermäßiger Code

Einschränkungen (wenn das Framework nicht Ihres ist)

Updates und Unterstützung

Liste der WordPress-Theme-Frameworks

Die Reihenfolge ist nicht wichtig:

WordPress-Starthilfe

SEO-Design-Framework

Kirsch-Framework

Options Framework-Design

UpThemes-Framework

Carrington-Build

Simon WP-Framework

Abschluss

Es ist fast unmöglich, sie alle zu beherrschen, zu oft kommen neue und neue Frameworks heraus. Wenn Sie ein nicht aufgeführtes Framework finden, das auf der wahren Definition eines Frameworks basiert, und nicht nur darauf, dass es zu allen Themen passt, dann weisen Sie in den Kommentaren unten darauf hin.

Redux ist ein einfaches, wirklich erweiterbares und vollständig ansprechendes Optionsframework für WordPress-Themes und -Plugins. Redux basiert auf der WordPress-Einstellungs-API und unterstützt eine Vielzahl von Feldtypen sowie: benutzerdefinierte Fehlerbehandlung, benutzerdefinierte Felder und Validierungstypen sowie Import-/Exportfunktionen.

Aber was macht Redux eigentlich? Wir glauben nicht, dass Theme- und Plugin-Entwickler das Rad jedes Mal neu erfinden müssen, wenn sie mit der Arbeit an einem Projekt beginnen. Redux wurde entwickelt, um den Entwicklungszyklus zu vereinfachen, indem es ein optimiertes, erweiterbares Framework bereitstellt, auf dem Entwickler aufbauen können. Durch eine einfache, gut dokumentierte Konfigurationsdatei können Drittentwickler in einem Bruchteil der Zeit, die für den Aufbau von Grund auf erforderlich wäre, ein Optionsfeld erstellen, das nur durch ihre eigene Vorstellungskraft begrenzt ist!

Online-Demo

Verlassen Sie sich nicht auf uns, sehen Sie sich unsere Online-Demo an und probieren Sie Redux aus, ohne etwas zu installieren!
http://demo.redux.io/

Verwenden Sie den Redux Builder, um loszulegen

Möchten Sie Redux verwenden, sind sich aber nicht sicher, was Sie tun sollen? Nutzen Sie unseren Builder! Es ermöglicht Ihnen, ein benutzerdefiniertes Thema basierend auf , TGM und Redux und allen Redux-Argumenten zu erstellen, die Sie festlegen möchten.

Sie möchten kein eigenes Thema erstellen? Geben Sie dann einen benutzerdefinierten Admin-Ordner aus, den Sie in einem Design oder Plugin platzieren können. Oh, und haben wir schon erwähnt, dass es kostenlos ist? Probieren Sie es noch heute aus unter:
http://build.reduxframework.com/

Dokumentation und Support

HINWEIS: Redux ist nicht für die alleinige Verwendung vorgesehen. Es erfordert eine Konfigurationsdatei, die von einem Drittanbieter-Theme oder Plugin-Entwickler bereitgestellt wird, um tatsächlich etwas Cooles zu tun!

Screenshots

FAQ

Warum macht dieses Plugin nichts?

Redux ist ein Options-Framework ... mit anderen Worten, es ist nicht darauf ausgelegt, etwas alleine zu tun! Sie können jedoch einen Demo-Modus aktivieren, um zu sehen, wie es funktioniert.

Wie kann ich mehr über Redux erfahren? Sie haben nicht viel Inhalt in diesem FAQ-Bereich

Das liegt daran, dass sich der eigentliche FAQ-Bereich auf unserer Website befindet! Bitte besuchen Sie http://docs.reduxframework.com/faq/

Bewertungen

Ich kann nicht mehr auf meine aktuellen Produkte zugreifen. Direkt nach der Installation wurde ich permanent auf die Info-Seite von Redux umgeleitet. Jetzt, nach der Deinstallation von Redux, erhalte ich die Meldung „Keine Berechtigung zum Zugriff auf diese Seite“. Das bedeutet, keine Berechtigung zum Zugriff Produktseite in WordPress. Ich bin gerade zufällig. Ich werde diese Woche überprüfen, ob mein automatisches Backup funktioniert hat. Also, was, wenn nicht, ich verliere ein paar Wochen intensiver Arbeit???

Mitglieder und Entwickler

"Redux Framework" ist ein Open-Source-Projekt Quellcode. Die folgenden Mitwirkenden haben zur Entwicklung des Plugins beigetragen:

Mitglieder

Änderungsprotokoll

3.6.16

  • Behoben: Kompatibilität mit WordPress 5.3.1. Außerdem wurde dem Plugin das neue @redux-Konto hinzugefügt.

3.6.15

  • Behoben: Redux API setSections hat aufgelegt, wenn mehrere Abschnitte ohne ID den gleichen Titel haben.

3.6.14

  • Behoben: #3583: Import schlägt fehl, wenn max_input_vars überschritten wird. Die Funktion wurde nach ajax_save verschoben, um dieses Problem zu vermeiden.

3.6.13

  • Überspringen. Ich bin abergläubisch! — kp

3.6.12.2

  • Behoben: #3586: Datenbank wird im 'Netzwerk'-Modus nicht richtig gespeichert. Danke @Tofandel.
  • Behoben: #3584: Verbesserter Fuchs für #3580. Danke @Enchiridion.

3.6.12.1

  • Behoben: #3580 – „tax_query“-Array in Argumenten für WordPress-Datenargumente, die einen String-Konversationsfehler auslösen.

3.6.12

  • Behoben: #3577 – Isset zur REMOTE_ADDR-Prüfung hinzugefügt, um Fehler zu vermeiden.

3.6.11

  • Behoben: #3561, #3562 – Nicht alle Selektoren in asynchroner Typografie wurden richtig geformt, was dazu führte, dass sie nicht richtig auf dem Bildschirm dargestellt wurden.

3.6.10

  • Aktualisiertes Google-Font-Update.
  • Aktualisiert: #3447 - Aktualisiertes RTL-CSS. Danke @Abolfazlrt.
  • Behoben: Warnungen vor doppelter ID.
  • Behoben: http-Warnungen in https-Umgebungen.
  • Behoben: #3539 – Checkbox-Beschriftung erscheint nicht, wenn „desc“ nicht gesetzt wurde. Danke @Enchiridion.
  • Behoben: #3547 – ace_editor wird innerhalb eines Unterabschnitts nicht richtig dargestellt. Danke @Tofandel.
  • Behoben: #3534 – Korrigiere ungültiges CSS in asycn_typography (nachgestellte Kommas). Danke @ksere
  • Behoben: Abstand zwischen Speichern- und Zurücksetzen-Schaltflächen.
  • Hinzugefügt: #3285 - Verzeichnis- und URL-Filter für Customizer-Erweiterung. Danke @aaronhuisinga.
    add_filter("redux/extension/customizer/dir", $dir)
    add_filter("redux/extension/customizer/url", $url)

3.6.9

  • Behoben: Umgehen eines WP-Fehlers, bei dem das Galeriefeld beim ersten Öffnen einen Spinner ohne ausgewählte Bilder anzeigte.
  • Behoben: #3512 – Bildauswahl im Kachelmodus wird standardmäßig nicht hervorgehoben.

3.6.8

  • Behoben: Fehler beim AJAX-Speichern aufgrund falscher Objektreferenz in redux.js.
  • Behoben: Unbenutztes set_transient in der Begrüßungsroutine entfernt. Es verursachte langsame Abfragen.
  • Aktualisiert: Google Font-Update.
  • Behoben: #3440: Übergeordnetes Objekt wurde im Redux-Dateisystem nicht richtig gesetzt.
  • Behoben: CSS-Probleme mit der Farbauswahl als Ergebnis von WP 4.9.
  • Behoben: #3429 – Select2 Sortable benötigt jQuery Sortable Abhängigkeit.
  • Behoben: Der Administrator bemerkt, wenn mehrere Instanzen von Redux ausgeführt werden, die nicht pro Panel angezeigt werden.

3.6.7.7

  • Behoben: Dateisystempfadkorrektur.
  • Behoben: #3414: Falscher Klassenname verursacht einen Fehler beim Laden über die Dateisystem-API.
  • Behoben: #3413 – Wiederhergestellter alter Code, der keinen Array-Wert für Modus erlaubt. Dies dient der Abwärtskompatibilität
    nur und wird nicht unterstützt.
  • Behoben: #3410, #3409 - Dimensionsfeldausgabe verursacht Indexfehler, wenn Modus nicht im Optionsarray gesetzt ist.
  • Behoben: #3406 – Javascript hasClass falsch verwendet, betroffener Customizer.
  • Behoben: Array-Deklarationen, die PHP 7.1 jetzt erfordert.
  • Aktualisiert: Aktualisierte Newsletter-Anmeldung zur Unterstützung unseres neueren Newsletter-Servers.
  • Behoben: #3379 – select_image-Feld zeigt Standard nicht richtig an. ‚default‘ arg muss jetzt das sein
    vollständiger Pfad zum Standardbild.
  • Aktualisiert: Google Fonts.

3.6.6

  • Der falsch geschriebene Klassenname ist der Systeminfo-Compiler, der dazu führt, dass der Systemstatus fehlschlägt.
  • #3359 – Responsives Problem im Optionsfeld. Zu viel Leerraum auf dem Bedienfeld im Smartphone-Modus.
  • #2914, #3356 - Default image_select voreingestelltes Bild nicht ausgewählt. Dies war ursprünglich beabsichtigt. Jetzt ist es eine Sache.
  • Update: Parsedown.php für PHP 7.x
  • Behoben: Der Systemstatus meldet den Schreibstatus des Upload-Ordners falsch.
  • Behoben: #3124 – Vom Benutzer übermittelte „current_user_can“ schlägt bei der PHP-Version fehl<= 3.5.13. Thanks for the assist, @sourabgupta88
  • Geändert: PHP7-Kompatibilität.

3.6.5

  • Geändert: #3321 - Schriftteilmenge in Typografie wird nicht auf IE und Edge gerendert (Im Ernst? Die Leute benutzen die immer noch?)
  • Behoben: #3293 – Erforderliches Nicht-Liken/Ausblenden von Feldern mit Switch-Standardeinstellung „false“.
  • Behoben: Entfernen Sie übrig gebliebenes var_dump aus dem Kern.
  • Behoben: Tracking- und Newsletter-Popups schlugen aufgrund von defektem Javascript fehl.
  • Behoben: #3291: Erforderlich mit Parent als Array, das nicht richtig überprüft wird. Jemand hat meinen Objektcheck geklaut!! — kp
  • Geändert: Datumsfeld-Kalander rendert jetzt auf .redux-container div.
  • Aktualisiert: googlegonts.php-Datei.
  • Geändert: = und != erforderliche Anweisungen verwenden jetzt typsichere Vergleiche.
  • Behoben: Das Feld link_color zeigt jetzt alle Farbfelder korrekt an.
  • Hinzugefügt: Das Feld link_color enthält jetzt den Farbblock „Fokus“.
  • Geändert: Das link_color-Feld wurde neu gestaltet, damit es besser mit anderen Feldern seines Typs übereinstimmt, das heißt, es sieht besser aus.
  • Hinzugefügt: 'title'-Attribut zum image_select-Feld, da 'alt' nicht mehr funktionierte, um den Hover-Tooltip anzuzeigen.
  • Behoben: Standarddaten werden nicht korrekt im Sortierfeld gespeichert.

3.6.4

  • Geändert: Gitignore-Datei geändert, um erhabene Textdateien auszuschließen.
  • Behoben: #2966 - Übersetzungsfehler. Identifiziert und behoben von @iiandrade. Danke!
  • Geändert: Alle CSS-Zuordnungsdateien generiert, um Chrome-Warnungen zu beseitigen.
  • Hinzugefügt: Erforderlich für den Advanced Customizer dank @britner!
  • Geändert: Verschiedene Customizer-Korrekturen und -Änderungen, um sie an neue Stile anzupassen.
  • Geändert: Nur Customizer-Code in Redux.js, verschoben in die Customizer.js-Datei.
  • Geändert: Isoliertes Redux-CSS, das verschachtelt werden soll und keine Auswirkungen auf andere Produkte oder die WP-Benutzeroberfläche hat.
  • Hinzugefügt: #3222 – RIESIGES Update von @enchiridion, um erweiterte und komplizierte Berechtigungen zu ermöglichen. WTG!
  • Hinzugefügt: Neue Hooks für den Aufruf von Erweiterungs-APIs. Viel sauberer.
  • Behoben: #3214 – Typografie-Farbfeld löst Compiler-Hook nicht aus.
  • Behoben: #3201 – Indexfehler bei Verwendung des Compiler-Arguments mit Spinner-Feld.
  • Aktualisiert: #3189 – PHP7-Kompatibilität für preg_replace-Validierung.
  • Behoben: #3186 - Multitextfeld entfernt einzelnes Feld nicht, wenn auf "Entfernen" geklickt wird.
  • Behoben: #3180, #2641 - Button Set Multi Mode speichert falsch. Bitte überprüfen Sie Ihren Code auf ein mögliches Abwärtskompatibilitätsproblem, wenn Sie diesen Modus verwenden. Die foreach()-Funktion mit einem empty()-Check muss jetzt verwendet werden, im Gegensatz zu einzelnen Array-Schlüsseln, da nur ausgewählte Optionen in der Datenbank gespeichert werden.

3.6.3

  • Geändert: Anpassungs-Hover-Stile an WP 4.7 angepasst.
  • Geändert: #3169 - print_r von wpdb-Abfragen im dev_mode entfernt.
  • Behoben: #3159 – Unterstützung für SVG in der Medienauswahl der Galerie.
  • Behoben: #3158 – PHP-Warnung für die Funktion _validate_values, wenn Erweiterungen auf PHP7 installiert sind.

3.6.2

  • Behoben: #3105 – link_color-Ausgabe schlägt aufgrund eines PHP-Fehlers fehl.
  • Behoben: #3103 – WP 4.6 erzwingt ein neues Standard-Datumsformat, wodurch die Datumsvalidierung unterbrochen wird.
  • Behoben: Typografie-Teilmengenfehler aufgrund von Tippfehlern.
  • Behoben: Zusätzliche tote Dateien im WP.org-Repo. Bah SVN.

3.6.1

  • Leere PHP-Datei aus Editorfeld entfernt.
  • Geändert: Primärer Funktionsname der Klasse in browser.php durch __construct für PHP7-Kompatibilität ersetzt.
  • Behoben: #3051 – Color_RBGA-Feld RGBA-Wert gibt Nullen aus, wenn Farbe leer gelassen wird.
  • Behoben: #3048 – Unterabschnitt-Tabs enthalten nicht den angegebenen Abschnittsklassennamen.
  • Behoben: Falsches String-Vergleichsergebnis in der Admin-Link-Prüfung. Danke @ksere.
  • Behoben: Prüfwert existiert vor der Validierung bei Verwendung mit der Metabox-Erweiterung. Danke @Enchiridion
  • Behoben: Leere Werte werden nicht an Validation_Callback übergeben.
  • Behoben: Javascript-Fehler im Customizer-Javascript, der das Speichern geänderter Optionen verhindert.
  • Behoben: #3019 – Abschnittsbeschreibungen sind falsch, wenn opt_name Ziffern enthält.
  • Zurückgesetzt: Änderungen an der Typografie. Die Lösung mit Eingabevariablen funktionierte nicht.
  • Behoben: Der Support-URL-Generator schlug mit einem Fehler fehl.
  • Geändert: Typografiefeld ist jetzt nur noch EINE Eingabevariable. Sollte unsere reduzieren
    max_input_vars Fehler dramatisch.
  • Behoben: Einige XSS-Schwachstellen sind nur im Backend verfügbar, wenn man sich als Benutzer authentifiziert hat.
  • Behoben: Gelöschte alte gelöschte Dateien, die in unserem WP.org-SVN-Repo hängen geblieben sind.

3.6.0.2

  • Veraltetes customizer.min.js auf wp.org behoben, das Customizer-Fehler verursachte.

3.6.0.1

  • Veraltete redux.min.js auf wp.org behoben, die einen Fehler im Optionsfeld verursachte.
  • Behoben: #2936 - Randfeld gibt px mit leerem Wert aus.
  • Behoben: Gelöst Theme-Check PHP-Shortcode-Falschmeldung.
  • Geändert: Keine große Umleitung mehr für die Redux-Seite, nur bei Erstinstallation mit dem Plugin.
  • Behoben: IE11-Bug im Customizer. Danke @anikitas!
  • Behoben: Probleme mit dem Customizer-Pfad
  • Hinzugefügt: Neuer Filter für Standardargumente nach opt_name und Typ. 🙂
  • Behoben: #2903 - Falsch positives Flag im Grenzfeld JS. Avast mag keine leeren Dokument-bereit-Anweisungen.
  • Behoben: #2880 – Weitere Probleme mit der extensions_url-Routine.
  • Behoben: #2876 – Behebung weiterer ungeprüfter Benutzerbeiträge.
  • Geändert: #2855 - Erweiterungen haben jetzt eine Hilfsklasse, um Composer-basierte Installationen zu unterstützen. Danke @2ndkauboy!
  • Behoben: #2857 – Erforderliches „enthält“ wird nicht richtig mit Checkboxen ausgewertet.
  • Behoben: #2831 - Lokalisierung war komplett kaputt.
  • Behoben: #2832 – CSS-Konflikte mit Rev Slider (Hey, Rev Slider-Leute, Sie müssen Ihr CSS nicht auf jeder Admin-Seite laden. Wirklich?)
  • Behoben: Übrige Debug-Echo-Zeile in der grundlegenden Customizer-Erweiterung.
  • Hinzugefügt: EXPERIMENTELL: Neuer Parsing-Code, um das 1000 max_input_var-Problem zu lösen, das von Zeit zu Zeit auftaucht. Danke @harunbasic
  • Hinzugefügt: EXPERIMENTELL: „Bugfix“ für extension_url, um es richtig zu machen. Danke, @ottok

Framework-Entwicklungsseite: https://github.com/reduxframework/redux-framework

ReduxFramework ist ein einfach zu verwendendes, erweiterbares Framework, mit dem Sie vollständig anpassbare Optionsseiten für Themen und Plugins erstellen können.
Aber es ist besser, wie sie sagen, es einmal in Aktion zu sehen.

Redux-Theme-Builder

Wir können zur Redux Builder-Site (https://build.reduxframework.com/) gehen, um unser Design basierend auf Unterstrichen (_s) zu erstellen und Redux zu verwenden.

Sie müssen ein Konto auf der Website registrieren.
Nach dem Einloggen finden wir uns im gewohnten WordPress-Admin-Panel wieder, wo wir die nötigen Erklärungen zum Aufbau unseres Themes und die entsprechenden Schritte erhalten.

Eingebettetes Redux oder Plugin

Es gibt 3 Optionen.

  1. Abhängigkeit - das Plugin wird nicht mit dem Theme geliefert, sondern separat installiert;
  2. bieten Sie die Installation an - verwenden Sie die TGM-Klasse. In diesem Fall hat das Plugin Vorrang vor dem integrierten Design.
  3. in das Thema aufgenommen.

Redux-Argumente

Die Optionen sind in 3 Registerkarten unterteilt: Standard, Tipps und erweiterte Optionen.
Sie können https://docs.reduxframework.com/core/arguments/ parallel studieren, aber Sie können sie später jederzeit ändern.

Glücklicherweise sind einige Standardwerte gesetzt, was für den Start durchaus geeignet ist.

Redux-Version

Nun, natürlich wählen wir die stabile Version.

Welche Elemente in Redux enthalten sein sollen

Nicht verwendete Elemente in Redux können zur Vereinfachung deaktiviert werden.

Generiertes Thema

Im letzten Schritt können wir entweder den Ordner herunterladen Administrator, die wir unabhängig voneinander in unser bestehendes Projekt mit einem Thema einfügen oder ein fertiges benutzerdefiniertes Thema herunterladen.

Bevor Sie das Design herunterladen, können Sie alle erforderlichen Felder angeben (Design-Slug & URI, Autor, Autor-URI, Beschreibung).

Verwendung von Redux

Im generierten Thema interessiert uns die Datei /admin/options-init.php.
Es enthält die angegebenen Argumente und Optionen.

So oder so müssen Sie zu Beginn der Nutzung oft auf die Dokumentation zurückgreifen.
Sie haben es, es ist erwähnenswert, es ist wunderbar geschrieben und mit Beispielen, so dass viele Fragen am Anfang per Copy-Paste gelöst werden.

Redux ist ein kostenloses und leistungsstarkes Plugin-Framework, das aktiv entwickelt wird. Sie müssen die Relevanz von Informationen ständig überwachen.



Wird geladen...
Spitze