Meta tags:
Headings (most frequently used words):
block, wordpress, für, in, im, auf, überblick, mit, patterns, plugin, zu, und, über, die, gutenberg, was, site, zum, blog, richtext, funktion, ausblick, teil, alle, beiträge, dieser, serie, erstellen, wp, migrate, sind, ein, restricted, access, website, ip, des, plugins, screen, änderungen, version, fazit, theme, coder, gut, lief, komponente, hinzufügen, editor, ergebnis, dateien, image, card, db, datenbank, create, guten, ordner, verwenden, vier, gründe, game, changer, zugriff, konfigurieren, zugang, bestimmte, adressen, oder, bereiche, erlauben, einschränkungen, social, icons, buttons, gradients, farbige, wörter, absatz, vollbildmodus, als, standard, welcome, sonstige, unterschied, zwischen, core, paar, zahlen, rückblick, drei, jahre, weniger, hier, persönlicher, englisch, außerplanmäßige, verletzung, geht, sommerpause, attribute, textfelder, wichtig, wissen, grundlagen, attributen, edit, einbauen, anpassung, der, save, content, invalidation, error, health, check, zustand, recovery, mode, schutz, vor, white, of, death, beinhaltet, sonstiges, neuen, anlegen, registerblocktype, registrieren, packages, html, markup, styling, exportieren, umziehen, sql, import, mehr, features, pro, entwickeln, aktivieren, struktur, development, wird, vollwertigen, page, builder, vereinfachtes, setup, einrichtung, von, themes, komplexe, custom, blocks, werden, unnötiger, vorlagen, einfach, javascript, tooling, php, dist, src, lite, migration, made, easy,
Text of the page (most frequently used words):
und (246), block (222), die (193), #wordpress (171), mit (163), der (161), für (139), blocks (99), den (99), von (79), das (78), #werden (77), wir (74), ist (67), als (65), auf (63), gutenberg (60), wird (58), des (58), auch (56), ich (54), ein (51), plugin (48), dem (48), editor (48), können (46), themecoder (44), eine (43), div (43), nicht (39), plugins (38), sind (38), nun (37), kannst (35), website (32), wie (31), diese (31), patterns (31), oder (30), sich (30), aber (30), alle (29), classname (29), https (28), code (27), theme (27), erstellen (26), richtext (26), aus (26), einen (26), nach (25), damit (25), sehr (25), image (25), card (25), dass (24), funktion (24), teil (23), neuen (23), einem (22), hier (22), zwei (22), noch (22), neue (22), ohne (21), html (21), optionen (20), nur (20), version (20), save (19), funktionen (19), zum (19), welche (19), etwas (19), content (19), datenbank (19), 2019 (18), datei (18), dateien (18), css (18), features (18), title (18), edit (17), registerblocktype (17), kann (17), uns (16), komponente (16), php (16), migrate (16), core (16), attribute (16), 2020 (16), hinzufügen (15), unseren (15), build (15), entwicklung (15), habe (15), create (14), guten (14), über (14), beiträge (14), vor (14), style (14), mehr (14), haben (14), einer (14), entwickler (14), props (14), nutzer (14), description (14), value (14), blog (14), ordner (13), hat (13), vom (13), com (13), häufig (13), was (13), war (13), zugriff (13), bei (12), viele (12), dazu (12), installation (12), layout (12), dieser (11), zur (11), webpack (11), src (11), neu (11), wenn (11), name (11), 0000 (11), unter (11), sql (11), titel (11), natürlich (11), attributes (11), besucher (11), meine (11), entwickeln (10), sehen (10), eigene (10), registrieren (10), unsere (10), lassen (10), cgb (10), http (10), thomasweichselbaumer (10), beschreibung (10), objekt (10), wieder (10), weshalb (10), schon (10), zeit (10), mir (10), eigenen (9), komponenten (9), eingabefelder (9), mode (9), änderung (9), dort (9), scss (9), immer (9), enthält (9), function (9), einige (9), weil (9), feature (9), themes (9), return (9), screen (9), gut (9), viel (9), unseres (8), npm (8), deshalb (8), dafür (8), source (8), keine (8), ersten (8), erhalten (8), dist (8), falls (8), dann (8), backend (8), übergeben (8), deine (8), soll (8), markup (8), object (8), settings (8), einfach (8), ebenfalls (8), wenig (8), artikel (8), tagname (8), bloggen (8), mich (8), grund (7), bilder (7), realisieren (7), sidebar (7), serie (7), kommentare (7), möglich (7), automatisch (7), angezeigt (7), start (7), müssen (7), statt (7), bereits (7), themecoder_block (7), verzeichnis (7), findest (7), reihe (7), packages (7), nächsten (7), machen (7), tool (7), sein (7), sodass (7), react (7), tutorials (7), geht (7), allem (7), import (7), direkt (7), zugang (7), bestimmte (7), github (7), variablen (7), string (7), recovery (7), wurde (7), site (7), onchange (7), setattributes (7), meinen (7), coder (7), man (7), page (7), vorlagen (7), einbauen (6), toolbar (6), überblick (6), dabei (6), javascript (6), beispielsweise (6), geändert (6), frontend (6), wichtig (6), notwendig (6), text (6), solltest (6), umziehen (6), feed (6), daten (6), durch (6), anderem (6), muss (6), wurden (6), klick (6), url (6), aktiv (6), comments (6), index (6), custom (6), const (6), klasse (6), destructuring (6), schreiben (6), spalten (6), weitere (6), meiner (6), fehler (6), ganz (6), bis (6), placeholder (6), auszeit (6), neustart (6), game (6), changer (6), builder (6), ermöglichen (5), sondern (5), neben (5), development (5), deinem (5), dir (5), unser (5), erst (5), praktisch (5), jsx (5), steht (5), eines (5), ergebnis (5), init (5), selbst (5), registriert (5), styles (5), verwendet (5), struktur (5), funktioniert (5), später (5), legen (5), migration (5), pro (5), gibt (5), komplett (5), ziel (5), option (5), einstellungen (5), export (5), würde (5), 000 (5), columns (5), einfügen (5), gespeichert (5), enthalten (5), properties (5), nutzen (5), eingefügt (5), kein (5), bzw (5), zusätzliche (5), ihr (5), änderungen (5), editors (5), sektionen (5), inhalt (5), sie (5), einzelne (5), anderen (5), monate (5), mein (5), waren (5), release (5), vielen (5), buttons (5), adressen (5), layouts (5), deinen (4), zweiten (4), erstes (4), toolkit (4), farben (4), umsetzen (4), einstieg (4), tooling (4), prozess (4), jedes (4), starten (4), einmal (4), unserem (4), also (4), empfehle (4), array (4), i18n (4), installiert (4), konfiguration (4), package (4), davon (4), diesen (4), anschließend (4), deiner (4), dieses (4), tue (4), inhalte (4), probleme (4), add (4), support (4), phpmyadmin (4), tabellen (4), geben (4), importieren (4), download (4), beim (4), ersetzen (4), erlaubt (4), kompletten (4), seiten (4), full (4), repo (4), netzberufler (4), aktuellen (4), paar (4), styling (4), momentan (4), definiert (4), kurz (4), diesem (4), weiterhin (4), category (4), anpassen (4), verfügbar (4), stelle (4), inserter (4), finden (4), wesentlich (4), bringt (4), insgesamt (4), komplette (4), jetzt (4), org (4), oben (4), zustand (4), post (4), beispiel (4), thema (4), definierten (4), selector (4), changedescription (4), changetitle (4), keepplaceholderonfocus (4), kommentar (4), daher (4), erscheinen (4), business (4), benötigt (4), besser (4), schulter (4), schnell (4), neuer (4), developer (4), news (4), themen (4), mehreren (4), gradients (4), restricted (4), access (4), artikelreihe (3), erkläre (3), dein (3), verschachtelte (3), kind (3), innerblocks (3), schriftgröße (3), mediaupload (3), komponent (3), refactoring (3), blockcontrols (3), inspectorcontrols (3), programmierung (3), setup (3), einrichtung (3), endlich (3), ausblick (3), kompiliert (3), geeignet (3), fehlern (3), bevor (3), namen (3), es6 (3), bleiben (3), bleibt (3), drei (3), hast (3), gleiche (3), öffnen (3), inzwischen (3), update (3), for (3), plugins_url (3), dirname (3), __file__ (3), element (3), beinhaltet (3), erste (3), tools (3), babel (3), json (3), besteht (3), genauer (3), folgende (3), wissen (3), ändern (3), editierbar (3), node (3), module (3), außerdem (3), tutorial (3), verwenden (3), verwendung (3), server (3), konfigurieren (3), beschäftigen (3), möchte (3), apr (3), wenigen (3), zwischen (3), websites (3), hatte (3), seinen (3), fokus (3), komplexen (3), externe (3), werkzeuge (3), alles (3), bietet (3), ersetzt (3), aller (3), schritt (3), meisten (3), angepasst (3), speichern (3), exportieren (3), replace (3), data (3), derzeit (3), werde (3), stand (3), margin (3), hinzu (3), parameter (3), test (3), bekommen (3), variable (3), darauf (3), namespace (3), klassen (3), attribut (3), anzeigen (3), elemente (3), register (3), tippen (3), wäre (3), gerade (3), allgemeine (3), stellt (3), nämlich (3), fast (3), definieren (3), kategorie (3), genug (3), bestehen (3), dargestellt (3), welcher (3), sollte (3), may (3), verbesserungen (3), neues (3), debugging (3), updates (3), zahlreichen (3), deutlich (3), zusätzlichen (3), verbessert (3), versionen (3), etwa (3), wochen (3), veröffentlicht (3), jeweiligen (3), informationen (3), mehrere (3), problem (3), warum (3), nie (3), align (3), center (3), paragraph (3), textfelder (3), type (3), liste (3), laengere (3), aufgrund (3), verletzung (3), shops (3), hoffentlich (3), hoffe (3), bin (3), recht (3), regelmäßig (3), kategorien (3), gar (3), leser (3), euch (3), bereich (3), unterstützt (3), erlauben (3), wörter (3), bereitstellen (3), social (3), icons (3), einschränken (3), angemeldete (3), bereiche (3), fur (3), komplexe (3), elementor (3), pattern (3), beginnen (2), fragen (2), kommentaren (2), entfernt (2), unserer (2), läuft (2), run (2), mal (2), syntax (2), befehl (2), gehen (2), zurück (2), kommandozeile (2), wer (2), kompilierten (2), skripte (2), distribution (2), eingebunden (2), files (2), festgelegt (2), bedeutet (2), beliebig (2), überlassen (2), findet (2), kommt (2), handelt (2), stylesheet (2), zweck (2), register_block_type (2), neuesten (2), enqueue (2), assets (2), themecoder_block_cgb_block_assets (2), wp_enqueue_style (2), add_action (2), enqueue_block_assets (2), themecoder_block_cgb_editor_assets (2), enqueue_block_editor_assets (2), hooks (2), node_modules (2), eslint (2), gitignore (2), sieht (2), vier (2), darin (2), common (2), schritte (2), benötigst (2), suchen (2), zeigt (2), aktivieren (2), benötigten (2), npx (2), wählen (2), erfolgt (2), lokalen (2), vertraut (2), weg (2), setzen (2), configuration (2), with (2), anfangs (2), ziemlich (2), verwirrend (2), staging (2), live (2), verwende (2), bestimmten (2), fazit (2), ons (2), media (2), besseren (2), drop (2), bestehenden (2), gelöscht (2), unbedingt (2), exportierte (2), durchführen (2), gegensatz (2), backup (2), mysql (2), dump (2), urls (2), dateipfade (2), schlussendlich (2), ausgeführt (2), options (2), find (2), aufgabe (2), wegen (2), statische (2), compatible (2), active (2), installs (2), ago (2), last (2), updated (2), and (2), existiert (2), bestehende (2), thu (2), danach (2), weiter (2), sowie (2), installieren (2), jeden (2), statisch (2), verzichten (2), design (2), kleineren (2), bottom (2), width (2), zwecke (2), dependencies (2), letzten (2), heute (2), fügen (2), zwar (2), benötigen (2), welches (2), verfügung (2), ausgeben (2), manuell (2), argument (2), generiert (2), fall (2), beachten (2), einigen (2), begriff (2), elementen (2), class (2), nachdem (2), bild (2), lesen (2), guide (2), obigen (2), mühsam (2), globalen (2), übersetzung (2), hauptsächlich (2), wichtigsten (2), bereit (2), wars (2), eigenschaften (2), anderer (2), beschreibt (2), gerendert (2), zweites (2), jeder (2), nimmt (2), entgegen (2), aufweisen (2), erstellt (2), mon (2), neuerungen (2), meinung (2), liefert (2), accessibility (2), bugfixes (2), performance (2), schneller (2), cover (2), technische (2), weißen (2), reparieren (2), einfacher (2), per (2), mail (2), white (2), death (2), betroffen (2), blieb (2), oft (2), entfernen (2), eingeführt (2), fehlermeldung (2), tab (2), bericht (2), skala (2), sowohl (2), beitrag (2), tests (2), verbesserung (2), status (2), leichter (2), analysieren (2), schafft (2), methode (2), deutschen (2), health (2), check (2), wed (2), vierten (2), felder (2), platzhalter (2), invalidation (2), error (2), passt (2), angabe (2), wert (2), selektoren (2), ausgegeben (2), write (2), umständlich (2), letzte (2), statischen (2), zuständig (2), eingabefeld (2), anfang (2), zusätzlich (2), zeile (2), newtitle (2), newdescription (2), bisherigen (2), absatz (2), selektor (2), keinen (2), ganzen (2), posts (2), längere (2), irgendwann (2), bald (2), arbeiten (2), trotzdem (2), wohl (2), arm (2), pause (2), doch (2), geplant (2), weitergehen (2), berichten (2), jahre (2), gedanken (2), vorstellen (2), kurzum (2), persönlicher (2), spielwiese (2), tatsächlich (2), dinge (2), community (2), blogs (2), persönlichen (2), gestartet (2), domain (2), profilen (2), shop (2), meinem (2), zielgruppe (2), cms (2), weiteren (2), themezee (2), reviews (2), ende (2), weniger (2), lief (2), letzter (2), angebot (2), monat (2), entstanden (2), types (2), aufwendig (2), glaube (2), große (2), durchaus (2), newsletter (2), abonnenten (2), 2016 (2), mar (2), all (2), hintergrund (2), phase (2), weiterentwickelt (2), projekt (2), beitragsbilder (2), images (2), erstmaligen (2), vollbildmodus (2), normale (2), bisher (2), leider (2), button (2), öffentlichen (2), seite (2), login (2), nützliches (2), caching (2), kombination (2), verhalten (2), unangemeldete (2), möglichkeiten (2), gründe (2), zukunft (2), designs (2), demo (2), shortcodes (2), widgets (2), zurückgreifen (2), vorlage (2), blöcke (2), aug (2), starter, gerne, gestellt, minifiziert, dateigröße, soweit, reduziert, möglichst, performantes, einbinden, gewährleisten, einmalig, laufende, bereitstellung, deines, endnutzer, production, erzeugen, überwacht, durchführst, kompilierungsfehler, terminal, loslegen, anstoßen, wechseln, direk, verändert, anpasst, feststellen, auswirkung, liegt, daran, sogenannter, einliest, bündelt, importiert, trichter, kippen, metapher, entry, point, sass, bündeln, ordnerstruktur, egal, dutzend, programmierst, quelldateien, bekannt, zentralen, bestandteile, vorgestellt, gebündelten, kompiliertem, prozesses, aufmerksam, studiert, bemerkt, geladen, implementierung, nachzuvollziehen, editor_script, editor_style, gründen, übersichtlichkeit, gekürzt, both, scripts, wp_enqueue_script, skript, stylesheets, laden, action, initialisierung, header, bindet, zweite, gilt, root, git, etc, ganze, eigentliche, funktionsweise, blick, komplex, gesprochen, einfaches, lässt, grundlegende, architektur, wiederfinden, eslintignore, eslintrc, readme, öffnest, fürs, ordnungsgemäß, dummy, boilerplate, einzufügen, abschluss, minuten, anspruch, nehmen, legt, kommando, beliebigen, begebe, dich, brauchst, einfachen, schnellen, ahmad, awais, zero, dev, getting, started, next, krautpress, kompliziert, lohnt, näher, auseinandersetzen, ans, herz, 4200, schritten, andere, migrieren, auszutauschen, eher, selten, hervorragend, bedarf, zeichnet, gute, usability, wichtigste, zuverlässig, crashen, großen, datenbanken, abgleich, installationen, multisites, integration, kommandozeilen, cli, exportierten, überflüssig, erledigen, push, pull, einfache, synchronisation, hantiert, kostenlose, zusätzlicher, table, befehle, importierten, solch, kritischen, tätigkeiten, vorfeld, ausreichende, backups, sorgen, just, case, webhosting, anbieter, regel, adminer, finalen, fällen, management, weboberfläche, vorbereitet, migrations, profil, erneute, späteren, zeitpunkt, erneut, fertigstellung, angeboten, dateipfad, verzeichnisses, meistens, reicht, spam, revisionen, transients, ausschließen, advanced, kostenlosen, sets, empfehlen, search, hauptfunktion, ausgewählt, komprimierten, gzip, file, enthaltenen, importer, eingeschlossen, 200, tagen, 314, engine, your, database, sites, including, serialized, lite, made, easy, basis, kostenlos, stammt, studio, delicious, brains, 300, exportiert, ermöglicht, computer, abzuschließen, 4281, dritten, medien, upload, klonen, veröffentlichen, jederzeit, nachverfolgen, vollkommen, überschaubar, responsive, screens, zweispaltig, 5em, box, shadow, 10px, ccc, display, flex, background, eee, padding, 4em, 2em, top, stylen, reichen, abstände, schlagschatten, zweispaltige, flexbox, internal, ausgehend, property, leer, clientid, 6b0366da, 11af, 45f2, 9af0, 4080415e5eed, isselected, false, weisen, browser, konsole, ähnlichen, console, log, erwähnt, setzt, ineinander, verschachtelt, input, parent, component, child, form, arguments, rendern, hinzugefügt, wrapper, prefix, lautet, vollständige, unterschieden, führt, zurückgegriffen, auszuweisen, grundgerüst, begegnet, modernen, bist, googeln, codeburst, dementsprechend, klarer, gestalten, pfads, dauer, names, nutze, extrahieren, zugänglich, redux, stores, interagieren, lokalisierungsfunktionen, textstrings, spezifischere, vorkommende, components, manipulieren, abstraction, layer, reactdom, freundlicherweise, riesiges, seit, sicher, angestoßen, fehlt, tipp, anführungszeichen, strings, folgenden, theorie, kompletter, zweiter, menge, denen, eingehender, deklarierung, gehört, angezeigte, interessanter, auszeichnen, funktionsfähig, eindeutiger, identifiziert, üblicherweise, strukturiert, slug, folglich, bereitgestellt, erstellte, eingelesen, leere, fangen, null, example, toolkits, löschen, beispiels, anlegen, 4316, neueste, analyse, zustands, behebung, fatalen, haltet, sinnvolle, gelungenes, übersicht, field, hook, etliche, vorgenommen, privacy, wp_body_open, sonstiges, ordentlich, geschraubt, flüssiger, anfühlen, rss, amazon, kindle, embeds, benötigte, manager, deaktiviert, wären, bringen, sechs, releases, inklusive, group, schreitet, stetig, voran, aktiviert, betrifft, rest, hinweistext, schwierigkeiten, ausgeschaltet, dauerhaft, deaktivieren, wiederherstellung, auftaucht, administrator, informiert, befindet, link, syntaxfehler, führte, anhaltspunkte, schief, gelaufen, umständliche, ftp, fehlerhaften, fatal, errors, administratoren, selbständig, abstellen, webentwickler, eingreifen, schutz, einträge, klassisch, zahlreiche, infos, serverkonfiguration, unterteilt, zwischenablage, kopiert, info, prozentzahl, 100, wiedergibt, kritische, strenger, gewichtet, empfehlungen, kritisieren, aussagekräftig, nutzern, panik, falscher, sicherheit, führen, diskussion, darüber, verlinkten, filter, statusbericht, flexibel, beispiele, ankündigungs, make, durchlaufen, bestandener, kritisches, empfohlene, kategorisiert, ausgeklappt, behoben, endnutzern, helfen, auftretende, konfigurationsfehler, aufzuspüren, standardisierte, information, hinzuzufügen, namens, lokalisierung, übersetzt, fortan, 4372, hinzufuegen, editierbare, erstellung, nahezu, gleich, eingeben, auftauchen, markups, extra, vorkehrungen, getroffen, aktualisieren, eigenständigen, tritt, gespeicherte, wirst, modifiziert, werdet, attributs, übereinstimmen, passen, herausgefiltert, ausgabe, vorhin, anpassung, obige, magie, reduzieren, textfeld, anzulegen, aufzurufen, arrow, sobald, manipuliert, extraktion, einiger, okay, schauen, registrierung, folgt, erkennbar, textausrichtung, extrahiert, hilfe, deren, speichert, tree, anhand, voneinander, abgegrenzt, aufruf, einzeln, landen, allen, blöcken, tabelle, wp_posts, post_content, zentraler, bestandteil, repräsentieren, strukturieren, grundlagen, attributen, dazugehörigen, typ, quelle, fest, genau, zuerst, optional, weiterer, tag, zwingend, erforderlich, textfelds, texts, speicherung, inhalts, changefunction, statements, editierbares, feld, contenteditable, wollen, eingegeben, eingabe, derzeitigen, 4405, nehme, verschiebe, prioriäten, hin, los, entschieden, eis, befinden, umbruchphase, volle, aufmerksamkeit, umstellung, höhere, priorität, stärker, konzentrieren, mittlerweile, todo, list, vollgepackt, projekte, gleichermaßen, voranzutreiben, invalide, sommerpause, eingeschränkt, relativ, tastatur, glück, belastend, beschlossen, kürzer, treten, aufgaben, sortieren, kurzem, krankenhausaufenthalt, daheim, zuversichtlich, vollständig, ausheilt, physiotherapie, brauchen, bewegen, murphys, law, rechtshänder, rechte, unvorgesehene, sturz, schwere, schultereckgelenkssprengung, arbeitsleben, gerissen, außerplanmäßige, 4450, jun, wahnsinn, vergeht, monatelanger, funkstille, fühlt, unwirklich, zeilen, länger, gedauert, veränderten, motivation, entrepreurship, remote, work, marketing, lust, möglichen, sachen, sinn, konzentriert, voll, einzige, tellerrand, geblickt, native, python, machine, learning, befasst, spannend, software, insbesondere, englischsprachig, erreicht, internationale, trennung, ewig, handle, twitter, instagram, firmenname, freiberufler, englisch, online, magazin, nutzerinnen, schließt, hiermit, zukünftig, germanthemes, woran, arbeite, thematisch, angesprochenen, punkte, zukünftige, veranlasst, liegen, fliegen, raus, unten, eingeführte, reports, durchdacht, monatlich, stellte, jedoch, heraus, durchzuhalten, soviele, detaillierten, snippets, aufwand, gelesen, kommentiert, weiß, lag, nachgefragt, größte, vielleicht, grundlegenden, plan, mangelnde, angefangenen, geschriebenen, artikelserien, versprochenen, beiträgen, erschienen, mitunter, speziellen, interessant, berichtet, kamen, abstand, beliebtesten, zugriffszahlen, angeht, schier, unüberschaubar, erfahrener, kennt, bruchteil, zielgruppen, nützlich, blogger, früher, muse, gelungen, mindestens, unterbrechung, wiederholen, ausbauen, außerplanmäßigen, laufe, kam, ansonsten, eigenes, logo, basiert, account, gehalten, napoli, rückblickend, deutschsprachigen, raum, beschränken, gefühlt, hierzulande, erreichen, hauptgrund, separate, planung, vorbereitung, endeffekt, webspace, bestellt, eins, angefangen, facebook, ads, experimentiert, gebracht, rückblick, nützliche, verfassen, interessante, vorzustellen, quasi, verlängerten, verlinke, emails, hoffte, bekanntheitsgrad, steigern, neukunden, gewinnen, ziele, harten, kennzahlen, messen, erfüllt, ansehen, luft, kleiner, nischenblog, zufrieden, freuen, konversationen, stattgefunden, hohe, anzahl, anscheinend, verpassen, möchten, seitenaufrufe, 538, 558, 245, 120, veröffentlichte, launch, september, fakten, längeren, schreibpause, macht, genauso, veränderungen, gekommen, erschien, sinnvoll, quo, zahlen, 4488, märz, major, größten, spannender, passieren, editing, globale, blockbasierte, rahmen, sprengen, dahin, kleineres, graduellen, aktualisiert, zehn, einfließen, beinhalten, genannten, laufend, regelmäßigen, abständen, aktuell, erhält, experimentiellen, ältere, stabilere, unterschiedlichen, umlauf, liest, vorhanden, durcheinander, verfolgt, kurze, erklärung, unterschied, farboptionen, mobilen, geräten, galerie, größe, gleichzeitig, latest, embed, tiktok, captions, featured, drag, sonst, stellen, einiges, getan, sonstige, willkommens, popup, anwender, einführt, einsteigern, konzept, nahegebracht, welcome, wunsch, matt, mullenweg, besonders, kritisch, neuerung, spät, reingenommen, standardeinstellung, festzulegen, aufrufen, menü, kontrovers, diskutiert, standard, normalen, textblock, farbig, gestaltet, hintergrundfarbe, absatzes, hervorgehoben, farbige, moment, gruppe, weiteres, farbverläufe, grün, blau, palette, sagt, ging, abhilfe, sharing, links, euren, sozialen, netzwerke, belieben, angeordnet, 4611, fri, offentlichen, einschranken, wahlweise, nachricht, weitergeleitet, temporär, offline, schalten, willst, stattdessen, wartungsmodus, gefälscht, somit, unbeabsichtigt, unerwünschte, personen, freigeben, praktisches, helferlein, intranet, hochsensiblen, betreiben, aufpassen, statisches, liefern, ausgeloggte, demnach, generell, ebene, hochgeladene, direkte, erreichbar, einschränkungen, öffentliche, intranets, extranets, kunden, vorab, testen, während, standardmäßig, freischalten, mehrerer, ips, anmeldung, normal, besuchen, ausgewählter, festlegung, statuscodes, weiterleitung, einstellen, senden, beliebige, weiterleiten, aktivierung, limitiert, achtung, sichtbarkeit, suchmaschinen, checkbox, erweitert, monaten, 10up, beschränke, spezifischen, handhabung, besuchern, offiziellen, herunterladen, gepflegt, forum, geantwortet, 4673, still, schlicht, fehlte, juckt, fingern, potentiellen, sehe, ganzes, potential, ausspielen, schreibt, glaubt, startet, richtig, taugt, alternative, herkömmlichen, denkt, riesig, freue, vorstellbar, möglichkeit, user, wiederverwenden, alternativ, machbar, hingegen, webdesigner, austoben, kreativ, simplen, commit, begeisterung, bisherige, unterschätzen, technischen, hürden, einstiegsbarriere, fehlende, dokumentation, ständig, ändernde, api, erschwert, bieten, könnte, ausreichend, individuelle, jedem, grundelementen, textabsätzen, überschriften, verschachtelung, flexibler, starren, größere, collections, hero, portfolios, services, pricing, unnötiger, traum, euphorischen, ihren, wünschen, sekunden, ihrer, nachgebildet, autoren, aufwendige, verschiedene, panels, dilemma, lösen, jüngster, übergegangen, gezielt, ausgerichtet, sicht, perfekt, eben, erfordert, eigenständige, eigener, tun, lock, effekt, steile, lernkurve, oftmals, folge, usern, schnelles, nachbauen, ausgefeilte, templates, customizer, jede, gesehen, optimal, nichts, vereinfachtes, wichtigen
Text of the page (random words):
gutenberg auch viel über allgemeine news und änderungen im wordpress core berichtet diese artikel kamen ebenfalls sehr gut bei euch an was weniger gut lief der größte fehler war vielleicht einfach zu schreiben ohne einen grundlegenden content plan zu haben die mangelnde struktur zeigt sich in angefangenen und nie zu ende geschriebenen artikelserien versprochenen beiträgen die nie erschienen sind und mitunter artikel zu so speziellen themen die für 99 der leser gar nicht interessant waren viele tutorials für wordpress entwickler mit detaillierten code snippets haben sehr viel aufwand benötigt wurden aber nur wenig gelesen und kommentiert ich weiß nicht ob es an meinen artikel themen oder der viel kleineren zielgruppe lag der content für developer wurde aber nur wenig nachgefragt auch neu eingeführte kategorien wie beispielsweise meine wordpress business reports waren wenig durchdacht ich hatte vor monatlich einen artikel zu schreiben es stellte sich jedoch schnell heraus dass das nicht durchzuhalten war und ich gar nicht soviele themen dafür hatte änderungen hier im blog die angesprochenen punkte haben mich zu einigen änderungen für zukünftige beiträge veranlasst der fokus wird ab jetzt nur noch auf news tutorials und plugin reviews zu wordpress liegen artikel zu theme development plugin entwicklung und technische gutenberg tutorials fliegen raus diese werden an anderer stelle erscheinen dazu weiter unten mehr ebenfalls werden keine weiteren beiträge mehr in der kategorie mein wordpress business erscheinen das war hiermit der letzte zukünftig werde ich direkt in den blogs von themezee und germanthemes berichten woran ich gerade arbeite dort passt es auch thematisch besser theme coder wird damit mehr zu einem online magazin für wordpress werden statt meinem persönlichen blog die zielgruppe sind alle wordpress nutzer und nutzerinnen die mit dem cms arbeiten das schließt natürlich auch wordpress developer mit ein persönlicher blog in englisch zusätzlich dazu habe ich einen neuen persönlichen blog unter netzberufler de gestartet die domain existiert schon ewig den handle netzberufler verwende ich in den meisten profilen wie twitter instagram und github es war praktisch mein firmenname als freiberufler bevor ich meinen wordpress theme shop gestartet habe es wird dort vor allem um software development gehen insbesondere natürlich um wordpress und gutenberg der blog ist englischsprachig und erreicht damit hoffentlich die internationale wordpress community das ist mit ein grund für die trennung in zwei blogs wordpress wird aber nicht das einzige thema bleiben ich habe die letzten monate etwas über den tellerrand geblickt und mich viel mit javascript react react native python und machine learning befasst es gibt tatsächlich viele dinge neben wordpress die sehr spannend sind gedanken zu entrepreurship business remote work und marketing kann ich mir auch gut vorstellen kurzum ich habe lust zu allem möglichen sachen zu schreiben wenn mir der sinn danach steht dafür ist ein persönlicher blog als spielwiese besser geeignet und theme coder konzentriert sich wieder voll auf wordpress auf die nächsten 3 jahre https themecoder de 2020 03 10 neustart feed 8 längere auszeit vom bloggen https themecoder de 2019 06 12 laengere auszeit vom bloggen https themecoder de 2019 06 12 laengere auszeit vom bloggen comments wed 12 jun 2019 08 48 30 0000 http thomasweichselbaumer com p 4450 aufgrund einer verletzung nehme ich mir eine längere auszeit vom bloggen und verschiebe meine prioriäten hin zu meinen theme shops die nächsten monate werden hier deshalb keine neuen beiträge erscheinen irgendwann geht es aber hoffentlich neu los außerplanmäßige verletzung der grund für meine unvorgesehene pause ist ein sturz auf meine schulter und eine schwere schultereckgelenkssprengung welche mich vor zwei wochen aus dem arbeitsleben gerissen hat nach murphys law ist als rechtshänder natürlich auch die rechte schulter betroffen nach schulter op und kurzem krankenhausaufenthalt bin ich inzwischen daheim und recht zuversichtlich dass alles vollständig ausheilt es wird aber wohl einige monate und viel physiotherapie brauchen bis ich den arm wieder komplett bewegen kann ich bin deshalb ein wenig eingeschränkt werde aber relativ bald wieder gut arbeiten können das tippen auf einer tastatur ist zum glück nicht sehr belastend für die schulter trotzdem habe ich beschlossen etwas kürzer zu treten und meine aufgaben neu zu sortieren theme coder geht in die sommerpause mit meinen mittlerweile zwei theme shops und wordpress blog ist meine todo list sehr vollgepackt und es blieb auch vor der verletzung schon fast zu wenig zeit alle projekte gleichermaßen voranzutreiben als invalide wird das natürlich nicht besser momentan befinden wir uns mit gutenberg in einer umbruchphase weshalb mein theme business die volle aufmerksamkeit benötigt die umstellung auf wordpress blocks hat eine höhere priorität als das bloggen und ich möchte mich daher stärker darauf konzentrieren ich habe deshalb entschieden den blog komplett auf eis zu legen die nächsten monate werden daher keine neuen beiträge erscheinen irgendwann hoffe ich natürlich auf einen neustart https themecoder de 2019 06 12 laengere auszeit vom bloggen feed 18 eigenen wordpress block entwickeln teil 4 eingabefelder mit richtext komponente hinzufügen https themecoder de 2019 05 23 eingabefelder mit richtext komponente im wordpress block hinzufuegen thu 23 may 2019 07 59 46 0000 http thomasweichselbaumer com p 4405 in dieser artikelreihe erkläre ich wie du von grund auf deinen eigenen wordpress block entwickeln kannst im vierten teil sehen wir uns an wie wir editierbare felder mit der richtext komponente in unserem wordpress block hinzufügen und im frontend ausgeben können zum start der serie und ersten teil geht es hier die richtext komponente im überblick im derzeitigen stand unseres wordpress blocks wird titel und beschreibung statisch ausgegeben h2 titel des blocks h2 p beschreibung des blocks p diese zwei felder wollen wir in teil 4 für den nutzer editierbar machen sodass titel und beschreibung direkt im block eingegeben werden können eingabe bzw textfelder im block können wir mit der richtext komponente des gutenberg editors realisieren welche wir vom package wp editor erhalten const richtext wp editor die richtext komponente kann im jsx code des return statements der edit funktion gerendert werden und gibt dann ein editierbares feld mit dem html attribut contenteditable aus richtext tagname p value variable classname css class onchange changefunction placeholder __ placeholder text themecoder block die komponente nimmt mehrere properties entgegen zwingend erforderlich ist value für den aktuellen wert bzw inhalt des textfelds und onchange mit der eine funktion übergeben wird welche bei änderung des texts im eingabefeld für die speicherung des inhalts zuständig ist optional können eine reihe weiterer properties definiert werden unter anderem html tag p h2 div css klasse und platzhalter eine komplette liste der props findest du im github repo block attribute für textfelder hinzufügen bevor wir die richtext komponente im block einbauen legen wir zuerst zwei neue attribute für titel und beschreibung an diese werden im objekt attributes in den block settings definiert register block registerblocktype themecoder block image card title __ image card themecoder block category layout attributes title type string source html selector tc title description type string source html selector tc description edit function save function unsere textfelder werden direkt im html markup des blocks gespeichert wir geben daher für die dazugehörigen attribute den typ type als string und die quelle source als html an mit selector legen wir fest wo genau im html markup unsere attribute zu finden sind wichtig zu wissen grundlagen zu block attributen 1 block attribute sind ein zentraler bestandteil jedes wordpress blocks und repräsentieren und strukturieren alle daten inhalt optionen styling im block 2 blocks werden nicht einzeln in der wordpress datenbank gespeichert sondern landen als html markup mit allen anderen blöcken eines posts als post_content in der tabelle wp_posts 3 blocks werden anhand html kommentare voneinander abgegrenzt beim aufruf des gutenberg editors werden so aus dem ganzen html wieder einzelne blocks generiert 4 der gutenberg editor extrahiert mit hilfe der definierten block attribute und deren selektoren die variablen wieder aus dem html code und speichert sie in einem object tree 5 falls attribute keinen selektor aufweisen werden sie statt im markup im html kommentar des jeweiligen blocks gespeichert beispiel wp paragraph align center p style text align center beispiel text p wp paragraph mit obigen html code wird ein absatz block dargestellt erkennbar an dem block kommentar wp paragraph es sind ebenfalls zwei attribute gespeichert als erstes der inhalt mit dem selektor p im markup als zweites die textausrichtung align center im kommentar richtext komponente in edit funktion einbauen nach registrierung der attribute können wir die richtext komponente nun in der edit funktion des blocks einbauen wir ändern dazu den bisherigen code wie folgt ab edit props const attributes classname setattributes props function changetitle newtitle setattributes title newtitle function changedescription newdescription setattributes description newdescription return div classname classname div classname tc columns div classname tc image div div classname tc card richtext tagname h2 value attributes title classname tc title onchange changetitle placeholder __ add a title gt blocks keepplaceholderonfocus richtext tagname p value attributes description classname tc description onchange changedescription placeholder __ write a description gt blocks keepplaceholderonfocus div div div okay schauen wir uns die funktion zeile für zeile genauer an am anfang nutzen wir wieder object destructuring zur extraktion einiger variablen aus den props unseres blocks für unsere eingabefelder benötigen wir nun zusätzlich das objekt attributes und die funktion setattributes mit der attribute geändert werden können anschließend definieren wir zwei funktionen changetitle und changedescription welche für die änderung der jeweiligen block attribute title und description zuständig sind sobald der nutzer den inhalt im eingabefeld manipuliert als letzte änderung ersetzen wir unseren statischen titel und beschreibung mit zwei richtext komponenten als value übergeben wir unsere block attribute mit onchange unsere funktionen für den titel nutzen wir h2 als tagname für die beschreibung p der obige code funktioniert mit etwas es6 magie können wir die syntax aber noch etwas reduzieren statt für jedes textfeld umständlich eine eigene funktion anzulegen nutzen wir eine arrow function direkt in der richtext komponente um setattributes aufzurufen richtext tagname h2 value title classname tc title onchange value setattributes title value placeholder __ add a title gt blocks keepplaceholderonfocus richtext tagname p value description classname tc description onchange value setattributes description value placeholder __ write a description gt blocks keepplaceholderonfocus die funktionen changetitle und changedescription sind damit nicht mehr notwendig anpassung der save funktion mit richtext content schlussendlich muss der inhalt unserer eingabefelder auch noch im frontend mit der save funktion ausgegeben werden wir nutzen dafür ebenfalls die richtext komponente die ausgabe erfolgt hier aber mit richtext content das attribut wird wie vorhin als value übergeben save attributes const title description attributes return div div classname tc columns div classname tc image div div classname tc card richtext content tagname h2 classname tc title value title richtext content tagname p classname tc description value description div div div sehr wichtig ist die angabe der css klasse mit classname welcher mit dem selector wert des attributs übereinstimmen muss passen die css klassen nicht zu den definierten selektoren der block attribute können die attribute nicht mehr aus dem html code herausgefiltert werden invalidation error im gutenberg editor nach änderung der save funktion werdet ihr diesen fehler im gutenberg editor sehen der invalidation error tritt immer dann auf wenn das gespeicherte html markup des blocks nicht zum definierten markup in der save funktion passt diese fehlermeldung wirst du bei der entwicklung von custom blocks deshalb häufig sehen nämlich immer dann wenn du die save funktion modifiziert für den nutzer sollte dieser fehler natürlich nie auftauchen weshalb bei updates des block markups extra vorkehrungen getroffen werden müssen um blocks ohne fehler zu aktualisieren das ist aber genug thema für einen eigenständigen artikel ergebnis und ausblick auf teil 5 und das wars auch schon mit dem vierten teil der block sieht nahezu gleich aus titel und beschreibung lassen sich nun aber vom nutzer selbst eingeben nach dem hinzufügen des blocks werden die platzhalter angezeigt du findest den kompletten beispiel code für unseren block in diesem github repo https github com netzberufler themecoder block im nächsten teil werden wir uns mit der erstellung von toolbar und sidebar optionen beschäftigen um das styling und layout des blocks anpassen zu können überblick über alle beiträge dieser serie einstieg in die programmierung mit gutenberg block plugin mit create guten block erstellen wordpress block mit registerblocktype registrieren eingabefelder mit richtext komponente hinzufügen sidebar optionen im wordpress block mit inspectorcontrols umsetzen toolbar optionen im wordpress block mit blockcontrols hinzufügen refactoring edit und save funktionen als eigene komponenten realisieren bilder im wordpress block mit mediaupload komponent ermöglichen optionen für farben und schriftgröße im wordpress block einbauen verschachtelte kind blocks mit innerblocks erstellen was ist neu in wordpress 5 2 https themecoder de 2019 05 08 was ist neu in wordpress 5 2 https themecoder de 2019 05 08 was ist neu in wordpress 5 2 comments wed 08 may 2019 12 24 22 0000 http thomasweichselbaumer com p 4372 wordpress 5 2 ist da die neueste version von wordpress bringt uns eine reihe von verbesserungen für den gutenberg editor ein neues debugging tool zur analyse des website zustands sowie einen recovery mode zur behebung von fatalen php fehlern site health check website zustand wordpress 5 2 wird ein neues tool namens site health check enthalten in der deutschen lokalisierung von wordpress wird es mit zustand der website übersetzt und ist fortan im wordpress backend unter werkzeuge website zustand zu finden das neue tool soll vor allem endnutzern dabei helfen häufig auftretende konfigurationsfehler leichter aufzuspüren und die eigene website auf allgemeine probleme analysieren zu können für entwickler schafft es eine standardisierte methode um debugging information hinzuzufügen im ersten tab status werden ein...
|