Figma zu WordPress Elementor - Figma-Design konvertieren

1. Einführung: Was wäre, wenn ich dir das Original-Tool sagen würde, das dein Figma-Design nimmt und es in einer Sekunde in welche Pressseite verwandelt in einer Sekunde in welche Pressseite In diesem Kurs werde ich dir beibringen, wie du dein Figma-Design ganz einfach und schnell in WordPress, Lamentor, Greenberg oder Brick Speller umwandeln kannst dein Figma-Design ganz einfach und schnell in WordPress, Lamentor, Greenberg oder Brick Speller umwandeln Lamentor, Greenberg oder Brick Speller Dieser Kurs ist perfekt für freiberufliche Webentwickler, Agenturinhaber, Figma-Designer, Sessions-Website-Designer und alle , die daran interessiert sind, die Konvertierung von Figma in Wordpress durchzuführen. In diesem Kurs lernen wir die Grundlagen von UIKE, was es ist und wie es funktioniert und welche Möglichkeiten es bietet Dann werden wir das Setup durchführen , UIKi kostenlos herunterladen und konfigurieren Funktionen wie O-View-Kopiermodus, Exportmodus und Optimierung, Anpassung von Eingabeseiten und Testimonials, Schaum sowie Kopf- und Fußzeile Außerdem wichtige benutzerdefinierte Blogseiten, Beitragsseiten und Abschnitte, Eingabedesign mit Gutenberg und Brick Speller, Behebung von Abstürzen und Behebung Das Interessante ist, dass Sie lebenslangen Support und Updates erhalten , die auf die Nachfrage des Publikums zugeschnitten Am Ende dieses Kurses werden Sie das Selbstvertrauen haben, das Frega-Design auf die WordPress-Website zu übertragen Egal, ob Sie ein absoluter Anfänger ein erfahrener Freelancer oder ein Agenturinhaber sind, dieser Kurs wird Ihren Arbeitsablauf vereinfachen Fangen Sie jetzt an, Ihr Design mit Wordpres zum Leben zu erwecken 2. Was ist Uichemy, wie funktioniert es und welche Möglichkeiten gibt es: Zunächst erfahren sie, was UIKi ist. IKE-Plug-ins verwandeln das Figma-Design in editierbare Wordpress-Site und arbeiten mit Aleanor, Gutenberg und Bricks Builder zusammen, um das Webdesign ohne Codierung verwandeln das Figma-Design in eine editierbare Wordpress-Site und arbeiten mit Aleanor, Gutenberg und Bricks Builder zusammen, um das Webdesign ohne Codierung zu optimieren. Und es funktioniert auf sehr einfache Weise. Zuallererst müssen wir die Benutzeroberfläche und Figma entwerfen. Dann müssen wir nur noch ein Plug-In wie UIKBPlugin verwenden, um unser Figma-Design in WordPress zu konvertieren Und wenn Sie sich diese Möglichkeit ansehen, ist das schnell und einfach Keine Codierung erforderlich, flexible Anpassung und spart Ihnen definitiv viel Zeit. Und es ist großartig für 3. Uichemy kostenlos herunterladen und einrichten (WordPress und Figma): Um das UikiPlugin herunterzuladen, müssen wir hier nur amd.com slash UIkMi und E Browser eingeben. amd.com Dann wird es auf dieser Seite angezeigt und auf der rechten Seite bekommst du eine C-Option, also okay, wenn du also nach unten scrollst, bekommst du eine Option wie okay, wenn du also nach unten scrollst, bekommst du kostenlos Also müssen wir nur hier auf diesen kostenlosen Button klicken, aber hier kannst du den Pach Builder auswählen Sie können hier also buchstäblich auswählen ob Sie Gutenberg verwenden möchten, dann können Sie sich für Gutenberg entscheiden Wenn Sie Bricks Builder verwenden möchten, können Sie Bricks Builder auswählen Und wenn du dich für Elementor entscheiden möchtest, kannst du einfach den Elementor auswählen Wählen Sie einfach den Pig Builder aus, mit dem Sie eine Website erstellen möchten, okay Also werde ich mich für Elementor entscheiden und sagen wir Sat Free. Und jetzt müssen Sie hier nur Ihre E-Mail-Adresse und Ihren Vornamen und Nachnamen angeben und dann auf dieses kostenlose Download-Muster klicken Ich habe also bereits ein Konto, also werde ich kein neues erstellen, also werde ich mich zuerst hier anmelden. Wie Sie sehen können, ist Hu meine E-Mail-Adresse und mein Vorname und Nachname. Also klicken wir einfach auf Hu this, laden Sie bitte diesen Button herunter, und da steht Wetting. Lass uns ein bisschen warten Okay, es ist also erfolgreich abgespielt worden, und wenn du das ein bisschen scrollst, dann bekommst du diesen Lizenzschlüssel hier, der hier ist. Kopieren Sie einfach den Lizenzschlüssel. Dies ist meistens eine Notwendigkeit. Kehren wir zu unserer Figma-Datei zurück Welches Design möchten Sie importieren Nehmen wir in meinem Fall an, ich möchte diesen eingeben. Damit ich das tun kann, kann ich hier unten auf diese Option klicken , zum Beispiel einstecken und einfach auf Einstecken und WAS klicken und einfach in Ihrer UICami suchen Dann bekommst du diesen Plug in hier. Einfach auf dieses Plugin klicken. Und nachdem Sie dieses Plug-In geöffnet haben, erhalten Sie die Option Serienschlüssel. Geben Sie einfach diesen echten Schlüssel ein, den wir kürzlich kopiert haben, und klicken Sie einfach auf diese Aktivierungsschaltfläche Okay, wie Sie sehen können, ist es jetzt aktiviert, fertig. Also lass uns hier auf die Schaltfläche SkipT klicken. Und jetzt, wie Sie sehen können, bekommen wir solche Dinge. Und jetzt müssen wir auf unsere What Press-Website gehen, und wir müssen hier auf Plugins klicken und wir müssen auf Neues Plugin hinzufügen in dieser Schaltfläche klicken, und einfach hier suchen UIKi. Um dieses WordPress-Plugin zu installieren, kannst du zu ihren Plugins gehen und auf Neu hinzufügen klicken, und du kannst einfach hier suchen UIKi und dann bekommst du dieses Plugin hier, dieses hier Das kommt hauptsächlich von Possumt und das ist das Logo. Klicken Sie einfach hier auf den Install-Button, um dieses Plugin zu installieren Okay. Jetzt können wir dieses Plugin einfach aktivieren. Aber was passiert, wenn du dieses Plugin nicht bekommst, wenn du suchst, es aber nicht bekommst, was kannst du dann tun? Du kannst einfach zu dieser Poch-Seite zurückkehren, und wenn du nach unten scrollst, dann bekommst du dieses Plug-in hier, UIM ist die Erfindung Elementor Das ist das Plugin. Klicken Sie einfach hier auf den Download-Button. Dann kannst du es buchstäblich herunterladen. Und was Sie dann tun können, Sie können hier gehen, Plug-ins Nt New einbauen und einfach auf das Upload-Plugin klicken, und dann können Sie das Plugin hochladen. Wenn du das Plugin von hier aus nicht herausfindest, wenn du das Plug-in suchst und es nicht bekommst, was du dann tun kannst, du kannst es einfach herunterladen und hier in das Plugin hochladen , und dann kannst du es aktivieren. Also werde ich es jetzt nicht hochladen, weil wir es bereits von hier aus installieren können. Also lasst uns das Plugin aktivieren. Und danach bekommen wir hier eine zusätzliche Funktion, UI CE auf dem Lapsit, klicken Sie dort Und dann sprechen sie über Auswahl unseres Page Builders Also wählen wir gerne den Elementor aus, fahren mit Weiter fort und klicken dann wieder auf Weiter, Weiter, Nächstes, und wir müssen das hier zuerst installieren und aktivieren, also werden sie das Plug-In installieren und aktivieren Und wie du siehst, ist es jetzt aktiviert und jetzt müssen wir hier auf diese Aktivierungsschaltfläche klicken, und dann müssen wir es auch aktivieren Klicken wir auf die nächste Option und dann auf Fertig stellen. Ordnung. Jetzt kannst du sehen, dass es fertig ist. Also, wenn Sie diese Seite nur ein bisschen ersetzen, dann können Sie das alles jetzt sehen , nur ein grünes Häkchen, wie Sie sehen können. Alles ist fast fertig. Okay? Nun, wenn du zu der Einstellung dort gehst, bekommst du eine Seiten-ARL und einen sicheren Doin Das würde später benötigt werden , wenn wir das Design importieren 4. Uichemy Plugin (Figma) im Überblick: Oh, jetzt werden wir uns über den UIC Figma-Plug Um dieses Plug-in zu bekommen, müssen wir hier unten auf die Plugin-Option klicken und dann hier auf diese Plugins klicken und wir müssen hier suchen, Wenn Sie also nach UIKME suchen, werden Sie dort drei Plug-ins finden Einer ist wie Figma relevant. Andere sind wie Brick Builder, Figma Bricks und andere sind wie Figma Greenberg Wählen Sie also einfach, für welches Sie sich entscheiden möchten. In meinem Fall entscheide ich mich also gerne für Pigma Relevantor, also wähle ich es einfach Und nach dieser Seite sehen Sie die APK-Option Sie müssen also nur den Lizenzschlüssel angeben. Es ist nicht APAC, tut mir leid. Es ist ein Lizenzschlüssel. Im letzten Video teile ich dir mit, wie du es bekommen kannst, oder? Sie können also dem Video folgen , um diesen Lizenzschlüssel zu erhalten. In Ordnung. Also, wenn du einfach hier auf diese Minibar klickst, dann hast du ein paar weitere Einstellungen. Hier ist das Malytpress-Plugin. Wenn Sie es installieren möchten, wenn Sie das What Press-Plug-In nicht installieren, können Sie es tun können Sie Und hier ist das Plugin von Figma Gutenberg, Fick Metal Brick Sspeller Wenn du wechseln willst, richtig, dann kannst du es tun. Und hier haben wir ein Partnerprogramm, Preise, eine Demo buchen und Kastudy Booke Demo ist also ziemlich gut. Ich denke, Sie können buchstäblich eine Demo bei ihnen buchen, und sie werden Ihnen erklären, wie es funktioniert Und als Nächstes habe ich eine Konvertierungsoption und eine Konvertierungsoption wie immer, und eine Konvertierungsoption wann immer ich sie auswähle, wie Sie sehen können, wählt sie den Namen der Seite und zeigt auch das Design , das wir auf unsere Website importieren werden. Und das ist wie eine Vorlagenoption. Hier habe ich mehrere Optionen. Stellen Sie EI, Party-Kit , eine Menge Dinge da hin, wie Sie sehen können. Damit du sie buchstäblich alle überprüfen kannst , wenn du es wirklich willst, dann ja. Okay, also das bin wirklich ich, das ist Phys, also viele Dinge da Du kannst die Kinder benutzen , um das Figma-Design in Elementor zu importieren. Ja. Und SPS ist so etwas wie ihr eigenes. Wenn Sie ein bestimmtes Teil haben möchten , können Sie es tun Wenn Sie kein Design haben, können Sie POI auf jeden Fall verwenden Ich habe schon einen Kurs darüber. Wenn du es willst, dann kannst du auf meinem YouTube-Kanal darüber nachschauen . Okay, lass uns nochmal zum Convertit gehen. Nach dieser Konvertierung haben wir dort zwei Optionen. Eine ist wie Kopieren und eine andere ist wie der Importmodus. Ich persönlich denke also , wenn Sie die gesamte Seite importieren möchten , sollten Sie den Importmodus verwenden, da es viel besser ist, wenn Sie eine lange Seite haben. Aber wenn Sie sich für einen bestimmten Abschnitt entscheiden möchten, ist der Kopiermodus meiner Meinung nach viel besser. Es ist ganz einfach, einfach in einen bestimmten Abschnitt zu kopieren und Ihren Elementor Kommen Sie wieder zum Kopieren und Einfügen Wenn Sie jedoch alles auf einmal importieren möchten , wechseln Sie zum Importmodus Aber wenn Sie nur eine ganze Seite machen möchten, wenn Sie den Modus kopieren und einfügen , können Sie es auf jeden Fall versuchen. Und im Importmodus müssen wir hier nur unsere Presse-Website mit diesem Plugin verbinden . wir müssen nur das letzte Video angeben Ich glaube, wir müssen nur das letzte Video angeben, das ich mit dir teile. Oder wenn nicht, dann werde ich später mit dir teilen, wie es funktioniert. Aber denk mal drüber nach, Kopiermodus, es ist einfach Kopieren. Sie können das Design buchstäblich kopieren und einfach V steuern, dann ist das Design da und an Bord der Presse-Website, und es muss importiert werden . Okay? Das ist es. In Ordnung. Also als nächstes kommt Optimized Convert und Express Convert. Entwerfen Sie also, wenn Sie der Meinung dass Ihr Design bereits optimiert ist, dann können Sie sich für Express Convert entscheiden. Und wenn Sie Anfänger sind, dann entscheiden Sie sich für diese optimierte Konvertierungsschaltfläche. Lass uns hier auf diese optimierte Konvertierungsschaltfläche klicken. Dann bekommen wir noch ein paar Optionen, Optimierungskompensation dann Widget-Tag, responsiver Manager, Konvertierungseinstellung , globalen Stil, viele Einstellungen Wir machen es definitiv nicht. Wenn wir das tun, lässt sich unser Design einfach importieren, oder? Aber wenn wir das nicht tun, wird definitiv zusätzliche Zeit für den Import benötigt, Ihr Design könnte abstürzen und es ist nicht gerade so, dass Sie ein SEM auf dieselbe Wat-Press-Website bekommen. Wenn Sie das nicht tun, optimieren Sie Ihr Design. Gehen wir nun zu dieser Konvertierungsschaltfläche. Nachdem wir all diese Einstellungen vorgenommen haben, werden wir uns für die Option Canva entscheiden Danach haben wir, wie Sie sehen können, zwei Optionen wie Herunterladen von Jason und diese Live-Eingabe Wenn du also auf klicken willst, musst du deine Seite verbinden. Dann wirst du sehen, was du importierst, und dann bekommst du dort noch ein paar weitere Einstellungen. Nehmen wir an, wie Sie als Seite oder Abschnitt importieren möchten, wie Sie möchten, dann erhalten Sie die Option. Und jedes Mal, wenn Sie ein Problem stoßen oder wenn Sie sagen, dass es nicht funktioniert oder wie wir das machen können, dann schauen Sie sich dieses Video auf jeden Fall jedes Mal oben an. , bekommen wir zum Beispiel gerade Wie Sie sehen können, bekommen wir zum Beispiel gerade ein Video, wie Live-Input funktioniert. Es ist ein Video mit sieben Minuten. Aber auch hier gilt Wenn du schach kannst, gehe ich zurück, jedes Mal bekommst du die Option zum Beispiel gerade Ich gehe zum Beispiel gerade zu dieser Optimierung und wie Sie sehen können, bekommen wir dort ein vollständiges Video Wenn Sie mehr über Lock Media Layer erfahren möchten, sollten Sie dort auch ein Video erstellen. Wenn Sie zum nächsten Abschnitt, einem dieser Abschnitte, gehen wird das Video jedes Mal dort angezeigt. Schau dir jedes Mal genau an , ob sie ein Video haben. 5. Kopiermodus vs. Exportmodus Übersicht: Jetzt sehen wir uns den Kopiermodus und den Exportmodus an. Um das zu tun, gehen wir zunächst zu UikePlugin und dann erhalten Sie hier zwei Optionen Einer ist wie der Kopiermodus und ein anderer ist wie der Importmodus Im Importmodus müssen wir also nur unsere Website hinzufügen, weißt du, wie Sit Key und ARL. Beides müssen wir hinzufügen. Aber im Kopiermodus müssen wir das überhaupt nicht tun. Einfach kopieren und einfügen, fertig. Okay, lass mich dir zeigen, wie es ist. Wie Sie sehen, ist im Moment der Kopiermodus ausgewählt, und ich habe den Abschnitt ausgewählt, und lassen Sie uns das Design optimieren. Ich werde hier einfach auf diese Konvertierungsoption klicken. Und jetzt, wie Sie sehen können, wird es in meine Zwischenablage kopiert. Und jetzt gehe ich einfach zu Eleanor und gehe einfach hier vorbei, Control V. Oder wenn du einfach auf dieses Stück von der anderen Seite klickst, klicke dort Und jetzt drücke Strg V. Dann, wie du siehst, wird es jetzt eingefügt Also lass uns ein bisschen nass werden. In Ordnung. Also, wie Sie sehen können, bekommen wir genau das , was hier entworfen wurde. Wir bekommen genau das Gleiche wie es ist. Wenn ich das jetzt nicht in diesem Modus mache , sagen wir im Importmodus. Dann wähle ich einfach ihr Design aus. Um die Konvertierung zu optimieren, ist dieses Design bereits optimiert. Gehen wir zu Cat's und haben zwei Möglichkeiten. Eins ist wie JCN und es gibt wie Live-Input. Also im JASN-Modus, wie Sie sehen können, können wir diese Datei einfach als JCN herunterladen , dann können wir hierher gehen und dann können wir das Design einfach wie hier importieren , wie hier Wir können die Datei im Jason-Format importieren. Okay. Aber ich denke, dieser ist viel einfacher. Lass uns zurückgehen. Und dieser eine Eingang ist viel besser. Klicken wir also auf Live-Eingabe. Jetzt müssen wir eine Site auswählen, also fügen wir unsere Site hinzu. Gehen wir also zu welcher Presse, wählen Sie EykeMe und gehen Sie zur Einstellung Und jetzt lass uns die Seite kopieren. Und jetzt müssen wir hier einfügen. Kopieren Sie das Token und lassen Sie uns es verbinden. In Ordnung, es ist also jetzt verbunden. Und jetzt müssen wir auswählen, wie ich importieren möchte. Es wird eine Seiten - oder Elementor-Vorlage sein oder es ist eine verlockende Necture-Vorlage Und wenn du zu dieser vorhandenen gehst, wie möchtest du sie dann Das heißt, wenn Sie dies bereits hochladen oder sofort importieren und es jetzt erneut aktualisieren möchten, können Sie einfach dieses vorhandene verwenden. Okay. Und es gibt auch die Option zum Ersetzen oder Hinzufügen und dann, was Sie wollen, können Sie auswählen. Später werden wir also mehr sehen. Kein Problem. Lassen Sie uns nun einfach diesen Live-Input untersuchen. Okay, jetzt gehe ich einfach zu neuen Seite und mir gefällt die Seite einfach. Gehen wir als Nächstes und klicken dann auf Import A. Und jetzt können Sie sehen, dass der Import abgeschlossen ist. Und jetzt können Sie sehen, dass es erfolgreich wichtig ist, und jetzt müssen Sie nur noch diese Seiteneinstellung ändern, das Seitenlayout auf volle Breite, und ich denke, es wird okay sein. Jetzt, wie Sie sehen können, haben wir dasselbe. Ich hoffe also, Leute, euch wird dieser Kopiermodus gefallen , weil er viel einfacher ist. Wir müssen unsere Website nicht verbinden. Wir müssten nichts herunterladen, einfach kopieren und zu Elementor gehen und es einfügen Das ist meiner Meinung nach viel einfacher , wie Kopieren und Einfügen. 6. So optimierst du deinen Begleiter (Alle einschließen): Um dieses Design zu optimieren, müssen wir nur die Seite Festival auswählen und dann einfach hier den Button anklicken , optimieren und kopieren Und dann müssen wir hier auf Optim Magician und Companion wie diesen klicken . Einfach da draufklicken. Und dann wirst du eine Menge Dinge bekommen, die du weißt schon, irgendwie reparieren müssen . Und jedes Mal, wenn Sie sehen möchten, wie Sie das Design optimieren können, können Sie sich dieses Video oben ansehen, wie Sie sehen können. Oder wenn Sie nur in einem bestimmten Bereich stapeln möchten, nehmen wir an, Sie verstehen ein mehrschichtiges Sperrmedium nicht wirklich verstehen ein mehrschichtiges Sperrmedium Du verstehst nicht, wie man das macht, oder was das für ein Melli ist Dann kannst du diesem Video wortwörtlich einfach hier folgen. Wenn du einfach darauf klickst, dann schaust du dir ein Video an, in dem Hallo zusammen steht. Du sprichst über dieses Problem, oder? Wenn Sie zum nächsten Abschnitt wie Details zur Frame-Optimierung gehen , erhalten Sie für jede einzelne Ebene ein Video wie dieses. Du kannst es dir ansehen und du wirst lernen und du kannst es umsetzen. Okay. In Ordnung. Also werde ich es auch in diesem Video mit dir teilen. Wenn Sie also genau vorgehen, können Sie Ihr Design auf jeden Fall optimieren. Okay. Also als Erstes, wie Sie sehen können, haben wir hier eine Option , nämlich diese Option, wie Sie einen Frame sehen können, und wir bekommen auch eine Zieloption. Einfach da draufklicken. Wenn Sie also auf diese Option klicken, wird, wie Sie sehen können, der Abschnitt, über den Sie sprechen, erneut überarbeitet Abschnitt, über den Sie sprechen, Okay, das ist die Sache, äh, das ist ein Multilayer-Medium, also müssen wir es Also, wie Sie sehen können, besteht das momentan aus zwei Ebenen. Was Sie also tun können, Sie können einfach auf diese feste Option klicken , um das Problem zu beheben. Jetzt werden sie diese Ebene sperren, und wenn Sie ein Element importieren , werden sie es als eine Datei importieren, nicht als eine große Datei. Vorher war es wie mehrere Dateien, aber jetzt gibt es nur noch eine Datei, weil sie momentan gesperrt ist. Okay, lass uns zum nächsten gehen. Es ist dieser. Wenn wir da hingehen, nehmen wir wieder zwei Schichten. Also müssen wir es reparieren. Und wenn wir zum nächsten gehen, ist es dasselbe. Also lass es uns reparieren. Lass uns zum nächsten gehen. Es ist dasselbe. Wenn du auf die linke Seite schaust, bekommst du ein S. Lass es uns reparieren. Wenn wir zum nächsten gehen, dann ist das auch irgendwie dasselbe. Also können wir es reparieren und fahren wir mit dem nächsten fort. Muss das auch repariert werden? Definitiv, es ist ein Pfeil. Wir müssen zum Knopf gehen. Repariere es, geh her, das hier und repariere es. Es sind also viele Dinge da. Also lass es mich Schritt für Schritt machen. Ich muss es reparieren und sicherstellen , dass sie das richtige auswählen. Weil sie manchmal etwas falsch machen. Wenn Sie also sehen, dass sie etwas falsch machen, das nicht unbedingt repariert werden muss, dann können Sie einfach auf dieses Kreuzmuster klicken. Okay. Aber jedes Mal, wenn sie richtig angeben, sagt das auch die richtigen Dinge, weil es, wie Sie sehen, mehrschichtig ist weil es, wie Sie sehen, mehrschichtig , also müssen wir es auf jeden Fall reparieren. Auch beim nächsten Mal habe ich zwei Schichten, also müssen wir das reparieren. Aber wenn du alles auf einmal machen willst , kannst du einfach hier klicken. Wählen Sie alles aus und es heißt 15 ausgewählt Sie können einfach auf diese feste Schaltfläche klicken, dann wird alles auf einmal repariert. Und als Nächstes haben wir die Anzahl der Bilder auf SVC optimiert. Also hier, wenn Sie einfach auf diese Schaltfläche „Heatmap anzeigen“ klicken , dann werden Sie die Head-App sehen ein Bild oder einen IC ansehen lassen So kannst du leicht herausfinden, okay, ob sie das Richtige auswählen oder nicht Also kannst du ihnen leicht, ähm, davon erzählen. Also in meinem Fall finde ich, es sieht ziemlich korrekt weil es auch ein HVC ist, alles dreht sich darum Das ist ein Bild. Das ist VG. Hier dreht sich alles um Image VG. Es sieht hier also ziemlich korrekt aus. Also ja, jetzt können wir zum nächsten gehen. Also lass uns hier auf Mark Ase Tan klicken. Und wenn Sie es erneut scannen möchten, dann können Sie es auf jeden Fall dort tun. Es gibt eine Scanoption. Jetzt ist es ein abgetrennter Weihrauch. Also, wenn Sie einfach hier klicken, dann werden Sie sehen, dass es sich jetzt um eine Komponente handelt Sie sprechen also davon, es mit der übergeordneten Komponente zu lösen Also, wenn du es nicht machen willst, dann kannst du es so verlegen, aber ich denke, es ist besser, wenn du es tust Also das ist eine, das ist Helden-Sektion, all das hängt mit der Haupt-Sektion zusammen, oder? Das ist alles über die Art von untergeordneten Komponenten. Das ist kein Elternteil. Okay? Also wählen wir sie alle hier aus und alle werden gelöscht Wie Sie sehen können, erhalten wir im Moment ein abgerundetes Symbol. Es sät sofort. Also, wenn du sie reparieren kannst, dann wird sich hier alles lösen. Also gut. Also jetzt reden sie die überflüssige Gruppe Sonnenrahmen zu entfernen oder sie schon zu entfernen. Und hier die nächste Option, wie Sie sehen können, entfernen Sie negative Vorteile und jedes Mal erhalten Sie ein Video. Schauen Sie sich das Video an, wie Sie sehen können Jedes Mal erhalten Sie hier ein Video. Das ist außerhalb des Videos. Das ist auch ein anderes Video. Also jedes Mal, wenn du ein Video stapeln willst, kannst du es dir buchstäblich ansehen und du kannst diese Option korrigieren. Das war's also mit Optimgican. Also das ist nur Also lass uns hier auf die Schaltfläche „ Sicher gehen und zurück“ klicken. Und jetzt, wie Sie sehen können, sieht es so aus, als ob unsere Optimgane ein Häkchen gesetzt haben, und jetzt können wir zum nächsten übergehen 7. Widget-Tags einrichten: Lassen Sie uns nun über ein Widget sprechen. Wichet sind also hauptsächlich für dynamische Inhalte gedacht. Im Moment, wenn Sie nur das Design wie dieses importieren , wird es statisch sein Aber in einigen Abschnitten und bei einigen Elementen gibt es andere Links, oder lassen Sie uns über einen Abschnitt einigen Elementen gibt es andere Links mit Testimonials nachdenken oder einen Abschnitt mit Akkordeon-ähnlichem F haben, ihr Wert ist Ihr Inhalt ist unterschiedlich. Wenn du dich dieses Mal nur statische Inhalte entscheidest, wird es nicht funktionieren. Es wird nichts Funktionales sein. Also dieses Mal brauchen wir diese Widgets, richtig? Wenn Sie also nach der Optimierung hierher gehen, erhalten Sie die Option Widget-Tag. Und hier bekommst du eine Menge Widget. Im Elemental Widget habe ich dort ein 19-Widget und auch ein Elementor Pro-Widget Außerdem ist es hier das Plus-Widget. Wenn Sie also dieses Plug-In installieren möchten, müssen Sie unter Neu zu Plug-ins gehen. Und wenn Sie einfach das Plus-Widget suchen, dann erhalten Sie das Plug-In wie dieses. Und jetzt musst du nur noch dieses Plugin installieren und aktivieren , wenn du dann mehr Widgets haben möchtest. Okay. Lassen Sie uns das jetzt aktivieren Gehen wir zurück zum Design. Und wenn Sie jetzt einfach hierher gehen, erhalten Sie die Option Tag anzeigen. Wenn Sie jetzt einfach auf diese Schaltfläche klicken, können Sie das Tag sehen. Das sind jetzt also unsere Button-Elemente, das sind unsere Augenkanäle, das können Sie sehen Es sieht hier auch aus wie ein Button, aber ich entferne ihn einfach. Ich sehe auch so aus. Wie Sie sehen können, handelt es sich um einen Inhalt. Außerdem, wenn du zu diesem gehst, wie diesem, wenn du einfach darauf klickst, ist das auch eine Schaltfläche, wie du sehen kannst, und sie hat einen Link. Wenn Sie ein Symbol platzieren möchten, können Sie das Symbol auch von hier aus platzieren. Im Moment gibt es also kein Symbol, weshalb ich es nicht sehen werde, aber falls Sie ein Symbol haben , können Sie es hier sehen. Also, nach Position vor Position, was willst du? Du wirst es dorthin bringen. Ja, hier dreht sich alles um den Knopf. Also, wenn Sie hier ein anderes Widget platzieren möchten , wie können wir das tun? Sie können buchstäblich einfach dorthin gehen, dort klicken, einfach doppelklicken, doppelklicken, doppelklicken. Dann, wie Sie sehen können, verkaufe ich wie hier, das ist vorerst eine Icon-Box. Und ich kann den Inhalt buchstäblich ändern. Ich kann das Tag-Widget auswählen und wie wird die Beschreibung lauten? Dies kann eine Beschreibung sein. Was wird der Titel sein. Also all diese Dinge können wir hier machen. Nehmen wir an, ich überquere es einfach. Jetzt ist es Kreuz. Okay. Also, wenn ich es jetzt einfach lösche, ist es völlig klar, wie Sie sehen können, jetzt ist es klar. Früher war es ein Icon-Frame, ich kann Boxen, aber jetzt ist es kein Icon-Box, oder? Ich lösche es einfach. Nochmals, wenn ich ein bisschen einstellen möchte, suche ich nach einem Symbol und das ist unser Symbolfeld. Und das ist die Beschreibung. Hier dreht sich alles darum und ich gehe einfach zu Tabelle drei und speichere die Änderungen. Es ist also ziemlich einfach, ein Widget-Tag einzurichten, okay. Wenn Sie also einfach herausfinden möchten, wo Sie das Widget platzieren möchten und wie es entstehen soll, müssen Sie es einfach tun. Okay. Wenn ich es mit einem anderen Beispiel teile, nehmen wir an, das ist ein anderes Design, und jetzt gehe ich einfach zum ICM-Plugin Und für den Moment nehmen wir an, ich wähle gerne dieses oder sagen wir dieses Sag das. In Ordnung, jetzt optimiere und kopiere ich einfach. Lass uns nach Wichitag gehen. Nehmen wir zum Beispiel an, ich bevorzuge das karge Hauptgericht, also kann ich es hier machen Ich kann einfach nach einer Schaltfläche suchen, lassen Sie uns mit der Schaltfläche beginnen, und das ist ein Rahmen Wie Sie sehen können, ist dies das Symbol hier, und was wäre der Link? Ich kann den Link einfach hier hinzufügen, ich kann ihn positionieren. Er ist danach oder davor, er wird danach sein, und hier wird C arbeiten, und jetzt kann ich ihn einfach speichern. Wie Sie jetzt sehen können, handelt es sich um die Schaltfläche „Als speichern“. Ich wähle die Seite aus und ich zeige nur Tagging. Ich kann also leicht erkennen, dass es sich dort um einen Button-Text handelt. Sagen wir noch einmal, ich gehe gerne hierher. Das wären soziale Links. Also was ich tun kann, ich kann mich für soziale Links entscheiden. Und wie Sie in den sozialen Netzwerken sehen können , kann ich dort viele Dinge mit sozialen Netzwerken versorgen. Lass uns mit diesem gehen, und ich kann das Ding einfach auswählen, oder? Ich kann einfach den Link auswählen. Ich kann einfach den Rand auswählen. Ich kann dieses Ding leicht auswählen. Und was ist der Stil, den ich will, ich kann den Stil leicht wählen. Also, wenn du einfach die Plus-Wiche nehmen willst und hier habe ich einen Elementor-Wiche, und wie du siehst, ist Element automatisch, hol es Alpha wird es speichern. Und jetzt, wenn wir nur die Tonhöhe auswählen. Wie Sie sehen können, ist dies jetzt nicht ausgewählt. 8. Responsive Manager und wie es funktioniert: Gehen wir nun zum nächsten wie dem responsiven Manager über. Klicken wir also hier auf diesen gesponserten Manager. Dann haben Sie zwei Optionen. Eine wird empfohlen. Andere mögen Benutzerdefiniert. Daher empfehle ich Ihnen meistens, sich für das empfohlene zu entscheiden , weil ich es für gut halte. Da wir später den globalen Stil verwenden werden, denke ich, dass das okay ist. Die nächsten haben einen Brauch. Wenn Sie also auf Benutzerdefiniert klicken, erhalten Sie hier einige Optionen: Schriftgröße, Zeilenhöhe, Innenabstand, Flexcap Lass uns mit dieser Schriftgröße weitermachen. Wie Sie sehen können, sehen wir hier eine normale Option und eine Klammeroption. Also lass uns mit diesem normalen gehen. Und normalerweise, wie Sie sehen können, wenn unser Telefon 151 Plus hat, dann wird unser Tablet 36, Prozent sind da. Die Größe wird also 36% betragen. Dann werden es 24% sein. Aber wie machen sie hier hauptsächlich die Berechnung? Okay. Lassen Sie mich Ihnen jetzt mitteilen, wie Sie die Berechnung hier einfach durchführen können. In meiner zusätzlichen Schriftgröße H One zum Beispiel 48, ist H One zum Beispiel 48, und mein Tablet wird 48 sein Das heißt, lassen Sie uns eine Tablette bilden. Also was ich mache, ich habe hier nur meine Handygröße ist 40 bis 48. Wenn sie 40 bis 40 bekommen, egal in welcher Größe, was wird dann mein Tablet sein? Mein Tablet wird 100% ig sein. Also kopiere ich die Zahl des Prozentsatzes und der Peste. Gehen wir jetzt zum Handy. Also, wie viel Prozent werde ich auf Mobilgeräte setzen, richtig? Nehmen wir an, auf meinem Handy habe ich einfach eine Überschrift mit 32 Pixeln eingegeben. Wenn ich jetzt also die Größe von 32 Pixeln eingebe, erhalte ich 60 Sabin-Prozent Also, was ich mache, kopiere ich einfach. Also das ist der Weg, diesen Prozentsatz zu berechnen. Und wenn Sie sich diese Berechnung hier ansehen, dann werden Sie verstehen, dass dies die Tablettengröße ist, und das ist die Größe, und das ist der Prozentsatz für die Herstellung. Sie müssen dies nicht manuell tun, da sie bereits über eine Taschenrechneroption verfügen. Sie müssen nur die Schriftgröße zwischen die Schriftgröße setzen , Sie müssen sie angeben. Und dann tablettieren Sie, wie viele Pixel Sie möchten, und sie geben einen Prozentsatz an. Und noch einmal, auf Mobilgeräten, wie viele Prozent möchten Sie haben oder wie groß ist das Pixel oder die Schriftgröße? Gib einfach her. Sie werden es automatisch verfolgen, oder? Sie werden also die gesamte Berechnung durchführen, sodass Sie sie nicht manuell durchführen müssen Das ist also die Art der Berechnung, und sie haben hier auch eine Zeilenhöhe, wie Sie sehen können, und sie haben auch eine Polsterung Und sie haben auch eine flexible Wade. Also das alles, sie haben es schon. Also, zunächst denke ich, dass wir uns für Gold entscheiden sollten, weil es viel einfacher sein wird, bevor ich Ihnen mitteile, dass wir hier den globalen Stil verwenden Ich glaube also nicht, dass wir vorerst eine benutzerdefinierte Größe benötigen. Aber wenn Sie später Ihre eigene benutzerdefinierte Größe erstellen möchten, dann denke ich, dass dieses Video Ihnen helfen wird weil ich Ihnen bereits mitteile , wie diese Melli funktionieren Du musst deine Hauptgröße angeben, dann auf dem Tablet, wie du willst, wie viel du willst, und du musst auf dem Handy angeben, wie viel du willst, du wirst die Person einfach dazu bringen, es zu kopieren und zu testen. Das ist in Mali. 9. Konvertierungseinstellungen: Gehen wir nun zur nächsten Konvertierungseinstellung. Lass uns dort draufklicken. Dann bekommst du eine Option wie Export ohne Bild. Wenn du also dein Design ohne Bilder importieren willst, kannst du das einfach ankreuzen, es einfach löschen und dann wird dein Design ohne Bilder exportiert Du weißt, was passiert, manchmal verwenden wir Bilder mit hoher Wolkendichte für ein Design, und dieses Mal hat es viel mehr Zeit in Anspruch genommen, dieses Ding zu exportieren In diesem Fall können Sie diese Option einfach einschalten. Dann wird dein Design superschnell ohne Bilder exportiert . Und wenn Sie danach Bilder mit hohen Chlordwerten versehen möchten, können Sie sie einfach manuell komprimieren dann einfach in ein Design importieren Ähm, das ist alles in gewisser Weise, aber wenn Sie ein einfaches Design entwerfen, dann glaube ich, brauche ich nicht viel davon Und die nächste Option ist die Verwendung von exportierten IgM-Bildern. Es ist also etwas, sagen wir, etwas offenlegen, sie werden die Bilder automatisch exportieren Also, wie funktioniert es, wenn du dorthin gehst, wenn du einfach drüber schweben willst Nehmen wir an, wenn Sie einfach mit der Maus darüber fahren, erhalten Sie die Option Pig-Map-Reaktion Also das ist etwas, das du dir einfach ansehen musst. Es ist dasselbe wie bei der Exportoption, wie Sie sehen können, das ist ein Pixel, eins, eins, zwei, so. Wenn Sie also die Qualität erhöhen möchten , wenn Sie nur Bilder exportieren möchten, erhöhen Sie das hier einfach. Nehmen wir an, du willst eine Zwei, du willst eine Drei, also sieh dir einfach dieses Ding an. Und wie Sie sehen können, ist das die Kulisse, die wir zu sehen bekommen. Oder wenn Sie dort dieselbe Einstellung haben möchten, klicken Sie auf die Option Exportieren, dann erhalten Sie dasselbe. Wählen Sie also einfach nur welches aus. Aber zunächst denke ich, dass einer viel besser sein wird. Sonst wird es viel mehr Zeit in Anspruch nehmen. Und dann automatisch SVGs finden. Das ist gut, wenn Sie es in Prozent angeben. Ja, der Prozentsatz wird besser sein weil Pizzel ein Problem sein wird Der Prozentsatz wird besser sein, denke ich, also ist es besser, so zu bleiben Und die Mindestanzahl der Stimmen, das ist für dasselbe, dann Watt Ich denke, es ist besser. Wir müssen nicht viel erhöhen. Okay, hier dreht sich alles um die Exponierten 10. So richtest du globale Stile ein und wie es funktioniert: Gehen wir jetzt zu den Nikes, es ist wie ein globaler Stil. Und diese Funktion ist wirklich großartig, weil Sie dadurch eine Menge Zeit sparen werden Sie können buchstäblich mit einem einzigen gewonnenen Klick die Schriftgröße ändern. Sie können die Farbe buchstäblich ändern. Sie können es sehr einfach responsiv machen. Sie können das Telefon ändern, wenn Sie es wirklich wollen, oder Sie können mit diesem globalen Stil etwas anderes machen, mit nur einem Klick. Okay, lass mich dir zeigen, wie das Einkaufszentrum funktioniert. Also lass uns dorthin gehen, und ich habe dort schon das Design ausgewählt. Und jetzt, wie Sie sehen können, wählen Sie unsere Website automatisch aus. Wenn Sie also Ihre Website bereits hinzugefügt haben, ist das in Ordnung. Oder wenn Sie sie nicht bearbeiten, klicken Sie einfach auf Adside und fügen Sie dort einfach Ihre Anmeldeinformationen Wenn du zu UIC gehst und wenn du zur Einstellung gehst, dann bekommst du die Seiten-ARL, die auch Secure dort einfach hinzufügen kann Dann wird es dort automatisch hinzugefügt. Und dann wirst du all diese Dinge sehen. Hier haben wir jetzt eine globale Farbe, und dann gibt es auch eine globale Typografie Also hier drinnen können wir es buchstäblich hinauszögern oder wir können es ändern. Okay, jetzt lass uns hier zu unserem Design gehen und dann bekommst du ein paar Farben. Eine ist Hintergrundfarbe, Hintergrundfeldfarbe verfügbar. Und dann bekommen wir ein paar graue Farben, oder? Das ist also eine graue Farbe. Also brauchen wir das alles nicht wirklich, oder? Wir brauchen nur ein paar. Okay, lassen Sie uns zuerst mit dieser Primärfarbe arbeiten. Also, was kann hier unsere Primärfarbe sein? Ich glaube, das haben wir meistens nicht. Aber nehmen wir an, wir wählen diese Farbe als Grundfarbe aus. Das sind also 900 50er Jahre. Lass uns gehen. Klicke darauf. Dann erhalten Sie ein Dokument mit variablem Stil. All das bekommst du einmal. Nehmen wir den ersten Stil, und das ist der, bei dem ich die Primärfarbe verwende. Das ist organische Farbe, und ich verwende sie gerne in dieser Farbe, mal sehen. Diese hier. Die Textfarbe ist dieselbe. Lass uns hierher gehen. Das ist die Textfarbe und gesamte Designschrift, die wir verwenden. Nein, die Textfarbe, manchmal verwenden wir hier 700. Gehen wir 700, 700 und das ist 950. 50. Okay, die Sache mit der Sache ist, dass wir hier nur ein bisschen Technik anwenden müssen . Also das ist unser Text, richtig? Also Text, meistens verwenden wir 700, also diesen. Aber nehmen wir an, wir verwenden Überschriften. Also Überschrift, wir verwenden einen anderen Text. Also lass uns gehen. Und bei der Überschrift entscheide ich mich gerne für diese, weil ich bei jeder einzelnen Überschrift diese Farbe sehe, 950, also das ist die Überschriftenfarbe. Lassen Sie uns also damit weitermachen. Und bei der nächsten Farbe haben wir etwas anderes. Lass uns sehen. Hintergrundfarbe und Hintergrundfüllung. Fügen wir hier also den Hintergrund hinzu, sodass wir sagen können, dass BGi und BGi-Farbe dieser Farbe entsprechen werden Und wir brauchen auch noch einen. Also lasst uns etwas Neues hinzufügen, und das ist BGIFLL, also wird BG okay sein, also Und die Farbe wird bei diesem Modell stilvoll sein. Und diese verfügbare Farbe, aber das ist nicht nötig da Sie nur eine haben, die wir nur einmal verwenden. Wenn Sie eine globale Farbe oder eine globale Schriftart verwenden, versuchen Sie sicherzustellen, dass Sie sie an mehreren Stellen verwenden, nicht gleichzeitig, da es einfach ist, sie gleichzeitig zu verwenden. Wenn Sie jedoch dieselbe Farbe an mehreren Stellen verwenden , wählen Sie sie aus. Okay, dann ist es in Ordnung. Schauen wir uns diese Farbe an. Das ist dasselbe, 950. Das ist das Hintergrundgefühl. Das ist noch einer. Mal sehen , welche Farbe das ist. Das ist ein Hintergrundgefühl. Ihr gesamtes Hintergrundgefühl. Dies ist auch die weiße Farbe. Lassen Sie uns damit beginnen, sagen wir, es ist eine weiße Farbe. Mal sehen, ob sie eine weiße Farbe haben oder nicht. Ich glaube nicht, dass sie es haben. Also, was können wir tun? Wir können sagen, das ist weiß, und wir können wortwörtlich von dort auswählen, oder wir können ein neues hinzufügen. Oh, ich glaube, wir haben hier schon einen Hintergrund. Warum ist es so. Also brauchen wir das Weiße nicht noch einmal, also lasst es uns erzählen. Also ja, das ist die Farbe , die wir hier für unser Design verwenden. Das ist gut. Und jetzt gehen wir hier zur Schrift. Was die Schrift angeht, müssen wir uns mit dem Menu One Festival befassen. Also in Menu verwenden wir Satoshi 18 Pixel, richtig? Gehen wir also zu diesem Menü, Shatoshi, ich denke, das verwenden wir hier Shatoshi, ich denke, das verwenden Shotoshi 18 Pixel. Und ich denke auch, dass wir das erste Menü nicht wirklich hinzufügen müssen, weil das Menü meistens auf einmal ist Wir werden ein Begleiter sein. Wir müssen den Mist also nicht hinzufügen. Gehen wir zum nächsten Abschnitt, diesem. Nehmen wir an, das ist Überschrift eins. Was wir also tun können, ändern Sie die primäre in die erste Überschrift und klicken Sie dort. Und dann müssen wir es hier in Überschrift eins herausfinden. Scrollen wir also nach unten, dann werden wir es hier herausfinden. Also ich denke, wenn sie hier eine Suchoption angeben , wird das besser sein. Aber wie dem auch sei, lass uns mit diesem ausgewählten H beginnen. Das ist H One. Und jetzt klicken wir wieder hier. Dann haben wir H zwei. Also wählen wir einfach H zwei und verlieren hier H zwei, also ist das H zwei. Also mach es später zu Capt On. Das ist H zwei. Und dann haben wir hier auch H drei, also fügen wir hier H drei hinzu. Doppelklicken Sie einfach, dann erhalten Sie eine Option zum Bearbeiten. Also das ist H zwei, und jetzt müssen wir hier H eins, drei auswählen. Das ist H drei, weil wir die drei Mal verwenden, und jetzt müssen wir über diesen Körper L gehen Also Körper Körper Körper. Das ist Körper. Und lass es uns auswählen. Und lassen Sie uns mit diesem Körper weitermachen, und das ist Körper. Er wurde zehnmal benutzt, also wähle ihn bei Nein aus und das ist unser Körper. Ausgewählt. Finden wir hier heraus, Körper M, das ist Körper M. Wir verwenden ihn hier viermal. Und lass uns zum nächsten Körper S gehen. Lass uns einfach S da sein. Also wählen wir hier einfach Körper S aus, wo ist ein Körper S? Hier ist ein Körper S. Außerdem müssen wir hier unser Tag hinzufügen oder sagen wir, wir können es hier hinzufügen. Das wird also unser Button sein, und wir brauchen definitiv einen Button. Knopf. Ich verkaufe es einfach hier, Knopf eins. Wir müssen hier ein Tag hinzufügen. Wenn Sie also sehen, dass dies nur einmal verwendet wird, fügen Sie es nicht hinzu, oder? Wenn du es mehrmals verwendest, füge es einfach hinzu, denn lass uns dort draufklicken. Wie Sie sehen können, verwenden wir es 14 Mal. Das ist also notwendig. Körper elf Mal, Körper, zehn Mal. Diese werden also meistens benötigt. Also das ist wichtig. Also ja, damit können wir die globale Typografie und Farbe hinzufügen , wie Sie sehen können Jetzt können Sie synchronisieren. Klicken Sie einfach auf eine Synchronisierungsschaltfläche, dann wird alles synchronisiert. Und jetzt gehen wir zurück und gehen jetzt zur Konvertierungsoption. Also lass uns das Oberste auswählen, konvertieren. Dann, wie Sie sehen können, heißt es jetzt, Boot zu tippen, und jetzt gehen wir zum Und dann werde ich zuerst dieses Seitenlayout auf volle Breite ändern Und jetzt klicken wir auf die Seite von Control V in einer anderen Größe, wie Sie sehen können, haben wir genau das gleiche Design. Aber jetzt die Sache hier, wir müssen überprüfen, ob sie diesen Styleguide anwenden oder nicht. Wie Sie sehen können, ist die Überschrift dieselbe. Auch die Typografie, die sie hinzugefügt haben, H eins und das ganze Tag, das wir gerade hinzugefügt haben, überall Jetzt hat Woody Miller den Vorteil davon, oder? Nehmen wir an, ich habe das hier, das Tablet und das ist das Handy Automatisch reagiert das. Aber nehmen wir an, dieselbe Schrift an mehreren Stellen zu verwenden, oder? Also, was müssen Sie jetzt tun, Sie können einfach zur Einstellung der Seiteneinstellung gehen . Und hier haben Sie zwei Optionen: globale Farbschrift. Nehmen wir an, ich bevorzuge die globale Farbe. Nehmen wir an, alle Texte, die wir hier verwenden, 121 zu eins, zwei, ich mache sie gerne rot oder sagen wir, ich mache sie gerne diesen Farben. Also, was ist passiert? Ich mache das hier und klicke auf Änderungen speichern. Und wenn ich noch einmal auf diese Website gehe, wird die gesamte Überschrift , die wir verwenden, rot sein. Wie Sie sehen können, ist es überall in der Überschrift sofort rot. Das ist also das Schöne an diesem Stil, und deshalb sage ich Ihnen, dass es wirklich wichtig und interessant ist wirklich wichtig und interessant wenn Sie sich für diese globale Farbe und globale Schrift entscheiden. Also ja, lass uns die Änderung speichern. Also das ist die Sache. Und im Brief, wenn du dich okay fühlst, musst du sofort die Überschrift ändern, die Farbe ändern. Mir gefallen die Änderungen auch am Design. Und das Gleiche gilt für die Schrift, Sie können die H-Schrift buchstäblich ändern. Wenn du das fühlen willst, okay, das H sieht viel größer aus, als ich erwartet hatte. Dann kannst du es leicht verringern. Nehmen wir auch an, wenn Sie es zu einem Tablet machen wollen, ein bisschen vergrößern möchten, gehen Sie einfach dorthin und erhöhen Sie es, sagen wir, 28 Pix Li eins, erhöhen Sie es Und wenn Sie gerne ein Tablet verwenden, möchten Sie es jetzt, sagen wir, auf 24 machen Also, wenn Sie 32 daraus machen wollen, machen Sie einfach 32, dann werden es zwei sein. Klicken Sie also überall auf den Septon, wo wir das H-Tag verwenden Es wird jetzt 32 sein , richtig, wie Sie sehen können, jetzt ist es auf 32 erhöht Das ist also die einfachste Sache, und das ist die Sache, bei der sich alles um die globale Farbe und die globale Schrift dreht Ich hoffe, Sie haben eine klare Vorstellung davon, wie 11. Import über Live-Import und Import vorhandener Seiten mit der Add-On-Methode: Jetzt sehen wir uns den Live-Eingabemodus an. Also bevor wir über diesen Kopiermodus sprechen, oder? Und jetzt fahren wir mit dieser nächsten Option fort, Eingabemodus. Also klicke dort drauf. Dann ist unser Design optimiert, sodass wir es nicht erneut optimieren müssen. Klicken wir also erneut auf Optimieren. Und dann werden wir nichts tun, weil unser Design bereits optimiert ist. Klicken wir also auf die Option Konvertieren. Und dann hast du zwei Optionen, bei denen es so ist, als ob Jason diesen Live-Input herunterlädst. Also lass uns auf Live Input klicken. Wie Sie jetzt sehen, ist unsere Website bereits verbunden. Wenn Sie es also nicht bearbeiten, klicken Sie einfach auf die Schaltfläche ADST und fügen Sie dann hier einfach die URL und das Sicherheitstoken Wenn du zu dieser UICE unter Was drückst und auf die Einstellung klickst , dann bekommst du diese Option Und jetzt muss ich nur noch dieses Ding hinzufügen und das Zeichen auswählen, warum du eingeben möchtest Nehmen wir an, ich gebe dieses gerne ein. Das wird unsere neue Seite sein, oder? Wählen wir also die Seite aus, und das wird unser Element sein. Das wird also unsere Seite sein. Lass uns auf die nächste Option klicken. Und jetzt, wie Sie sehen können, wird es eingegeben. Wie Sie sehen können, ist es wichtig. Lassen Sie uns auf die Schaltfläche Öffnen klicken. Und dieses Design ist hier bereits importiert, wie Sie sehen können. Jetzt müssen Sie hier, das Element oder diese Schaltfläche oben klicken , und jetzt müssen wir auf die Einstellung klicken und das vorherige Layout in ein Element mit voller Breite ändern. Nun das veröffentlichte Design, wie Sie sehen können, das ist jetzt ein fertiges Design hier drin. Außerdem, wenn Sie den Seitennamen ändern möchten, ist es momentan ein Desktop, aber wenn Sie Änderungen oder irgendetwas anderes vornehmen möchten, dann können Sie das tun Es geht also um den Eingabemodus, oder? Also, was ist passiert, ähm, wenn ich hier irgendwelche Änderungen vornehme, also sagen wir, ich möchte hier viele Änderungen vornehmen. Zum Beispiel ändere ich bei vielen Dingen den Text, Schriftgröße, viele Dinge, die ich hier mache. Wenn Sie danach dasselbe eingeben möchten , wie können Sie das tun? Also gehe ich zum Beispiel wieder dorthin und wähle das Design erneut aus. Sie können also sagen, wählen Sie das Design aus, optimieren und konvertieren Sie als Nächstes Live-Input. Und hier sind die Optionen, es gibt zwei Optionen. Dieses Design ist also schon zur Hälfte auf unserer Website, oder? Also was können Sie tun, wir können eine Tonhöhe auswählen und sie wird ersetzen, wo werden Sie ersetzen? Es wird unseren Desktop ersetzen. Wählen wir also den Desktop aus. Klicken Sie auf Weiter und es wird an derselben Stelle erneut eingegeben Und lassen Sie uns erneut auf klicken und dann erneut öffnen. Und wie Sie sehen können, hat es sich jetzt geändert und es wird jetzt sechs plus sein. Das ist also der einfache Weg. Wenn Sie das Design bereits importieren und das Update durchführen möchten, ist dies ein ziemlich einfacher Weg. Mach das Update einfach so, oder? Und wenn du es einmal machen willst , wird es ein neues Design sein. Dann wählst du hier einfach neu und wie du willst, du kannst es machen. Und wenn dir schon ein Design wichtig ist und du die Anpassung einfach nochmal machen willst , willst du es aktualisieren, kaufe einfach so, du kannst es machen. Das ist also hauptsächlich die Sache mit der Live-Import-Option. Also lass es mich wissen, wenn du irgendwelche Fragen hast, dann lass es mich einfach wissen. Und jetzt lass uns mit dieser JSON-Version weitermachen, auf JSON klicken und dann auf die Schaltfläche nach unten klicken. Wie Sie sehen können, erhalten wir dort eine G-Datei, und wenn Sie sie einfach exportieren, erhalten Sie eine JSON-Datei, aber ich denke, wir brauchen diese Datei nicht wirklich. Wir können die G-Datei importieren. Um nun die Datei, die SN-Datei, zu importieren, was müssen Sie tun? Wir müssen zu der Seite gehen , auf der Sie die Datei importieren möchten. Klicken Sie einfach hier in diesem Optionsfeld auf diese Option. Und dann müssen wir hier diese M-Vorlagenoption wählen und dann hier auf diese Importoption klicken. Und jetzt müssen wir beim Import einfach die Vorlage hochladen , die wir kürzlich heruntergeladen haben. Wählen Sie also die Datei aus, und jetzt müssen wir hier die Z-Datei auswählen. Klicken Sie einfach auf Open O und zeigen Sie es dann in einem Popup an. Lass uns mit „Weiter“ fortfahren. Dann lassen wir uns ein bisschen Zeit. Wie Sie sehen können, haben wir hier eine Option. Und jetzt müssen wir auswählen , welches Sie installieren möchten. Nehmen wir an, ich möchte in dieses Bild einsteigen, also klicken Sie auf die Schaltfläche „Innen“ Dadurch bekommen wir eine Naht, so wie sie entworfen ist , wie wir sie auf der FICMA sehen, oder? Das ist also ein weiterer Prozess. Das heißt, ich teile Ihnen jetzt drei Prozesse mit. Um es hier noch einmal zusammenzufassen: Der erste Prozess bestand darin, dass wir diesen einen, richtig, den Kopiermodus machen Das Vorher teile ich mit dir. Als Nächstes teile ich Ihnen den Importmodus mit. Im Importmodus stehen Ihnen zwei Optionen zur Verfügung. Erstens können Sie Ihre Website buchstäblich verbinden und einfach live importieren. Dies ist eines davon, das ich mit Ihnen teile. Und ich teile Ihnen auch das J und das Y mit. Das heißt, wir sehen die drei Möglichkeiten , Ihr Figma-Design einfach in Wt Press zu importieren Sie können buchstäblich eines davon verwenden all dem zu folgen Ich persönlich mag hier Live-Import, oder wenn du sagst, mein Favorit ist Copy Pest. Einfach kopieren und los geht's mit dem Element oder vorbei. Das ist viel einfacher. Das ist also mein Favorit, also kannst du dieses Copymt auch benutzen 12. Testimonials mit einem Karussell einrichten: Lassen Sie uns nun an einem Abschnitt mit Testimonials arbeiten. Für diesen Abschnitt mit Testimonials müssen wir ihn zunächst nur besser organisieren Lassen Sie mich diese Ebene mit Ihnen teilen, damit Sie eine Vorstellung davon bekommen , wie wir sie einfach organisieren Wie Sie sehen können, ist das unser Testimonial-Code, und wenn Sie ihn eingeben, dann hat er eine Bewertung und er hat auch ein Zeugnis Wir haben einen Inhalt, Bild und einen Text, richtig? Ich meine, Titel oder Name. Und wenn du zu dieser Bewertung gehst und ich einfach diesen Pfeil öffne, dann, wie du siehst, verwende ich hier einfach die Schrift Awesome Five, wie du Phone Awesome Five sehen kannst, wenn du genau hinschaust. Wenn Sie also dieses Symbol verwenden, versuchen Sie sicherzustellen, dass Sie auch die Schriftart ASM Five verwenden. Es wird einfacher sein, Elementor zu implementieren. Sie stellen also sicher , dass Sie es verwenden. Und außerdem wird Ihre Struktur so aussehen, und es wird ein anderes Design haben, aber Struktur, wenn Sie so aussehen, als ob Sie , ähm, dann ist die Eingabe einfach. Okay, also lass uns zum nächsten gehen. Also wähle ich diesen Abschnitt aus. Lass uns zum Optimieren und Kopieren gehen. Und lass uns hier dieses Widget und diesen Tag verwenden. Und hier muss ich es auswählen. Also, was wählst du nicht aus? Zuallererst muss ich Ihr Testimonial auswählen, und ich muss hier ein solches Testimonial auswählen , dann erhalten Sie das Testimonial-Widget , wählen Sie es einfach Dann dieser ganze Ort, wie Sie sehen können, stellen Sie einfach sicher, dass das korrekt Das ist definitiv der Inhalt. Das ist das Bild. Das ist der Name und das ist der Titel. Also lass es uns speichern. Und lass uns zu dieser ersten Bewertung gehen und hier nach Bewertung suchen. Suchen Sie einfach nach Bewertung. Und ich wähle hier aus und die Bewertung ist Null bis fünf. Die Bewertung ist hier fünf, und der Titel wird Stern und Symbolstern sein und wir speichern es. Wie Sie sehen können, ist es jetzt gespeichert und fertig. Und jetzt müssen wir nur noch kopieren und kopieren Ich gehe zum nächsten und füge einfach ein und ersetze es. Nochmals einfügen und ersetzen, und wieder hier einfügen und ersetzen. Wählen Sie dann erneut hier aus und lassen Sie uns zu dieser Konvertierung gehen wird jetzt in mein Cli-Booad kopiert Gehen wir zurück zu Elementor. Lass uns von der anderen Seite einfügen und lass es uns einfügen. Eine weitere, die Sie sehen können, wurde jetzt hinzugefügt. Das nächste ist wie bei uns, klicken Sie einfach auf dieses Plansymbolelement und jetzt müssen Sie nur noch das Karussell durchsuchen Suchen Sie einfach nach Karussell, dann erhalten Sie hier dieses Also einfach per Drag-and-Drop hierher ziehen . Und dann, wie Sie sehen können, holen wir uns ein paar Wichats und machen jetzt zunächst Anpassungen, was auch immer Sie wollen. Und wenn Sie sehen, dass es kein Bild gibt, klicken Sie einfach auf die Bildoption, klicken Sie auf Bild auswählen, und jetzt werden Sie auf diese Seite weitergeleitet und wählen jetzt einfach das Bild aus, dann erhalten Sie das Bild Thea. Also ja Also zuallererst möchte ich diese Richtung in CN in die Mitte ändern diese Richtung in CN in , wie Sie jetzt in der Mitte sehen können. Und wenn du diese Einstellung auf vier oder sagen wir drei ändern willst , was auch immer du willst, kannst du es buchstäblich tun Also in meinem Fall mache ich fünf. Okay, das ist gut. Wenn Sie diese Gliederung CN ändern möchten , können Sie dies hier tun. Was auch immer du willst, du machst die Änderung und wählst es jetzt einfach aus, wenn alles Ordnung ist, dann wählst du es aus, kopierst es. Gehen wir zum nächsten von hier, dem Widget, und fügen es einfach ein. Also, wenn wir es einfach einfügen wollen, müssen wir die Breite ändern Wie Sie sehen können, habe ich diese Karte ausgewählt und gehe auch zu diesem Layout, und jetzt hat sie die volle Breite und mache sie jetzt zu 100% Also, wenn du 100% machen willst, dann bekommst du so etwas. Gehen wir zu Container eins. Und dieser Container, ich mache ihn gerne in voller Breite und mache ihn zu 100%, und wann immer Sie 100% ig machen wollen, bekommen wir auch eine B-Seite. Also hier müssen wir es nur auf 90% machen. Also wann immer du es auf 90% schaffen willst, muss das so aussehen. Und jetzt wollen wir auch diese Breite ändern. Gehen wir also zu dieser Karte, und innerhalb einer Karte, in diesem einen Behälter, mache ich sie gerne zusammen mit 16 Pixeln dieser Polsterung hier oben Außerdem möchte ich bei diesen Aufnahmen ein bisschen auf den neuesten Stand bringen. Sagen wir mal für den Namen, ich mache ihn gerne um 20 Pixel besser, ja, um 20 Pixel. Und für den nächsten , den Titel, mache ich gerne 16 Pixel draus. Also ja, das sieht ziemlich gut aus. Es ist besser, wenn du es in Figma machst. Aber ich mache es, weil es so größer aussieht. Das ist der Grund. Aber wenn du es gleich lässt, kein Problem. Okay, jetzt ist es fertig. Und jetzt klicken wir nur auf die Karte. Kopieren Sie einfach den Ausschnitt, kopieren Sie ihn, fahren Sie mit dem nächsten fort und fügen Sie ihn ein, so wie Sie sehen können, wir erhalten einen nächsten, fahren Sie mit dem nächsten fort und fügen Sie ihn ein. Wir bekommen einen dritten. Lass uns auf dieses Karussell klicken und es noch ein paar Mal duplizieren Wie Sie sehen können, habe ich hier noch einmal dupliziert. Ich kriege eine Vier, Fünf, also kann ich sagen, das sind unsere Vier. Nehmen wir an, das ist unsere Nummer fünf, das sollte es sein. Ja, wir haben ein paar davon. Ja, fragt auch, ob wir hier einen Pfeil sehen, aber das sieht nicht so gut aus. Also, was du tun kannst, geh zum Stil. Gehen wir zur Navigation. Lassen Sie uns sagen, diese Farbe wird schwarz, so etwas. Ja, L ist sichtbar. Ja, wenn du es wie eine abgerundete Ecke oder so machen willst , können wir das auf jeden Fall machen. Aber ich finde, es sieht gut aus. Aber wenn du es machen willst, dann kannst du es solide machen. Du kannst es definitiv um ein Pixel hinzufügen. Was wird unsere Farbe sein? Was wird unser Radius sein. Und dann füge dort auch die Polsterung hinzu. Also ich denke, wenn du es einfach hinzufügst, dann wird es, wie ich sagen kann , rund oder so Also ich will es jetzt nicht wirklich. Also lassen wir es so wie es ist. Okay, das ist gut. Ja, das ist gut. Und jedes Mal, wenn wir schweben, hat sich auch die Farbe geändert Gehen wir zum Hover und machen wir ihn schwarz. Jetzt ändert es sich aber nicht. Also, wenn du darauf klickst, dann , wie du siehst, geht es zum nächsten. Außerdem können wir diese Lücke hier aktualisieren. Dafür wähle ich hier das Karussell aus, gehe zum Stil, gehe zur Folie und jetzt lass uns ändern , wie viel ich will Nehmen wir an, ich möchte 30 Pixel. Also, ja, das ist es, Milli. Ich denke, jetzt ist es gut Und es hat auch etwas mehr Einstellungen. Wenn du es auf jeden Fall versuchen willst, dann kannst du es tun. Lassen Sie uns eine Navigationseinstellung haben. Ja, lass uns eine Navigationseinstellung haben, auch eine Paginierung Wenn Sie die Paginierung in etwas anderes ändern möchten , können Sie dies tun Also, was auch immer du willst, du kannst es tun, Milli-Stil. Du kannst das Styling machen Sie können die Farbe ändern, und Sie können auch diese Schriftpunktgröße ändern. Im Moment, wenn du schaust, ist es ziemlich klein, dann kannst du es auf jeden Fall vergrößern, wenn du willst. Also, ja, das ist mit etwa 13. Kontaktformular 7 oder WPforms importieren: Jetzt werde ich Ihnen mitteilen, wie wir dieses Kontaktformular hinzufügen können Um das zu tun, müssen wir den Frame wie diesen auswählen und dann mit Optimieren fortfahren. Und nach dieser Optimierung müssen wir nur noch das Widget-Tag hinzufügen, weil ich Ihnen zuvor mitgeteilt habe, dass Sie kein Widget-Tag einrichten müssen, wenn Sie ein statisches Design durchsetzen möchten . Aber wenn du etwas Dynamisches haben willst , müssen wir dieses Mal definitiv dieses Widget einrichten. Also hier können wir es buchstäblich als Formular auswählen, aber das ist noch nicht notwendig. Wir müssen nur das Feld hier hinzufügen. Was Sie also tun können, Sie können hier einfach die Feldoption auswählen, und das wird unsere Füllung sein. Ich kann also sagen, das sind unsere Felder, und los geht's Wichtag und hier können wir suchen, welches Formular Sie hinzufügen möchten Also zum Beispiel füge ich hier gerne ein, sagen wir Formular, also möchte ich hier ein WP-Formular hinzufügen Also kann ich hier einfach W fm hinzufügen. Wie Sie sehen können, erhalte ich hier ein WfM-Widget , weil ich auf einem Plugin namens Plus Widget installiert war einem Plugin namens Plus Widget Wenn du es also einfach kopierst und wenn du auf deine WordPress-Website gehst und wenn du zu den Plug-ins gehst, denke ich, dass ich dieses Ding bereits mit dir teile Wenn du also einfach hier suchst, das Plus-Widget, dann bekommst du hier dieses Plug-In. Das kommt von Posy Met, dieser ist, wie Sie sehen können, der Autor Also einfach dieses Plug-In installieren und aktivieren. Wenn Sie es also aktivieren, Sie beim Kopieren und Einfügen von Elementar erhalten Sie beim Kopieren und Einfügen von Elementar die Option für Kontakt. Okay, also lass uns wieder hierher zurückkehren. Und jetzt nehmen wir an, ich wähle hier einfach das TPP-Formular aus Und jetzt, wie Sie sehen können, ist das nicht eingerichtet. Also lass uns auf Speichern klicken, jetzt heißt es Speichern. Jetzt müssen wir es tun, wir müssen zurückgehen, noch einmal zurückkehren, auf Konvertieren klicken und jetzt auf Herunterladen Nur eine Option oder Live-Eingabe klicken. Also ich denke, ich werde mich für die Download-Import-Option entscheiden . Also lass es uns herunterladen. Wie Sie sehen können, laden Sie es hier herunter. Kehren wir zu unserer Website zurück , auf der Sie das Formular importieren möchten. Also lass uns hier klicken, ich hier die Box. Dann müssen wir hier auf die Importoption klicken. Und jetzt müssen wir die Datei einfach hierher ziehen und entwerfen, weitermachen. Und wie Sie sehen können, haben wir einen Kontakt als Option, oder? Klicken wir also auf diese InSR-Option und jetzt, wie Sie sehen können, erhalten wir dasselbe wie hier. Und jetzt, was Sie tun müssen, müssen wir hier auf Option klicken und ich muss Ihr WPForm einfach per Drag-and-Row hier durchsuchen Wie Sie sehen können, haben wir eine Option. Jetzt müssen wir HeFM auswählen, für welches wir uns entscheiden möchten. Jetzt haben wir diesen, lass uns darauf klicken. Geben Sie IC ein, gehen Sie hier zur erweiterten Option und ändern Sie diesen benutzerdefinierten Wert so, wie wir möchten. Ich nehme gerne 100, wie du siehst, wir bekommen 100 und jetzt können wir es einfach veröffentlichen. Und für dieses Formular Kundenmagier können wir das auch von hier aus machen Wir können den Kundenmagier ein bisschen machen. Nehmen wir an, wir können die Schriftgröße, die Feldgröße, den Beschriftungsstil und den Schaltflächenstil ändern Feldgröße, den Beschriftungsstil und den , falls Sie die Schaltfläche ändern möchten Nehmen wir an, das ist gerade die Schaltfläche und unsere Schaltflächenfarbe war etwas anderes. Wenn du dir das ansiehst. Das war unsere Knopffarbe. Wir brauchen also dieselbe Farbe, richtig, also können wir sie einfach kopieren, zum Design zurückkehren, einfach diese Farben ändern, Sie können sehen, wie sich das ändert. Ich möchte diese Farbe wie diese ändern, damit du die Veränderung sehen kannst. Und wie du willst, wenn du es groß oder klein machen willst, wie willst du? Du kannst es schaffen. Hier gibt es auch die erweiterte Option B Wood Nredian Und hier haben wir einen Level-Stil, einen Füllstil. Habe dort auch einige erweiterte Optionen. Und lassen Sie uns dieses Formular veröffentlichen. Außerdem, wenn Sie die Anpassung Ihres Formulars vornehmen möchten, dann wissen Sie, glaube ich, bereits davon. Sie müssen nur den Formular-Plug-In verwenden, den Sie persönlich verwenden. Wenn Sie also das Kontaktformular verwenden, gehen Sie zu contact fm und bearbeiten Sie Ihr Formular. Und wenn Sie das WB-Formular verwenden, dann gehen Sie zu Ihrer WB-Farm und bearbeiten Sie einfach das Was Sie also tun müssen, Sie müssen das Formular hier nur manuell eingeben Das Formular kann sich also nicht selbst importieren, Sie müssen es also nicht einfach manuell hinzufügen. Nehmen wir an, Sie benötigen eine E-Mail, Sie benötigen eine Telefonnummer. Was Sie tun können, Sie können einfach die Telefonnummer kopieren, sagen wir, und lassen Sie mich Ihnen mitteilen, wie wir das tun können. Im Moment haben wir also, wie Sie sehen können, eine E-Mail-Option, oder? Und jetzt brauche ich auch noch einen Text für eine Telefonnummer. Was Sie also tun können, Sie können einfach einzelne Zeile sagen, also füge ich einfach eine einzelne Zeile hinzu und ändere sie in Telefonnummer. Wie Sie sehen können, ist dies die Telefonnummer hier. Und wenn Sie den Platzhalter so hinzufügen möchten , können Sie das auch tun Lassen Sie uns auch hier in unserem Formular sehen, keinen Text gibt Wenn Sie sich das genau ansehen, gibt es kein Level. Es ist völlig leer. Es gibt dort kein Level. Was du also tun kannst, du kannst das Level hier einfach verstecken. Wir können das Level einfach verstecken, und was die E-Mail angeht, das Gleiche, wir können das Level verstecken. Aber wir können hier die Platzhalter-E-Mail hinzufügen , sagen wir, unsere E-Mail-Adresse Auf diese Weise können Sie also Ihr Formular per E-Mail versenden . Also ja 14. Verschachtelter Akkordeon oder FAQ-Bereich: Jetzt importieren wir unseren FQ-Bereich oder Ecodon. Für den FQ-Bereich müssen wir also wieder Figma Telementor Dann müssen wir auf die Kopie klicken und sie optimieren. Dann müssen wir hier hin gehen und nochmal taggen. Und jetzt müssen wir nur noch diese Fragebögen hier auswählen, das wird sagen wir FQ sein Was Sie also tun können, können Sie einfach in Ihren FQ suchen. Also, wenn du dort keine FQ bekommst, musst du deinen Ecodon suchen, einfach AC suchen, dann bekommst du das, was du einfach auswählst Und nach dieser Auswahl erhalten Sie diese Option wie das Titelformular Sie müssen also das erste Formular auswählen, dann ist das Symbol dieses und der Titel, ich bin mir nicht sicher, dieses, richtig Fügen wir ein neues hinzu, und das wird unser F-Two sein. Nochmals, hier sind Sie dabei, Abbildung zwei zu finden. Ist das Abbildung zwei. Fügen Sie eine neue hinzu und lassen Sie uns mit Abb. 3 fortfahren. Wählen wir Abbildung drei aus. Fügen wir noch eins hinzu, und das ist F vier. Okay, das ist kein Inhalt, das ist FQ vier. Dann noch einmal, füge hier F fünf hinzu, füge hier einfach AFX Fügen Sie es einfach hinzu und lassen Sie uns auf die Schaltfläche Änderungen speichern klicken. Und lass uns zurückgehen. Klicken wir auf Kopieren und jetzt heißt es CoptiCarPot Gehen wir zurück zum Desktop und klicken wir auf der anderen Seite auf Einfügen und Und wie Sie sehen können, bekommen wir das Gleiche, wie es entworfen wurde, oder? Außerdem müssen wir dasselbe ohne Widget eingeben. Also lass uns zurückgehen. Lassen Sie uns noch einmal das Widget-Tag optimieren und kopieren und gehen wir zu Akkordeon, diesem, und ich muss dieses auswählen Und wie Sie sehen können, werde ich es nur klarstellen. Jetzt gibt es also keine Steuerseite für Widgets. Also was ich mache, zuerst richte ich das Widget dort ein und gebe es einfach auf meiner elementaren Website Jetzt lösche ich einfach das Element oder Widget. Wie du sehen kannst, lösche ich es jetzt. Es ist nichts eingerichtet. Normale Kissen, wie Sie am Rahmensymbol sehen können. Also, was ich mache, wähle ich wieder aus und gehe zurück, und jetzt lass uns konvertieren, und es wird in die Zwischenablage kopiert Gehen wir noch einmal hin und lassen Sie uns das einfach hinter uns lassen. Okay. Wenn Sie also diese Art von Einfügen sehen, klicken Sie auf der Seite auf Weitergeben und fügen Sie sie ein. Wie Sie sehen können, haben wir jetzt die statische Version, also wie Sie sehen können, haben Sie zwei davon. Einer ist wie mit Widget. Das eine ist quasi ohne Widget, und wir müssen dieses Ding einfach so machen , dass es dasselbe ist, richtig? Also lass uns mit der Arbeit beginnen. Also, wie Sie sehen können, was werden Sie auf dieses FIQ-Akkordeon klicken und dann Asgacs öffnen, und wir müssen hier den Text hinzufügen Das ist also der Text dort, also können wir ihn einfach kopieren und lassen Ja, hier dreht sich alles darum. Und jetzt lass uns einfach okay, das kann dieselbe Zeile sein. Mal sehen, ob es dieselbe Linie ist oder nicht. Ja, das ist irgendwie dieselbe Linie, aber das ist es nicht. Also kannst du da draufklicken und lass uns zum Advance gehen und einfach hier entfernen. Ich verstehe nur diese Polsterung. Sagen wir das Oberteil, ich will eigentlich nichts Aber von überall her hätte ich gerne 20 Pixel. Also von oben kann ich es einfach auf Null setzen. Und von unten denke ich, dass es 16 Pixel besser ist. Sagen wir 12 Pixel. Ja, das ist gut. Mal sehen, wie es aussah. Also, ja, es ist in Ordnung Okay, lass uns hier auf den oberen Teil dieses Musters klicken. Herein. Und dann scrollen wir einfach nach unten und die Position des Artikels sollte gerade bis zu dieser Linie reichen, und das Symbol sollte so sein. Ja, das ist gut. Ja, wir müssen da hin und wir müssen hier die Kachel entfernen. Gehen wir zu den Buren, sagen wir, keiner von ihnen kümmert sich darum. Gehen wir auch zu dieser Laube. Und jetzt brauchen wir überall diesen Botter, richtig. Aber für den aktiven, also für den aktiven, wir zur Kachel, gehen wir zur aktiven und aktivieren den Burentyp, ich will es solide haben und wie wir wollen, lassen Sie uns zuerst wieder zum Design übergehen Und das könnte unsere Bure sein und das ist zu 100% Okay, lasst uns zuerst die Grenze hier herausfinden Das ist also unsere Flasche, oder? Also das ist Toke und das sollte 1,5 sein. Das ist unser Toke. Okay, also lass es uns kopieren. Lass uns nochmal zurückgehen. Und hier sind die aktiven, ich denke, wir nehmen diese Farbe. Es sollte besser sein, würde ich sagen. Diese Farbe. Also, wie Sie sehen können, eine aktive, mit dieser Randbreite, ich meine, das ist die Randbreite, also wie viel ich will, also möchte ich nur eine verwenden. Also sperre ich es ab. Machen wir eins draus. Oder wenn du es auf 1,5 setzen willst, dann kannst du es auf 1,5 setzen. Und dann haben die Grenzbereiche eine obere rechte Ecke. Das ist in Ordnung. Aber für unten und links brauche ich eigentlich nichts, wenn es aktiv ist. Wie du siehst, bin ich seidenaktiv, nicht schwebend. Aktiv heißt, wenn es geöffnet ist, oder? Wenn es geöffnet ist, das. Klicken wir auf den nächsten und gehen wir zum Hintergrund von, damit wir keinen Hintergrund vom Typ Let's Go benötigen , ändern wir die Farbe in diesen. Ja. Okay, also müssen wir die Farbe ändern. Also was wir tun können, wir können die Farbe von hier aus wählen. Lassen Sie uns also bitte die Farbe auswählen. In Ordnung, das ist also die Farbe, die wir wählen werden. Okay. Also ist das normal? Okay, also nochmal, klicken Sie hier auf dieses, nächstes und gehen Sie hier zur Farbe und fügen Sie einfach den Farbcode hinzu. Okay. Okay, jetzt ist es hinzugefügt. Also, was Sie tun müssen, wir müssen hier den Eckenradius hinzufügen. Nochmals, klicken Sie einfach dort auf diesen. Gehe zum Stil und dann zu Botter und Flaschenradius, ich füge hier gerne diesen und diesen Also was ich mache, ich kopiere es einfach von dem aktiven. Wenn ich also zum aktiven gehe, füge ich, wie Sie sehen können, diesen Flaschenradius hinzu, diesen, ich kopiere einfach dieselbe Zahl. Also kannst du es zu einer runden Figur machen. Sie können zum Beispiel acht daraus machen, oder wenn Sie neun daraus machen wollen, dann können Sie es tun. Und mach einfach die runde Figur, dann öffne sie und gehe dann zur nächsten, zur nächsten, die sich öffnen wird, geh zur Bure und hier zum Brett, so wie es eins sein wird Und wenn Sie den, sagen wir , wenn Sie hier einen Hintergrundtyp hinzufügen möchten, sagen wir Bootsfahrer, dann können Sie das tun Also können wir hier einen hinzufügen, und dieser sollte einer sein. Und wir müssen hier auch Farbe hinzufügen. Unsere Farbe wird also diese Farbe sein, also können wir einfach die Farbe kopieren, wieder hierher gehen und zu Botter gehen und unsere Farbe wird dieselbe sein wie diese Okay, das ist in Ordnung. Also lass uns jetzt sehen, wie es aussieht. Also das ist jetzt die Sache. Ja, das ist in Ordnung. Das ist die Sache, die wir tun werden. Aber das Problem dabei ist, Sie vielleicht schauen, dass das abgerundet ist, aber das ist nicht abgerundet. Also das Problem hier, weil ich denke, wir machen hier den Eckenradius. Also das sollten acht sein. Das sollten acht sein, nicht 88. Aber die Änderungen werden auf der aktiven Version vorgenommen. Aktiv eins wird Null und Null sein. Lassen Sie uns jetzt sehen. Aktiv wird Null und Null sein. Aber wenn du den normalen siehst, ist Normal in Ordnung. Normal wird acht und acht sein, richtig. Also die Acht oder Neun. Okay, das ist in Ordnung. Und jetzt, wenn du sagen willst , ob du es näher machen willst, klicke darauf und gehe dann zu Advance. Und was wir dann tun können, wir können den Mod hier einfach hinzufügen. Nehmen wir an, ich gehe hier gerne mit 16 Pixeln raus. Das ist in Ordnung. Das sieht gut aus. Und wenn du es näher machen willst, dann lass es uns 24 oder 20 machen, wenn du willst, mach es 20 so. Oder eine Sache, die Sie tun können, Sie können es einfach kopieren, klicken Sie einfach auf Kopieren und fügen Sie es ein. Und wenn Sie nach dem Einfügen den gleichen Stil anwenden möchten, klicken Sie hier auf den Hauptcontainer, klicken Sie hier auf Kopieren Klicken Sie einfach hier auf diese Kopie und gehen Sie zum nächsten und klicken Sie auf den Stil einfügen, fügen Sie diesen Stil Dann bekommen wir hier den gleichen Stil, oder? Das ist also ein anderer Weg, den Sie tun können. Also kopiere und füge zuerst hier ein. Gehen Sie erneut zum nächsten, fügen Sie ihn hier ein und fahren Sie mit dem nächsten fort. Sie können hier buchstäblich einfügen. Und wenn Sie jetzt den Stil anwenden möchten, klicken Sie auf diesen Hauptcontainer, kopieren Sie ihn, gehen Sie dorthin, fügen Sie den Stil ein, wir haben ihn Lass uns das Styling einfügen, hol es dir. Lass uns jetzt zur Pistyle gehen , das heißt, wir bekommen hier dasselbe Jetzt werde ich Ihnen sagen, wie wir einfach den CN hinzufügen können Wenn Sie also Ihre eigene CN importieren möchten, müssen Sie nur hier oder auf diese Upload-VC klicken . Dann müssen Sie Ihre HVC hochladen, die Sie hinzufügen möchten, fügen Sie sie einfach hinzu und wählen Sie sie aus Und dann wird es sich ändern. Und wenn du eine Icon-Bibliothek hast, sagen wir, du verwendest eine riesige CN-Bibliothek oder etwas anderes, wenn du es auf einmal hochladen willst, dann lade es einfach hier hoch, Elementor, dann wird das gesamte Symbol auf einmal hinzugefügt, oder? Du musst die Cn also nicht manuell von hier hochladen . Und um dieses Symbol zu exportieren, müssen Sie hier zu diesem FigMA gehen und Sie müssen nur das Symbol auswählen und Sie müssen diese Exporteinstellung wählen, Sie müssen hier HVC auswählen und einfach den Con-Wrap auflösen, dann erhalten Sie hier dieselbe HVC-Datei Also, ja, ich hoffe, du verstehst, wie du dein eigenes Icon hinzufügst oder wie du die Änderungen vornehmen kannst Und wenn ich mich nicht irre, haben sie diese Einstellung bereits hier für den Cn. Wenn Sie also zu diesem Symbol gehen, erhalten Sie diese Größenoption. Nehmen wir an, ich nehme gerne 26 oder 20 Pixel, wenn ich falsch liege, ja, 20 Pixel, lass uns gehen. Lass uns die Farbe ändern. Wenn du möchtest, dass es die Farbe ändert, dann kannst du es von hier aus tun. Wenn du also zum Stil gehst und nach unten in die Kopfzeile scrollst, dann bekommst du im Grunde diese Option. Außerdem ist es eine Typografie, nimm die Änderungen vor. Auch wenn Sie die Farbe, den Text, die Kontur, was auch immer Sie wollen, ändern möchten, all diese Einstellungen, werden Sie einen Stil wählen Das Letzte ist wie das Ändern der Hintergrundfarben. Für diese müssen wir diesen Stil wählen. Und normalerweise müssen wir diese Farbe machen , was auch immer du willst Nehmen wir an, ich mache daraus die weiße Farbe. Wie Sie jetzt sehen können , ist es weiß. Immer wenn ich darauf klicke, sehe ich so etwas. Also was ich tun muss, ich muss hier wieder aktiv und für die Hintergrundfarbe muss ich die gleichen Farben auswählen. Also bist du aktiv. Also, was die Farbe angeht, ich ändere sie gerne. Also ja, wenn ich jetzt einfach klicke, wie du siehst, bekommen wir dieselbe Farbe. Wenn ich einfach klicke, bekommen wir hier dieselbe Farbe. Okay. 15. Kopf- und Fußzeilen: Jetzt werde ich Ihnen mitteilen, wie wir benutzerdefinierte Kopf- und Fußzeilen hinzufügen können Dafür brauchen wir also nur Element to Pro. Wenn Sie bereits Element to Pro haben, ist das in Ordnung. Oder wenn Sie es nicht haben, benötigen Sie dafür einen zusätzlichen Stecker. Das ist etwas Element oder Kopf- und Fußzeile. Wenn Sie es haben, installieren sie einfach dieses Plug-in-Suchelement in der Kopfzeile Dann bekommst du ein Plugin. Okay, also hier dieses, du musst es installieren und aktivieren. Sie können diesen auch ausprobieren. Ich denke, das sind die gleichen Funktionen. Ja, du kannst beides versuchen. Aber ich habe bereits Element of Pro, also werde ich es Ihnen mit Element of P zeigen . Also zuerst müssen wir Vorlagen verwenden, und wir müssen hier zu Team Builder gehen. Und dann müssen wir hier in die Kopfzeile gehen, auf dieses Plus-Symbol klicken, auf das Plus-Symbol klicken. Hier ist da. Gehen wir jetzt zu dieser Figma, ich klicke auf diesen Header Gehe zum Fig Mad Elemental Plugin, optimiere es, konvertiert und kopiert eine Tastatur Gehen Sie jetzt zurück zu Elementor und lassen Sie uns hier sehen, welcher Header bereits übereinstimmt Also das ist das Gute, was ich will. Und dann sieht das, glaube ich, genauso aus. Ich denke, das hier und das hier sehen gleich aus. Ja, dieser sieht genauso aus. Also lass uns da rein Also, wenn du darauf setzen willst , dann werde ich dass du deinen Account damit verbindest Okay, also lass es uns vorerst ignorieren. Lass uns auf diese Kreuzoption klicken und jetzt lass uns einfach an der Seite weitermachen, sie weitergeben. Wie Sie sehen können, erhalten wir genau den gleichen Header. Wie Sie sehen können, erhalten wir genau den gleichen Header für Dextro. Aber wenn du zum Handy gehst, wird es etwas anderes sein Was Sie also tun können, wir können es buchstäblich einfach duplizieren. Also, wie du sagen kannst, mach zwei draus. Und wir können es auf mehrere Arten machen. Das ist kein Damm, das ist verrückt, so was. Das kannst du auf mehrere Arten machen. Also das ist etwas, sagen wir, für Dextop und das ist etwas, was wir für Tab oder Handy wie dieses sagen könnten , Tap oder Handy Auf dem Desktop wird das also nur für Textb sichtbar sein nur für Textb sichtbar sein Also, was kannst du tun? Ich kann den Container auswählen, zu „ Weiter“ und dann zu „ Responsive“ wechseln und diesen einfach für diesen deaktivieren. wir zu diesem Tablet, gehen wir zu Advance, wechseln wir zur responsiven Version und löschen einfach einen Header Das heißt, dieser sieht einfach aus, genauso. Das ist anders, oder? Okay, das ist in Ordnung. Also jetzt hier auf diesem Tablet, was müssen Sie tun, wir müssen hier nur den NAP hinzufügen , einfach nach NAP suchen, dann erhalten Sie ein WordPress-Menü, einfach das Odd Press-Menü per Drag-and-Drop. Okay, jetzt mit dem WordPress-Stift müssen wir nur ein paar Techniken anwenden Also was wir tun können, wir können diese Schaltfläche einfach verfolgen und hier die Hauptschaltfläche und darunter das Logo zeichnen , wie dieses Das ist unser Logo. Und dann fügen wir dort dieses W-Press-Menü hinzu, oder? Und jetzt entferne es einfach. Also bekommen wir dasselbe, oder? Und hier, das Muster eins, ich ändere gerne dieses Pixel. Nehmen wir an, ich mache es gerne so. 20 vielleicht 21, das ist gut. Das ist das Menü, ein anderes, also ändere ich das gerne mit Ulcer , das sollte benutzerdefiniert sein und das sollte mit Pixeln sein, glaube ich nicht Jep. Das ist gut. Ja, das ist gut Ja, das ist gut. Also, wenn du es ein bisschen näher bringen willst, dann können wir es noch sündiger machen. Also ja, vergrößern Sie einfach die linke Seite. Also nehmen wir an, ich möchte auf Pixprozent gehen. Der Prozentsatz wird viel schneller und einfacher sein. Also 40, ja, das sieht näher aus, 45 und 40, 44 ist gut. Mm. Mache sie zu allem und zentriere alles, rechts mittig. Ja. Nun, wenn du ein bisschen personalisieren willst, dann kannst du das definitiv tun. Und das ist albern für das Handy. Also hier, das sieht ziemlich gut aus. Und wenn du zu diesem Handy gehst, ist das in Ordnung. Und eine Sache, wenn du es hinzufügst , wann immer du es hinzufügst, wird es nicht genauso aussehen wie es ist, oder? Also, wenn du darauf klickst, dann, wie du sehen kannst, sieht das jetzt so aus weil ich auch hier die Breite geändert habe. Es muss also auch ein bisschen eingestellt werden. Gehen wir also zu diesem Layout und wir müssen es in voller Breite einrichten, oder? Wenn es mobil sein soll, sollte es die volle Breite haben. Und wenn du es mittig machen willst, ja, definitiv, es ist die Option, zuerst die Mitte zu mischen, aber ja, schreibe sie mittig. Ähm, okay, jetzt schauen wir uns die Vorschau an. Das ist das Zentrum. Wenn wir es bis hierher schaffen, wird das auch das Zentrum sein, glaube ich. Okay, also ja. Und ich denke, wir brauchen es nur für das Handy. Wir brauchen es nicht wirklich für das Tablet weil es auf dem Tablet, glaube ich, ein Feed sein wird. Also können wir es einfach nur für Handys machen. Gehen wir also zum Handy, und das ist momentan das Handy, und das ist gut, finde ich. Also was wir tun können, wir können einfach den Wind hier oben ändern. Also sagen wir mal, ich mache das gerne so wie viel wir wollen Lass es uns pixelig machen. Machen wir es also zu Torty. Das ist in Ordnung. Und ich will es auch zu dieser Torti machen Gehen wir also zu dem und lassen Sie uns zum Beispiel mit einer Sache gehen, wenn Sie sehen, dass es keine Taste gibt, dann stellen Sie sicher, dass Sie Hamburger mit Umschalttaste wie diesen auswählen Dann bekommst du diese Option hier. Wie Sie jetzt sehen können, hat es die volle Breite. Also ja, die Hauptsache hier, wir müssen nur diese Breite korrigieren , denn wenn Sie diese Berechnung korrekt durchführen, dann wird es okay sein, oder? Andernfalls werden Sie feststellen, dass das irgendwie kaputt ist, wie Sie sehen können. Jetzt sieht es aus, als ob es kaputt ist. Das ist eine Seite, das ist eine Seite. Also müssen wir nur diese Breite korrekt berechnen. Nehmen wir an, ich möchte 30 Pixel machen, das ist gut. Okay. Also, nachdem ich es repariert habe, werde ich es mit dir teilen. Ich sage auch, wenn Sie es sehen, wird das nicht im Mittelpunkt stehen, sondern dass jede einzelne Stelle auf dieses Logo geht. Überprüfen Sie vorab diesen Rand und die Polsterung Gehen Sie zur Schaltfläche und überprüfen Sie den Rand und die Polsterung. Gehen Sie auch zu diesem Punkt N, überprüfen Sie den Rand und die Polsterung Wenn Sie also sehen, dass dies nicht von zentraler Bedeutung sein wird. Im Moment, wie Sie sehen können, wird es im Mittelpunkt stehen, aber bevor ich es nicht war, versuche ich es oft, ich gehe einfach nicht, aber jetzt ist es okay. Aber entferne diese Polsterung nicht. Wenn Sie nur die Polsterung entfernen, müssen Sie sie wahrscheinlich erneut hinzufügen Ich helfe dir, es zu verstehen. Okay, jetzt müssen wir Tablet eins reparieren. Aber auf dem Tablet sieht das genauso aus, oder? Also, wenn du den Mist dort hinzufügen willst, ist das in Ordnung. Geh einfach dorthin und gehe zu diesem Inhalt, und wir müssen hier etwas hinzufügen. Dieser Hamburger, dieser und das sollte eine Ikone sein Wenn Sie also dieses Drop-down-Menü auf dem Tablet hinzufügen möchten, müssen Sie sicherstellen, dass Sie dieses Dropdown-Layout als Dropdown-Layout auswählen Wenn wir also sagen, Ihre horizontale oder, sagen wir, vertikale Option auswählen , dann wird hier wahrscheinlich keine Kreuzoption angezeigt. Also, ich meine, Menüoption hier. Sie müssen also sicherstellen, dass dies im Drop-down-Menü ist. Also, wie Sie sehen können, ist das Dropdown, und jetzt können wir das Menü sehen und wenn Sie darauf klicken, dann wird Asi Cans da oben sein. Aber es ist nicht sichtbar , weil wir zu diesem Header gehen und Zt-Index drei p neun hinzufügen müssen. Dann kommt es wahrscheinlich, also jetzt kommt es wahrscheinlich hierher. Also ist es wahrscheinlich dasselbe. Ja, jetzt ist es dasselbe. Außerdem, wenn du hier diese Hintergrundfarbe hinzufügen willst, dann gehe zu dieser NAF wie zum Header Ich meine, das Hauptbild und dann das Normale. Und hier, diese Hintergrundfarbe, nehme ich gerne die Hintergrundfüllung. Also lass uns klicken. Wie Sie sehen können, erhalten wir hier die Füllfarbe des Hintergrunds. Ja. Nun, ich hoffe, du verstehst es, und hier dreht sich alles um das Handy. Das ist unser Tablet und das ist unser Desktop. Also ja, das ist es. Also , um diese Option hier zu korrigieren, müssen wir nur noch an diesem Gras arbeiten. Wenn Sie also einfach das Gras reduzieren , wird das behoben sein. Wenn Sie nur den Wunsch reduzieren , wird das behoben, glaube ich. Und wenn du ein Menü hinzufügen möchtest, wie das Nap-Menü , was du tun kannst, kannst du buchstäblich einfach in deinem Nap suchen. Dann kannst du hier das „Was drücken“ -Menü hinzufügen, etwa so in der Mitte. Und jetzt musst du ein bisschen einstellen. Also lass uns auf diesen Stift klicken. Ich kann diesen Stil wählen und einfach Typografie machen und daraus zum Beispiel 18 Pixel machen und auch 400 Ja, 400 werden weniger sein. Lass uns mit 500 gehen. Und Sie können die von zwei Objekten buchstäblich entfernen, und Sie können einfach ein bisschen mit Stil arbeiten, wie Sie sehen können, denn jetzt, wenn ich mit der Maus darüber fahre, wird es weiß Also was wir tun müssen, wir müssen die Farbe ändern. Also schweben Sie mit der Maus über die Farbe, das sollte die Primärfarbe sein, oder? Wie Sie jetzt sehen können, sollte es also die Primärfarbe sein. Jetzt hat es sich geändert. Auf dem Zeiger sollte die Farbe Überschrift sein. Also jetzt werde ich sagen, es ist Veränderung. Also, ich glaube auch, dass wir diese Zeigerfarbe nicht wirklich brauchen. Entferne es einfach. Also ja. Also jetzt können wir hier einfach Anpassungen vornehmen, dann wird es behoben. Schauen wir uns also die Vorschau an. Ja, das ist in Ordnung. Klicken wir also auf diese veröffentlichte Option. Jetzt ist unser Header fertig und jetzt können wir mit dem nächsten fortfahren. Es dreht sich alles um unsere Fußzeile. Okay, jetzt gehen wir zur Fußzeile. Klicken wir also bei Neu und Fußzeile auf Alle Teile. In Ordnung, jetzt wird es geladen. Okay, wir müssen also wieder hierher zurückkehren. Und für die Fußzeile müssen wir nur noch einmal in unsere Zwischenablage kopieren Nachdem wir es kopiert haben, kreuzen wir es und klicken wir hier auf diese Schaltfläche, fügen sie von der Seite ein und fügen In Ordnung, das ist also ein zusätzliches Versionsfoto, oder? Also, was ist das für ein Bild? Mal sehen, welche Bilder das sind? Nein, ich glaube, es wird kein Bild benötigt. Also lass uns das Bild entfernen. Das ist nicht notwendig. Das ist gut. Ich denke, das Foo wird viel einfacher sein, weil wir hier nur die Breite korrigieren müssen , sonst nichts Denn wenn du zu diesem Tablet gehst, dann müssen wir die Breite hier einhalten Wenn wir zu diesem Handy gehen, müssen wir auch die Breite einhalten. Das ist es, und es müssen auch einige unnötige Teile entfernt werden. Also ja, darum geht es. Okay, lass uns hier mit dem Reparieren beginnen. Auf dem Desktop müssen Sie nur dieses Symbol anbringen, oder? Das Symbol ist also schon da. Lass uns hier auf diese Struktur klicken und darin müssen wir nur die Breite korrigieren. Im Moment, wie Sie sehen können, ist dies ein Prozentsatz, also lassen Sie uns etwas verringern und erhöhen. Ja, 15 ist sehr, gut. Okay, jetzt ist es falsch. Also, wenn du die Größe reduzieren willst, dann können wir das auf jeden Fall tun. Wir können es machen oder du kannst es mit 16 Pixeln machen. Gehen wir jetzt zum Tablet und auch zur Breite. Auf einem Handy muss ich sie also auch in die Mitte stellen. Außerdem müssen wir diese Breite auf jeden Fall korrigieren. Also fügen wir die Breite hinzu. Im Moment müssen wir zum Beispiel den Hauptrahmen, den Mainframe , auf 100% einstellen Und für den anderen müssen wir nur das Gewicht reduzieren. Im Moment sind es also, wie Sie sehen können, 90 oder 18 Pixel. Lass uns zum nächsten gehen und dasselbe tun. Wann immer ich es hinzufüge, geht es, wie Sie sehen, in die nächste Zeile. Also das ist der nächste. Außerdem müssen wir diese Obergrenze neu einstellen, also sagen wir, es vier Pixel oder fünf, sechs. Und jetzt, wenn Sie es hier sehen, dann sieht es genauso aus wie vorher. Das ist auf dem Desktop, Tablet und das ist auf dem Handy. 16. Alle Blogseiten Blogeinträge ( Figma zu WordPress ): Jetzt werden wir sehen , wie wir eine Blockseite in Elementor importieren können eine Blockseite in Elementor Um das zu tun, müssen wir hier Vorlagen verwenden, und wir müssen hier Theme Builder aufrufen. Und jetzt müssen wir hier auswählen, was du willst? Nehmen wir an, wir wollen ein Arca-Blog-Archiv wie ein Schwein. Klicken wir also hier oben auf die Schaltfläche „Neu “. Richtig. Also lass uns jetzt zurückgehen. Okay, jetzt teilt Asics einige vorgefertigte Vorlagen, wir aber nicht wieder verwenden werden Lass es uns schließen. Und jetzt kehren wir zu unserem Design und dem Figma-Design zurück Gehen wir zum Fig-Bet-Elementor-Plugin wie y Cei und lassen Sie uns TMAs aufrufen Wenn du Zeit zum Optimieren hast, dann mach Optimus, jetzt kopiere ich Was ich mache, füge ich einfach von einer anderen Seite ein und dann Control V. Jetzt wird es ein bisschen dauern Okay, jetzt haben wir das gleiche Design, wie Sie sehen können. Okay, also eine Sache vorher. Machen Sie weiter, wenn Sie sehen, dass Ihr Design aus einem Container besteht, dann müssen Sie eine Sache tun. Lass mich auf deine Website gehen. Und jetzt müssen Sie hier oben auf die Option zum Anpassen oben klicken . Und dann müssen Sie hier oben die allgemeine Option auswählen. Dann müssen Sie zum Container gehen und dann Ihre volle Breite oder Ihre volle Breite wählen , den Inhaltshauptteil in voller Breite wählen und den Abstand zwischen ihnen auf Null setzen. Machen Sie sie auf Null. Das ist es. Und dann lass es veröffentlichen. Andere schauen sich an, welche App und Sie werden sehen, dass es nicht möglich ist, sie in voller Breite zu verwenden, oder? Denn im Moment, wie du siehst, ist das die volle Breite, aber das muss so sein, oder? Das wird dasselbe sein. Also, was muss ich tun? Was ich tun kann, ich kann mir dieses Hauptgericht holen. Also lasst uns diese Struktur verbessern. Das ist unsere Hauptseite, und das ist unser Held, und das ist unser Hauptmerkmal Ähm, ich möchte diesen Block wirklich zu einem machen, wie der Hauptblock und in voller Breite, aber er sollte zu 100% sein. Also, was ich sagen kann, das sollte jetzt zu 100% sein. Und das ist jetzt zu 100%. Aber ich muss eine bestimmte Größe wählen. Also was ich tun kann, das ist die Kategorie. Ich meine, das ist dieser Container, und sagen wir, ich möchte ihn so machen, wie ich will. Sagen wir, 80 Pixel will ich. Und das ist mit einem Container, oder? Okay, das ist mit 80 Pixeln. Ich meine, 80%. Was Sie mit diesem Container machen können, können wir auch ändern. Aber ich denke, der Prozentsatz wird besser sein. Gehen wir zum nächsten, wie dem ersten Hauptmerkmal und mit dem Container und der vollen Breite, und das sollte 80 sein und das sollte 100% sein, oder? Und das sollte 100% sein. Okay, das ist jetzt das Design, wie Sie sehen können. Ja. Das sieht ziemlich gut aus, aber das müsste viel mehr sein, oder? Es wird viel mehr Cluster sein. Also, was Sie tun können, wir können sie einfach in den Mittelpunkt stellen. Geh einfach dorthin und lass sie hier in den Mittelpunkt rücken. Dann wird es definitiv im Mittelpunkt stehen. Und das ist der Container und das ist der Heldenbereich. Ich denke, beide sehen gleich aus, also was kannst du tun? Wir können die Größe einfach ein wenig erhöhen. 88. Ja, es sieht gut aus. Okay, es sieht gut aus. 88. Das ist in Ordnung. Okay, lassen Sie uns auf eine Veröffentlichungsoption klicken. Okay, jetzt müssen wir nicht veröffentlichen. Im Moment können wir das speichern, quasi als Entwurf speichern. Okay. Nun, um diese Karte hinzuzufügen, was wir tun müssen, können wir ganz einfach tun. Klicke einfach auf dieses Pflaster-ICN und suche deinen Loop. Durchsuche einfach deinen Loop. Diese Dinger brauchen Element to Pro. Wenn du kein Element hast, dann wird es heute ziemlich schwer. Aber dafür brauchst du wirklich Element to Pro. Lassen Sie uns also einfach per Drag-and-Draw Ihren Loop erstellen. Wenn du also hier ziehst und draftest, siehst du so etwas, und jetzt wirst du es einfach machen. Okay. Gehen wir hier zum Rahmen, Innenseite des Rahmens, zur Innenseite des Rahmens. Dann bekommst du dort zusätzlichen Rahmen. Dann bekommst du wieder eine Blockkarte. Und hier. Also, was ich brauche, wir brauchen nur die Blockkartenmahlzeit , wir würden das alles nicht brauchen. Einfach die Blockkarte kopieren und fertig. Nun zu diesem Design, wie Sie sehen können, habe ich das Design nicht optimiert. Deshalb bekomme ich viele Behälter. Wenn ich also Optimize und Figma hier mache , wenn ich gerade importiere, werde ich dort nicht viele Container sehen Dann kann das viel einfacher zu verwalten sein. Ich hoffe, Sie verstehen, wie wichtig es ist, das Design zu optimieren. Wie dem auch sei, lass uns hier auf „ Neues erstellen“ klicken und dieses Muster speichern. Und dann warte einfach ein bisschen. Okay, jetzt, wie du sagen kannst, ich kopiere vorher. Also was ich tun kann, ich kann es einfach hinter mir lassen. Und nachdem Sie es gepostet haben, klicken Sie einfach hier oben auf und gehen Sie jetzt zu 200% Wie du jetzt sehen kannst, erhalte ich 100%. Jetzt müssen wir hier nur ein bisschen arbeiten. Also als Erstes ist hier das Bild. Gehen wir also zum Stil, ändern wir es in Featured Image, dann bekommen wir alle vorgestellten Anforderungen. Gehen wir zum Cin. Und mit dem Cin bekommen wir hier einen Text, und statt Text bekommen wir hier eine Sache. Das kann diesen sehen. Was können wir also tun? Lass uns wieder hier hingehen. Stattdessen bekommen wir zwei davon. Also lass uns einen von ihnen entfernen. Und lassen Sie uns einen von ihnen behalten, O. Und hier bevorzuge ich Okay, also wird es unsere Post-ID oder Post-Harm sein. Okay, lassen Sie uns mit Post Harm und dann mit Kategorien weitermachen. Es wird eine Kategorie mit Ama sein, wenn sie einen Link haben, und dieser hat definitiv einen Link da. Ja, das ist gut. Ja, lassen Sie uns das Ganze auf jeden Fall auf hundert Personen erhöhen. Ähm, lass uns gehen. Beim nächsten Mal bekommen wir zwei Cantina-Hirsche Also ja, wir können es vollgewichtig machen, wenn du willst, aber ich glaube nicht , dass wir es brauchen Oder wir können es automatisch machen, wenn sie die automatische Option haben. Okay, also ich verdiene jetzt 100%. Also ja, das sind 100%. Aber ich glaube nicht , dass wir 100% machen müssen , sondern ich dachte, wenn wir das tun, okay, versuchen wir es einfach mal Ich dachte, wenn wir sie online machen, ja, das ist ziemlich nett Lux. Das ist gut. Okay, lass uns zum nächsten gehen. Das ist unser Titel. Gehen Sie also hierher und klicken Sie auf Dynamisches Tag, und das kann unser Host-Titel sein. Lass uns zum nächsten gehen und das sollte unser Beitrag sein. Nehmen Sie diesen aus. Ich will hier vielleicht 20, nicht viel. 20, wie du siehst. Oder wenn du willst, dann kannst du es hinauszögern. Sagen wir 12, wie viel ist das? Lass uns sehen. Ja, 12 ist so. Nehmen wir 16, weil ich hier nur zwei Zeilen haben will. Ich will nicht viel. Fünfzehn ist 14, das ist in Ordnung. Wenn du es jetzt näher machen willst, habe ich hier eine Lücke, aber wenn du es näher machen willst, dann kannst du die Polsterung auf jeden Fall einfach entfernen Ja, wenn du kannst, die Polsterung. Ich denke, wir können, sagen wir, negative Polsterung Wir können, sagen wir, ein Pixel unten und oben hinzufügen. Ja, das ist in Ordnung. Das ist in Ordnung. Okay. Lass uns zum nächsten gehen. Es ist so, du musst deinen Benutzer ändern , einfach dort anrufen und den Namen des Autors abrufen. Das ist der Name des Otons. Lass uns wieder dorthin gehen Gehen wir zu dem Datum, an dem ich es hier haben will. Datum des Beitrags. Ja, Postdate-Leitfaden Wenn du klickst, dann hast du mehr Optionen, du bekommst DFL wie dieses hier Der Beitrag wurde so geändert. Also das ist gut. Wenn es so ist, als ob der Beitrag geändert wurde, dann ist es dasselbe wir bekommen ein C, aber ich finde es gut. Also, was wirst du hier eingeben, veröffentlichen? Ich denke, die Art und Weise, wie veröffentlicht wird. Das ist gut. Gehen wir zum nächsten und machen wir ein Bild. Gehen wir also zum Bild. Gehe zum Stil, und das sollte dein Ath-Preflex-Bild sein. Ja, das ist gut. Alles sieht ziemlich gut Ich denke, es muss nichts extra hinzugefügt werden. Also, was musst du tun? Wir müssen hier einfach auf „Sicher “ klicken, auf „Sicher“ und dann auf „Butter zurück“. Dann geht es sicher und zurück. Also ja, jetzt wird es fertig sein, glaube ich. Also, was muss ich tun? Ich muss dieses Ding nur kopieren und einfügen. Also was wir tun können, wir können diese Schleife buchstäblich hier reinkopieren oder wir können sie einfach hier einfügen. Wenn Sie also zu den K-Funktionen gehen, lassen Sie uns einen Container haben, dann ist es ein Ein-Container und dann lassen Sie uns einen Ein-Container haben. Okay, wie Sie sehen können, gibt es dort eine Menge Container. Das ist ziemlich nervig, finde ich, weil es viele Container hat. Die sind meistens nicht nötig. Wie dem auch sei, lass uns unsere Blocks dazu gehen. Ich muss sagen, das sind Blocks. Okay, hier dreht sich alles um unsere Kategorie, diese, richtig? Das ist unsere Kategorie. Das sollte also unsere Kategorie sein. Das sollte Kategorie sein. Warum gebe ich diesen Namen , damit ich leicht identifizieren kann, was was ist? Also entferne ich hier einfach diese Blöcke. Und ich kopiere dieses Ding auf jeden Fall gerne. Okay, für das Kopieren kannst du einfach den Loop kopieren, Control X, oder ich kann einfach per Drag-and-Drop hier den Blockbereich ziehen und diesen hier entfernen , okay, wir bekommen hier jetzt einen Block. Wird sehen. Wir bekommen dort einen Block. Wenn Sie also noch einmal etwas tun möchten, dann gehen Sie einfach auf Bearbeiten, Optimieren und klicken Sie auf die Schaltfläche Sicher. Dann machen wir wieder die Bearbeitung und wir können die Anpassung vornehmen, wie Sie möchten. Klicken Sie einfach darauf und gehen zu, wie Sie möchten, nehmen Sie einfach die Änderungen vor, was auch immer Sie wollen, tun das und klicken Sie auf Änderungen speichern, und es wird aktualisiert. Schauen wir uns also an, wie es aussah. Okay, es wird geladen. Okay, das ist jetzt ein Update. Das ist gut. Nun, was ich tun muss , muss ich hier eine solche Kategorie hinzufügen . Ich glaube, ich will es. Also was ich tun kann, ich kann hier diesen Filter verwenden, auf jeden Fall. Wenn du also suchst und filtrierst, dann bekommst du eine Taxonomie, wie diesen Taxonomiefilter, einfach Also, was ich tun muss, ich muss hier eine Schleife auswählen , die wir vor Kurzem erstellt haben, und jetzt muss ich hier eine Kategorie anzeigen, damit ich all diese Kategorien abrufen kann Aber denk mal darüber nach, ich will es in einer Kategorie haben. Aber was ich tun muss, kann ich einfach auswählen, einfach alle bei Swans löschen oder ich kann diese Kategorie definitiv entfernen und diese Taxonomie einfach hier per Drag & Drop hierher Wie Sie sehen können, haben wir also dieselbe Option. Okay, das ist ziemlich gut. Wenn du es links haben willst, dann glaube ich, es hat auch eine Lebensseite. Ja, das ist momentan die linke Seite. Also müssen wir hier auch ein bisschen Stil machen. Gehen wir also zum Stil über und jetzt, was es kann, es kann hier ganz normal sein und wir können hier eine Polsterung hinzufügen Also, um die Polsterung zu machen, was sie kann, das kann man hier machen, mal sehen, 24 und 36. Lass uns hierher gehen. Ich brauche die Farbe auf jeden Fall. Es ist eine Kopie. Also geh her. In der Ecke gibt es für jedes Mal vier Videos, und das sollte oben und unten sein. Also oben werden 24 sein, unten 24, und das sollte 32 sein. Das sollte 32 sein. Also, was du tun kannst, wir können definitiv 20 nehmen. Ja, 20 bekommen. 32 sehen so viel aus. Lass uns mit 24 anfangen, wie sieht es aus? Okay, also 24. Okay. Gehen wir jetzt zur Bactron-Farbe Gehen Sie also hierher und wählen Sie das System aus. Okay, normalerweise möchte ich eigentlich keine Hintergrundfarbe haben. Ich will BotEro Pixel Boer, ich will, auf jeden Fall. Lass uns das Haar in der Farbe waschen. , wird die Bure ein Pixel Wie Sie sehen können, wird die Bure ein Pixel haben. Das ist gut Okay, was passiert dann, wenn die Leute schweben ? Dann hat es sich geändert Die Hintergrundfarbe wird so geändert. Wenn jemand schwebt, wie Sie sehen können, ist das gut. Ich glaube, es wird keine Laube geben, wenn sie schweben. Normalerweise glaube ich nicht, dass wir irgendwelche Buren hinzufügen müssen. Okay, also lass uns keinen draus machen. Aktive Farbe, ich denke, wir müssen eine Hintergrundfarbe hinzufügen . Okay, das ist also gut. Also, das ist ziemlich gut. Okay, schauen wir uns an, was passiert ist, also haben sie auch eine Farbe, wenn sie eine normale haben, also gehen wir zurück und gehen wir zur Normalität über. Gehen wir zur Farbe und ändern wir die Farbe auf der Rückseite und nennen wir es so. Also das ist auch gut. Und jetzt gehen wir zur Typografie und machen sie definitiv zu einem Medium Ja. Nun, wenn du ein bisschen mehr Zeit damit verbringst, dann kannst du es definitiv ausgefeilter, besser machen . Verbringen Sie ein bisschen mehr Zeit hier, um es besser zu machen. Das wird unser Seitenname sein. Wenn Sie etwas über den pH-Wert wissen, dann sollte dies auf jeden Fall unser Seitenname sein. Aber, aber, aber ich glaube nicht, dass wir es brauchen. Wir müssen es nicht ändern, weil Block Page nur eine Seite sein wird. Ich glaube also nicht, dass wir etwas tun müssen, um uns zu ändern. Außerdem können wir hier den Link hinzufügen, falls Sie etwas haben. Also lass uns einfach Blog streichen. Wenn du etwas hast, fügen sie einfach ihren Link hinzu, und das sollte unser Zuhause sein Was wir also tun können, wir können einfach unser Zuhause hinzufügen, also sollte das unser Zuhause sein Ja, das ist alles über diese Seite, glaube ich. Und außerdem, okay, eine Sache, wenn du einfach gehen willst, klickst du auf irgendwas davon. Okay, also wenn du hier einfach irgendwas davon anklickst, Loop Loop, dann findest du dort auf der linken Seite ein paar weitere Optionen und Einstellungen. Von dort aus können Sie auch Anpassungen vornehmen. Nehmen wir an, Sie möchten eine Paginierung hinzufügen, oder Sie möchten hier einen Cory hinzufügen, alles, was auch immer Sie wollen, Sie können es von hier aus tun Klicken Sie also einfach auf einen Loop-Grade. Nehmen wir an, Sie möchten diese Spalte ändern. Im Moment zeigen wir drei Spalten. Aber wenn du es erhöhen willst, dann kannst du es tun. Wie viele Seiten möchtest du hier zeigen? Lass uns jetzt gleich eine Sechs nehmen. Ich erhöhe, dann kannst du es schaffen. Habe auch noch ein paar weitere Einstellungen. Gehen wir zu Cory, und wenn Sie etwas ein- oder ausschließen möchten , können Sie es tun Filtern Sie hier. Es hat auch einen Pagnian Also versuchen wir es mit dieser prägentischen Nummer eins und dieser Okay, das sieht wirklich größer aus, als ich erwartet hatte. Okay, wir müssen es nur tun und ich werde die individuelle Position hören, aber okay, lassen Sie uns ein bisschen anpassen. Gehen wir zu dieser Kachel. Gehen Sie hier zur Paginierung und ich möchte es auf 24 Pixel setzen, Mt. Ich sehe immer noch so groß aus. Lass es uns normal machen. Lassen Sie uns sehen, wie es mit 20 Pixeln aussieht. Das ist in Ordnung. Der Zeilenkopf ist da, also wie viel Zeilenhöhe brauche ich? Also eins gegen drei. Das sind hier zwei. Und wieder, geh dorthin und spacepedwin Wenn du also den Schmerz im Weltraum siehst, dann kannst du es tun. Und hier ist ein Leerzeichen zwischen der Spitze. Hier geht es nur darum. Und wir können auch die Farbe machen. Ich denke, wir können jetzt die Farbe ändern. Wenn du etwas hast, dann nimm auf jeden Fall die Änderungen vor. Und hier schweben Sie mit der Maus auf Farbe und aktivieren Sie die Farbe. Ich hatte erwartet, dass, wenn sie eine Option zum Ändern des Hintergrunds haben , das besser sein sollte Okay, das ist in Ordnung. Das ist nichts Schlimmes. Das ist ziemlich gut. Ich denke, gut genug zum Mitnehmen. Okay, also lass uns auf Hero the Published Option klicken. Wir müssen uns hier an diese Bedingung halten . Warum möchtest du das teilen? Warum möchtest du diese Handlung zeigen? Deshalb möchte ich hier das Post-Archiv für die Handlung verwenden und Änderungen speichern. Und es wird veröffentlicht. Okay, lass uns jetzt sehen, ob du eine Blockseite hast. Dann schauen wir uns zuerst die Blockseite an. Okay, wie du siehst, haben wir das hier, das ist jetzt. Und wenn Sie auf diese Option klicken, funktioniert sie auch einwandfrei. Wie Sie sehen können, bekommen wir jetzt eine zusätzliche Summe von dieser zusätzlichen Sache. Also was wir tun können, wir können hier die Größe erhöhen oder wir können hier vier davon hinzufügen. Ich denke, wenn Sie vier davon hinzufügen, sollte das gut sein. Oder wenn du es perfekt machen willst, was du tun kannst, du kannst hier dieser Kategorie weitermachen und hier auf der linken Seite möchte ich bei 24 Pixeln anfangen. Die rechte Seite wird dieselbe sein. Gehen wir jetzt zum Hauptteil, wie zum Beispiel zur ersten, und dann zu diesem Fortschritt und ich möchte ihn auf Null ändern. B wird Null sein. Jetzt denke ich, das wird gut sein , wenn du sie gleich machen willst. Aber trotzdem sieht es nicht mehr so aus wie früher, weil, äh, weil, wie Sie sehen können, dieses Bild nicht wegen der Bildbreite ist. Also, wenn Sie hier ein anderes Bild verwenden, ich denke, das wird behoben, dann werden Sie kein Problem haben. Klicken wir also auf die Schaltfläche Änderungen speichern. Ja, das ist es. Wenn Sie also ein anderes Bild verwenden, wird es repariert, oder Sie können einfach die Breite dieses Containers ändern. Wenn du also nur die Breite des Containers änderst, dann wird das definitiv behoben. Ich meine, ich spreche hier vom Hauptcontainer , dem roten. Also, wenn du hier einfach etwas änderst, wenn du nur die Änderungen vornimmst, sagen wir, wenn du einfach das Material erhöhst, wenn du es einfach auf 72% reduzierst, dann kann das behoben werden, denke ich. Weil wir eine lange Breite haben , sieht es so aus. 17. Eine einzelne Blog-Post-Seite erstellen: Jetzt werden wir sehen , wie wir einen einzelnen Blogbeitrag importieren können . Bevor wir weitermachen, müssen wir nur ein bisschen auf unserer Blog-Archivseite etwas erledigen. Gehen wir also zurück zu unserer Blog-Archivseite, und Sie müssen hier mit dieser Ii-Vorlage klicken denn im Moment funktioniert das, was passiert ist, als ich versuche, auf diesen Test oder Link zu klicken, was passiert ist, als ich versuche, auf diesen Test oder Link zu klicken, meistens nicht. Also müssen wir nur den Link hier verbinden , sodass es wirklich aufregend ist, zu arbeiten, wenn jemand einfach auf die Blog-Seite kommt und irgendwo darauf klickt , oder? Also, um das zu tun, müssen wir wieder hierher zurückkehren. Und zuerst gehen wir zum Bild. Oder Sie können es mit dieser Elternkarte versuchen , wenn Sie Elternkarte wählen, wenn Sie zu Advance gehen, tut mir leid, zusätzliche Optionen, dann bekommen Sie Optionen wie TML-Tag, machen Sie einfach einen Link daraus, und dann können Sie einfach die Post aufkleben Aber in meinem Fall sehe ich, dass meine Seite gebrochen ist, also werde ich mich nicht für diese entscheiden Deshalb gehe ich ins Innere. Nehmen wir an, ich wähle das Bild und gehe zur Option Zusätzliche Option. Und hier, auf diesem dynamischen Tag, wähle ich hier Post IRL Und als Nächstes gehe ich zu diesem ersten Titel, und ich möchte ihn in Post-ARL ändern und dieser sollte derselbe nach ERL sein Und hier sollte das Tag anders sein als AuthorRL. Und das ist das Datum, aber das Datum sollte sein, wenn sie klicken, dann sollte es PostrlMage sein sie sollten dort klicken, sagen wir Wenn sie darauf klicken, dann sollte das so sein, also lasst uns zu diesem Anker gehen und lasst uns zu diesem N gehen, und das sollte unser ARL sein Also dieses hier, wir können auch diese AuthorRL machen aber ich denke nicht, dass das notwendig ist Außerdem, ja, das sollte unser Beitrag sein, der lustig sein wird, Post ARL Also die meisten Leute werden dort darauf klicken, also werden sie direkt dort lesen. Außerdem, wenn du willst, dann müssen wir das nicht individuell machen, oder? Du kannst hier einfach einen dieser Inhalte auswählen und einfach zu diesem Layout gehen und wir können es einfach in einen Link ändern. Ich bin mir nicht sicher , ob es gut funktionieren wird oder nicht. Also lass uns mit diesem Beitrag weitermachen ERL. Mal sehen, ob es kaputt ist, dann können wir es überspringen, oder wenn es nicht kaputt ist, dann werden wir es benutzen Also versuche ich es und jetzt klicken wir auf diese Veröffentlichungsoption. Gehen wir zurück zu unserer Website und sehen wir uns die Vorschau an. Ich denke, es sieht kaputt aus, also können wir es benutzen. Also was wir tun können, wir können zurück zur Con gehen und hierher gehen und es auf normales DIF umstellen Also können wir hier jeden beliebigen Stimultag verwenden. Aber ich denke, das ist alles gut. Klicken wir also auf diese Veröffentlichungsoption. Ich glaube meistens nicht, dass die Leute hier in diesem Absatz keinen Link verwenden. Aber ich denke, ja, das sollte gut sein. Viele Leute werden auch auf diesen Link klicken. Das ist gut. Das ist gut. Poste also die URL und lass uns auf diese veröffentlichte Option klicken. Gehen wir zurück und laden diese Seite neu. Stellen Sie außerdem sicher, dass Ihre Hauptblockkarte normal ist. List Mel Tech ist normal. Andernfalls können wir etwas Uro draus machen. Also ja, das ist gut. Also wann immer ich hier draufklicke, wie du siehst, sieht das wie eine andere Farbe aus. Also müssen wir auch die Farbe ändern. Also, was wir tun können, wir können jetzt diese Farbe wählen und zu diesem Stil übergehen. Und die Textfarbe sollte diese sein, richtig, auf jeden Fall. Ähm, das sollte sein. Aber wir müssen auch zur Seiteneinstellung gehen , weil ich diese Farbe wirklich in normales Schwarz ändern möchte diese Farbe wirklich in normales Schwarz ändern . Was kannst du also tun? Ich kann hier gehen gehen wir zu dieser Typografie und dann hier zum Link und normal in Link, ich verwende gerne die gleiche Farbe so dass immer, wenn jemand einfach zu Howard geht, es sich nicht ändert, und das sollte schwarze Farbe sein, drei p eins. Speichern Sie die Änderungen Gehen wir zurück. Um also diese einzelne Blockseite hinzuzufügen, müssen wir hier einen einzelnen Beitrag hier eingeben. Klicken Sie auf Die Schaltfläche Neu hinzufügen. Gehen wir auch zurück zu unserer Figma. Öffnen wir ICM und schließen die Kopie an und optimieren sie, konvertieren sie und sie wird jetzt in die Zwischenablage kopiert Gehen wir zurück, überqueren es und kontrollieren einfach, dass wir von einer anderen Seite speichern, Also ich denke, wir werden so wie es ist. Jetzt müssen wir nur noch den Link hinzufügen. Also lass uns hier auf den obersten klicken, dorthin gehen und einfach unseren Titel hinzufügen, auf jeden Fall. Und das sollte unser Block sein, also Schrägstrich. Und das sollte unser Zuhause sein. Also, was du tun kannst, Slash Home. Ja, das sollte unser Titel sein, also Schrägstrich. Ja, das sollte unsere volle Breite sein. Also sind es drei, also machen wir eine volle Breite oder ja, wir können vergrößern. Ja, ja, jetzt ist es gut. Jetzt lass uns zum nächsten gehen Ich glaube, es ist so, als würde man diesen Namen in den Namen des Autors ändern. Wo ist der Name des Autors? Ja, hier ist der Name des Autors. Und das sollte unser Date sein. Also veröffentliche am. Also das sollte okay sein, klicken Sie einfach hier. Das wird ein Datum sein und das Datum wird dasselbe sein, richtig? erneuter Klick hat diesen Namen, Ein erneuter Klick hat diesen Namen, und dann wird das Format dieses sein, gehe zu Advance und davor wird das sein. Also jetzt, ja, gut. Gehen wir zum Bild und gehen wir zum Stil und ändern den Stil in Nein, das ist kein Merkmal, dem Sie entsprechen. Das sollte unser Autorenbild sein. Also was das Profilbild angeht. Das ist gut. Alles klar. Jetzt müssen wir nur noch ein bisschen Arbeit hinzufügen. Nehmen wir an, Sie können hier einfach den Inhalt des Beitrags hinzufügen und hier einfach nachverfolgen und zeichnen. Also wenn du hier ziehen und zeichnen willst. Also eine Sache, die Sie tun müssen, Sie können einfach auf Heather-Text klicken und zu Stil gehen, hier diese Typografie, hier diese Typografie, klicken Sie auf das He T Plus-Symbol, eine neue Also werde ich P Nu sagen, ich werde es als Stil machen, also mache ich Und jetzt machen wir es mit dem normalen Post-Content-Eins und gehen zur Typografie und wählen ein neues aus Post-Content-Eins und gehen zur Typografie und wählen ein neues Wie du siehst, heißt es jetzt, setz dich hin. Also das ist ziemlich einfach. Also lösche den vorherigen. Ja, lösche einfach den vorherigen. Dieser ist auch nicht notwendig. Dieser ist auch nicht notwendig. Und hier, die Schere, ich entferne sie gerne. Nehmen wir an, ich verwende gerne SoSL und hier ist das SoSl-ähnliche Schersymbol Sie können also buchstäblich einfach eines davon verwenden. Okay, also lass uns da hingehen. Das ist eine Soca-Ikone Also können wir hier die Sosa hinzufügen , sagen wir, ich möchte Dribble nehmen Lass uns sehen. Also ja, das ist ein Design. Lass uns sehen. Ich mag dieses Design nicht wirklich. Ich will es einfach machen, irgendwas. Das ist ein anderes Design. Das ist ein anderes Design. Ich denke, es ist mehr Sub. Ja, das ist gut. Stil neun. Das ist gut. Kopieren wir also das Sosa-Symbol. An diesem Asal übergebe ich gerne hier, also einfach einfügen und den vorherigen löschen Hier einer. Jetzt können Sie also noch ein paar Dinge hinzufügen und auch die Anpassung vornehmen, wie viel Sie möchten. Sagen wir, erhöhen Sie es, dann ja, das ist gut. Erhöhen Sie einfach. Ja. Lass uns jetzt eins davon duplizieren. Und ich möchte gehen, sagen wir Facebook. Also lass uns YouTube durchsuchen, es duplizieren, hier hin. Facebook. Ja. Und hier ist der Link. Also für den Link kannst du hier hauptsächlich den Beitrag ARL hier hinzufügen. Und lass uns zum nächsten gehen. Es ist wie beim Autor. Klicken wir also auf diesen und fahren wir mit dem Titel des Beitrags fort. Das wird kein Beitragstitel sein. Es wird unser Autorenname sein, und das sollte unsere Meta oder Information sein. Also zur Information, ja, das ist die Biografie, also das ist gut. Das ist die richtige. wir nun zum Bild und gehen wir zum Stil und fügen hier einfach das lila Bild des Autors hinzu. Ja, das ist in Ordnung. Also hier geht es um alles. Und was wir tun können, wir können zum nächsten übergehen, und wir müssen sie zu 100% machen. Jetzt hier, zu 100%. Und jetzt müssen wir es auch hier auf 80 72 Pixel ändern. Lass uns zum Hauptteil gehen und sie in die Mitte stellen. Machen Sie sie auf jeden Fall hier in den Mittelpunkt. Behälter. Lass uns zu diesem gehen. Das muss auch im Mittelpunkt stehen. Das sollten 72 Pixel sein. Oder wenn du willst, dann kannst du es hier auf weniger 68 Pixel reduzieren. Das macht gerade Angst. Außerdem müssen wir den Abstand reduzieren. Klicken Sie auf diesen, schreiben Sie, fahren Sie fort. Und für die Spitze mache ich sie gerne auf Null. Und für die Unterseite verwende ich gerne 40 Pixel. Das ist in Ordnung. Und hier, wie Sie sehen können, haben wir ein kleines Problem wegen des Gewichts, also machen wir sie zu hundert Personen. Einfach diese Person. Ja, das wird okay sein. Und was die Scherung angeht, es ist so etwas wie das. Jetzt scheren. Schere weiter. Ja, das ist gut. Okay, sich alles um die Seite, quasi um einen einzelnen Block. Klicken wir nun auf eine Veröffentlichungsoption und fügen eine Bedingung hinzu. Ich wähle den Beitrag gerne aus, und es könnte alles sein. Und ja, lass uns auf Safe klicken und diese Schaltfläche schließen. Und gehen wir zurück zu einer Seite bei Vilda. Wenn du also nicht siehst, dass es keine Änderungen gibt, dann lösche einfach deinen Cache Mal sehen, ob es gut funktioniert oder nicht. Lassen Sie uns das klären. Und jetzt wie Sie sehen können, hat es wirklich gut funktioniert. Es ist genau so wie ich vorher war. Und diese Farbe sieht nicht gleich aus, weil sie wie Weiß aussah. Deshalb. Und außerdem sieht es hier wieder wie derselbe Link aus. Also müssen wir definitiv an diesem Scherbalken arbeiten. Also, was musst du tun? Wir müssen hier nur Scherung hinzufügen. Sag einfach Scherung Wenn wir dann einen Scherstab haben, dann hast du da drei Optionen Also lass uns den vorherigen entfernen. Und jetzt ist das der neue. Und jetzt, wie Sie sehen können, wann immer ich einfach darauf klicke und es leitet mich zu Lindy oder Facebook weiter und es leitet mich zu Lindy Also das ist jetzt gut. Also ja, hier geht es um alles. Und wenn du, sagen wir, hier noch ein paar weitere Beiträge hinzufügen willst , sagen wir, du willst einen weiteren Abschnitt mit verwandtem Beitrag hinzufügen , dann ja, das können wir definitiv auch tun. Was Sie tun können, wir können hier einfach einen weiteren Text hinzufügen , fügen Sie hier einfach eine Textüberschrift hinzu. Also füge einfach hier hinzu und lass uns annehmen, dass dir das gefallen könnte. Jetzt kopiere ich einfach den Loop hierher, Loop-Grid. Geh einfach hierher und gehe einfach daran vorbei. Ich kann sehen, wo wir es buchstäblich herbekommen. Und in dieser Schleife zeige ich hier nur dreiteilige Seiten. Es wird keine Seitennummerierung geben. Es wird völlig aus sein. Es wird keine Seitennummerierung auf allen dreien geben. Wenn Sie die Änderungen an dieser Schrift vornehmen möchten, dann sollte sie meiner Meinung nach an oder sogar an einer Spitze F stehen, ich lasse Also ja, es geht nur darum. Und jetzt, wenn du siehst, dann ja, das ist das Gute. dieser Schleife Und wenn du in dieser Schleife etwas Bestimmtes zeigen willst, dann ist es eine Abfrage. Du kannst dieses Ding einschließen. Also habe ich hier einfach TAM hinzugefügt oder wenn du dem Autor zeigen möchtest, ob dieser Autor etwas anderes schreibt , wenn du darauf zeigen willst, dann kannst du diesen Filter von hier aus machen Also lasse ich es vorerst bei TAM, lass uns auf diese veröffentlichte Option klicken Gehen wir zurück und leeren wir unseren Cache. Wenn Sie also Cash Plug nicht auf unserer alten Presse-Website installieren , müssen Sie Ihren Cache nicht leeren. Also ja, es geht nur darum. Also, wenn ich als Nächstes einfach darauf klicke, ist dies ein weiterer Beitrag, wie Sie sehen können. Dies ist ein weiterer Beitrag, wie Sie sehen können. Ich hoffe , dass Sie jetzt verstehen, wie man einen einzelnen Block importiert und wie wir den benutzerdefinierten Magier ausführen können 18. Abschnitte exportieren (nur): Jetzt werden wir sehen, wie wir in einem bestimmten Abschnitt importieren können . Dafür müssen wir also auswählen, welchen Abschnitt wir auf einer Website eingeben möchten, einfach auswählen und hier eine Kopie erstellen, schnellere Datei und dann einfach UikiPlugin öffnen, wie Sie sehen können, ich habe es UikiPlugin öffnen, wie Sie sehen können, ich habe Lassen Sie uns Optimize and Copy öffnen und dieses Design hier optimieren und all das Problem beheben, über das sie sprechen Wie Sie sehen können, ist dies das optimierte Design , das ich bereits mache. Nachdem Sie es optimiert haben, erhalten Sie dieselbe Datei wie diese. Okay. Dann wähle ich es erneut aus. Gehen wir hier zu diesem Widget-Tag. Und dann müssen wir auswählen, dass dies ein Zähler sein wird. Ich denke, das ist ein Zähler. Wählen wir also den Zähler aus, und die Zahl ist das, dann ist hier die Zahl dieser. Also die Startnummer ist Null, Selektor ist nichts und das Zahlenpräfix, da wird nichts sein Ein Teil dieser Zahl wird mindestens fünf Jahre dauern, aber wir müssen uns nur an das Plus halten, aber wir können es später aktualisieren Das ist erledigt, und lassen Sie uns mit dem nächsten weitermachen, und lassen Sie uns wieder und jetzt, wieder, wieder, einfach dieses Zahlenpräfix entfernen und es sollte 100 plus sein. Die Startnummer wird 100 sein und das ist in Ordnung. Lass es uns speichern. Führen Sie auf diese Weise einfach das Update durch und wählen Sie dann erneut den Hauptrahmen aus. Lass uns zurückgehen und es konvertieren. Und wie Sie sehen können, holen wir uns unsere Zwischenablage zum Kopieren und fügen sie in Elementor Wie Sie sehen können, bekommen wir einen bestimmten Abschnitt und aktualisieren ihn jetzt einfach hier Klicken Sie auf die Sticks und jetzt hier drin wird Indi-Zahl 100 sein und das sollte Plus sein, aber so ist das nicht Lassen Sie uns also das Plus entfernen. Gehen wir zum nächsten und entfernen hier diese 120. Und gehen wir zum nächsten, und das sollte, das sollte hier sein, die Perentens Also, ja, wie Sie sehen können, ist das gut, und das sollten 120 sein. Also, ja, wie Sie jetzt sehen können, ist es komplett aktualisiert Also, was ist passiert, wenn Sie das Design nicht optimieren? Wenn Sie also Ihr Design nicht optimieren, werden Sie so etwas zu sehen bekommen. Wie du sagen kannst, ist der Text wirklich größer als ich erwartet hatte. Und das ist auch ein wirklich größerer Text. Wenn du also nicht optimierst, ich meine, wenn du hier nicht deinen Styleguide auswählst , dann wirst du vielleicht das gleiche Design oder den gleichen Stil hier sehen. Stellen Sie also sicher, dass Sie , wenn Sie einfach ein Design importieren, diesen Stil hier hinzugefügt haben. Dann wird es damit okay sein, okay? Da ich auf dieser Website bereits meinen Styleguide hinzugefügt habe, ist es einfach 19. Wie man reaktionsfreudig macht: Jetzt werden wir sehen, wie wir unsere Website responsiv machen können. Also fange ich gerne von vorne an. Das Erste, was ich höre, , dass ich zunächst nur das Design optimieren möchte. Optimieren bedeutet quasi, dass ich die gesamte Ebene überprüfen möchte , ob alles in Ordnung ist und einige davon meistens unnötig sind. Deshalb überdache ich sie gerne. Deshalb lassen Sie mich sie zuerst überprüfen. Und dann gebe ich es auf Elementor ein, dann werde ich es auschecken, okay? Okay, also lass mich diesen Header hier entfernen , weil ich schon am Header bin, also brauchen wir ihn nicht Wir brauchen die Fußzeile allerdings nicht. Wir brauchen diesen Testimonial-Bereich auch nicht. Ich habe ihn bereits Wir brauchen diesen Abschnitt auch nicht. Aber lass uns noch einmal importieren. Kein Problem. Ebenen zu überprüfen heißt also, ich meine, die Ebenen zu überprüfen. ob es zum Beispiel einen zusätzlichen Container gibt, sagen wir, wie Sie dort sehen können, ist das nicht notwendig. Entferne ihn. Das ist irgendwie nicht sichtbar. Also entferne es. Wie Sie hier sehen können, habe ich einen Rahmen, aber das ist meistens nicht notwendig, da ich bereits einen Rahmen habe. Also von oben und rechts ist ein Logo drauf, das ist gut Und lass uns wieder hierher gehen. Und dieser Abschnitt macht Enter zur Überschrift. Überschrift Sie haben eine Gruppe. Okay, das ist gut. Lass uns zum nächsten gehen. Die drei. Das ist gut. Darin befindet sich ein Container für den Inhalt, und das ist Milli für Bild Wir können also sagen, das ist ein Bild. Gehen wir da rein. Das ist nicht notwendig. Das ist für Kategorien, das ist gut. Das ist Takes. Und wofür ist das? Okay, das ist der TS. Okay, das ist für den Button. Das ist gut. Okay, das ist in Ordnung. Lass uns zum nächsten gehen, ihn entfernen. Okay. Lass mich zum nächsten gehen. Wie Sie sehen können, habe ich hier einfach das gleiche Design eingefügt. Eine weitere Sache hier, ich muss nur das Gewicht aktualisieren. Wie Sie sehen können, ist dieses Unkraut nicht repariert, also muss ich es reparieren. Auch dieses Unkraut muss repariert werden. Auch über dieses Muster. Wir müssen es nur reparieren, die Hintergrundfarbe ändern und die Position des Symbols ändern. Dann denke ich, dass es repariert wird. Außerdem müssen wir diesen Knopf auf der Vorderseite ändern , denn wenn wir uns auf Figma diesen Knopf ansehen, muss ich nur ein paar Änderungen vornehmen Wenn wir es mittelgroß machen, dann wird es meiner Meinung nach gut aussehen Okay, lass es uns aktualisieren. Wie Sie sehen können, aktualisiere ich das alles, und wenn Sie jetzt genau hinschauen , sollte das ein Karussell sein, aber im Moment sieht es wie ein normales Also, was hast du nicht getan? Wir müssen hier ein Karussell hinzufügen. Wie Sie sehen können, ist es unsere Folie, es ist unser Bilderkarussell Versuchen wir es also zunächst mit dem Bildkarussell, denn das sollte Okay, jetzt müssen wir hier das Bild hinzufügen. Klicken Sie auf Bilder hinzufügen. Mal sehen ob sie die Bilder hier hochladen. Okay, sie haben die Bilder also nicht hochgeladen. Also, was du tun musst, wir müssen zurückgehen und nach diesen Bildern suchen, und dann werden wir da machen Okay, lassen Sie mich sie alle exportieren. Lassen Sie mich zunächst den Bildnamen ändern, alle auswählen, und das sollten hier kleine Bilder sein , die Zahl wird da sein. Okay, jetzt ist es in Ordnung. Und jetzt muss ich sie alle bei Swans exportieren Ordnung, du verstehst es. Jetzt muss ich die Bilder hier hochladen, zu welchem Preis. In der Zwischenzeit, wenn du wirklich willst, kannst du die Bilder einfach so komprimieren , dass sie dieselbe Größe haben, aber die Qualität gleich bleibt und sie schneller geladen werden. Was Sie also tun können, ich kann hier einfach das gesamte Bild auswählen und winzig PingIO, Sie können jede andere Software für die kostenlose Bildkomprimierung verwenden , genauso wie Okay. Wie Sie sehen können, sind sie momentan alle komprimiert, also laden Sie sie alle erneut herunter. Ich denke, wir sind jetzt fertig, und lassen Sie uns die Reaktionsfähigkeit übernehmen also zunächst das Tablet überprüfen, Lassen Sie uns also zunächst das Tablet überprüfen, und das Tablet sieht, wie ich sehen kann, ziemlich gut Es ist hübsch, das ist gut, oder? Denn bevor wir den Style Cat einrichten , sieht er deshalb so gut aus. Also, was können wir tun? Wir können als Erstes die Nässe erhöhen. Gehen wir also hin und erhöhen wir die Nässe und ja, das ist gut. Ich denke, das ist gut genug. Dieses Bild sieht so groß aus. Lass uns die Größe reduzieren. Also, was das Tablet angeht, mache ich gerne drei draus, nur drei. Das ist gut. Das ist alles, glaube ich Das ist gut. Aber da sah es nach viel Polsterung aus. Was kannst du tun? Wir können einfach die Polsterung von der Oberseite entfernen. Das ist gut. Singen Sie es und entfernen Sie die Polsterung von der Oberseite Und hier, was wir tun können, wir können einfach etwas mehr hinzufügen, was da ist Ja, gehen wir prozentual und lesen wir noch viel mehr. Also zwei Zeilen, das ist gut. Gehen Sie zu diesen Aufnahmen und ja, das ist gut. Machen wir sie links. Definitiv. Hier ist eine Option auf der linken Seite. Und das sieht so komisch aus. Also lass uns dieses Ding entfernen. Wir sollten in der Schlange sein, oder ja, Inline wird viel mehr sein. Also lass uns 98 Pixel draus machen. Aber wenn du genau hinschaust, ja, indem du oben und unten ein Leerzeichen einnimmst, versuchen wir, sie schnell zu entfernen. Ich glaube, ich verstehe, es kommt Post für das Sichtbare. Also gehe ich einfach zum Text und entferne ihn einfach, und jetzt ist er behoben. Okay, jetzt ist es Zeit für hier, und das ist auch gut. Was kannst du hier machen? Sie können lediglich das Bild ändern. Ja. Sieht gut aus. Ich glaube. Das ist nichts Schlimmes. Das ist gut. Wir können dieses Bild mit ändern, dann ist es startklar. Zehn, das sollte okay sein. Das sollte okay sein. Ich muss hier nur das Gewicht erhöhen. Also, wenn wir das nicht herausfinden können, dann öffne hier einfach diese Struktur eins. Klicke, wo du hinwillst, dann wird dort automatisch Redragon angezeigt Und jetzt erhöhe ich gerne das Gewicht. Es ist also 100%. Und das ist der wichtigste von beiden. Also mach sie zu 100% Ja, zu Prozent. Das ist gut. Ja. Das ist gut. Ned, wir müssen nur das Gleiche im nächsten machen. Dann wird es eine Lösung sein, glaube ich. Okay, jetzt gehen wir zur mobilen und mobilen, wie gesagt, es ist schon gut. Und das ist auch gut. Das ist gut. Aber ich will diese beiden wirklich, 50 50. Also, was kannst du tun? Gehen Sie zu persönlichen Tagen und machen Sie sie zu 100%. Aber für diesen, individuellen, mache ich sie gerne zu 50%. Okay, das sollten 100% sein. Aber innerhalb davon sollten es 50% sein und die nächsten sollten 50% sein. Das ist ziemlich gut. Wie Sie jetzt sehen können , ist es auch behoben. Hier ist das auch gut. Sie müssen die Breite des Bildes definitiv ändern. Das ist gut. Ja, ich glaube, hier dreht sich alles um das Gute. Übrigens, du kannst den nächsten aktualisieren. Und hier mache ich auf jeden Fall gerne 100%. Aber lass uns zur Polsterung gehen. Hier müssen Sie nur ein bisschen Polsterung und Marschieren entfernen Du kannst sehen, dass das eine rechte Seite hat, habe eine, aber ich brauche nicht wirklich 20. Ich denke, 16 wären besser. Auf diese Weise können Sie auch den nächsten aktualisieren, oder? Sie können den nächsten auf jeden Fall aktualisieren. Und auch hier, wenn du willst, dann kannst du das Ding ändern. Wenn du dazu gehst, heißt das eins, zufrieden eins. Und wenn du die Richtung so änderst, okay, das sollte genauso sein. Das sollte dasselbe sein. Aber die als Studie, ich spreche von der Hauptstudie. Gehen wir zur Kolumne, und ich ändere gerne die Richtung. Dieses Bild sollte also ganz oben stehen und dann Inhalt haben, also ist das gut. Auf diese Weise können Sie also die Reaktionsfähigkeit einstellen. Und wie Sie sehen können, ist das nicht wirklich schwierig und das ist einfach Und wenn Sie diese Änderungen an der Überschrift vornehmen möchten , gehen wir zur Überschrift und zum Stil. Und lassen Sie uns so vorgehen, wie ich es mir gerade überlege, wir verwenden H One. Also, was kannst du tun? Wir können zunächst sehen, wie viel hier reinpasst. Also, wie Sie sehen können, passen 25 Pixel. Nun, was Sie tun können, wir können noch einmal zu dieser H-Schrift gehen und zu dieser verwalteten globalen Schrift hier gehen, und wir sehen die H-Schrift auf dem Handy, sie sollte 25 sein, richtig? Also, was Sie tun können, wir können zu diesen 25 gehen, und jetzt sieht es ziemlich gut aus, oder? Das ist gut. Also sagen wir die Änderungen und gehen wieder zurück. Und jetzt überall, wo auch immer wir H One verwenden, und es wird mit 25 Pixeln geändert. Also ja, hier geht es um alles. Ich hoffe du verstehst 20. Wenn das Uichemy-Plugin abstürzt, wie man es löst: Jetzt werde ich Ihnen mitteilen, was er tun kann oder wie er das Design einfach importieren kann, wenn das UICB-Plugin kaputt ist oder in einem Browser hängt oder Es ist also nicht wirklich schwer, das zu tun. Als ich also zum ersten Mal versuchte, das Design zu importieren, sah es so aus, als wäre es kaputt. Lassen Sie mich noch einmal mitteilen, ob es kaputt ist oder nicht. Ich glaube nicht, dass es wieder kaputt gehen wird , weil ich bis zu meinem Vorsprechen hier ein bisschen Zeit brauche Ich bin mir also nicht sicher, ob es kaputt sein wird oder nicht, also warten wir ab Also gut, wie Sie sehen können, sieht es so aus, als ob die Seite nicht Okay, willst du warten oder willst du diese Seite verlassen Also, wenn du warten willst, dann kannst du definitiv warten. Aber ich denke, sie werden dir wieder dieselbe Nachricht geben , dass es nicht reagiert Wie dem auch sei, was ich tun kann, ich kann es einfach überqueren. Wie Sie jetzt sehen können, funktioniert das Kreuz nicht. Also lass uns diese Seite jetzt neu laden. Also lade ich diese Seite gerade neu , damit ich von vorne beginnen kann Also jetzt müssen wir das tun, wir müssen nur diese Seite teilen Da es auf EimePlugin einen Copy-Pase-Modus gibt, müssen wir uns darüber keine Gedanken machen, Was Sie also tun können, wir können es einfach in ein paar Abschnitte aufteilen Nehmen wir zum Beispiel an, ich gebe hier diesen Nullbereich bei der FAS ein, dann diesen Abschnitt, und das ist dieser Abschnitt Es wird also viel einfacher sein, oder? Lassen Sie uns also zunächst den Abschnitt Null wählen. Und jetzt gehen wir hierher und optimieren es, und dann konvertieren wir es, wie Sie sehen können, wir verstehen es jetzt. Deine Zwischenablage. Jetzt können wir zu Elementor gehen Und jetzt können wir es einfach hier einfügen. Dann, wie Sie sehen können, wird es hinzugefügt. Sie dann wieder zum nächsten und gehen Sie dort hin und wählen Sie den nächsten Abschnitt aus, z. B. Ihren Vertrauensbereich von diesem, kopieren Sie ihn. Und wie Sie sehen können, wird es jetzt in die Zwischenablage kopiert. Sobald wir diesen Abschnitt hier bekommen. Fügen Sie es jetzt wieder ein. Jetzt, wie Sie sehen können, geht es runter, oder? Wenn du also siehst, dass dein C-Plugin kaputt ist oder nicht funktioniert, dann kannst du es einfach neu laden und in ein paar Abschnitte aufteilen und dann auf diese Weise importieren, ich hoffe, es wird funktionieren Wenn Sie ein anderes Problem mit UIC haben, gehen Sie einfach zu unserer Gruppe wie Par Dies ist eine Gruppen-IRL, wie Sie sehen können, treten Sie dieser Gruppe bei und teilen Sie uns Ihr Problem mit . Ich werde da sein, um zu helfen 21. Uichemy Copy Einfügen funktioniert nicht: Ich weiß, dass viele Leute mit dem gleichen Problem konfrontiert sind, so etwas wie der Kopiermodus funktioniert auf UIKE nicht Wie behebst du das, oder? diesem Video werde ich Ihnen zeigen, wie wir das machen können. Okay, sagen wir, zunächst werde ich hier diesen Abschnitt eingeben. Das ist ein kleiner Junge. Also lass es uns optimieren und einfach konvertieren. Und jetzt ist es meine Kopie in die Zwischenablage. Und lass uns zu unserem Elementor zurückkehren und jetzt auf die Wright-Maustaste klicken, und dann musst du dein Stück von der anderen Seite auswählen Klicke da drauf. Dann sehen Sie dort sagen, um die Elemente zusammenzusetzen, Ihre Seite, ich meine, andere Seite, Sie müssen nur Strg andere Seite, Sie müssen nur V oder Befehl V drücken Jetzt drücken Sie Strg V oder Befehl V. Dann, wie Sie sehen können, bekommen wir hier dasselbe. Aber wenn du jetzt einfach hierher gehst und einfach auf diese Paste klickst , dann würde diese Paste nicht funktionieren. Wenn Sie also Strg V drücken, wird es nicht funktionieren. Also, was hast du nicht getan? Sie müssen hier darauf klicken, von der anderen Seite drücken und dann müssen Sie Strg V drücken Dann wird es funktionieren. Okay? Also ich hoffe, dein Copy-Paste funktioniert nicht, das Problem ist gelöst. 22. Figma zu Gutenberg über Gutenberg Core, Spectra, Blöcke generieren, Kadence: Jetzt werden wir sehen, wie wir unser Figma-Design in Genbak importieren können unser Als Erstes müssen Sie einfach diese ARL wie v.com mit dem Schrägstrich eyKee verwenden Und wenn Sie bereits ein Konto und einen Lizenzschlüssel haben, ist das Aber wenn nicht, dann geh einfach hierher, scrolle ein bisschen nach unten, dann bekommst du hier die Option „Kostenlos starten“. Aber hier musst du auswählen, was du willst. In meinem Fall, sagen wir, ich bevorzuge Gutenberg, also wähle ich Gutenberg, ich fange kostenlos an Und dann können sie eine Checkout-Seite lesen und Sie müssen nur Ihre Daten eingeben, ein Konto erstellen und dann erhalten Sie eine Lizenz Ich habe also bereits ein Konto, also werde ich kein neues Konto erstellen. Lassen Sie mich also erneut anmelden. Okay, wie Sie sehen können, wird unsere Bestellung erfolgreich abgespielt, und hier ist der Schlüssel, nach dem wir am meisten suchen Also, jetzt müssen wir diesen echten Schlüssel hierher kopieren , und wenn du nach unten scrollst, dann werden sie dir diesen Prozess zeigen, falls du irgendwelche Unklarheiten hast, zum Beispiel, wie wir das YkmePlugin installieren können, wie wir uns mit dem verbinden können, was sie dort alles lehren Also kopiere ich den Lizenzschlüssel. Gehen wir zu FICMA und geben wir hier einfach diesen Y Cami weiter, aktivieren wir einen, fertig Okay, jetzt ist es sofort aktiviert. Lass uns zu diesem Bergfried gehen, wie man ihn benutzt denn ich werde dir jetzt zeigen, wie man ihn benutzt. Und dann, wie Sie sehen können, haben wir dieselbe Option, die, wie Sie zuvor gesehen haben, dieselbe Sache. Optimism Convert und ExpaSkat und hier haben wir ein paar Optionen Im Moment habe ich die nächsten Blocks da. Und in Zukunft werden Spectra Git-Blöcke, Caden und ich damit eine Website erstellen, okay? jetzt zunächst Lassen Sie uns jetzt zunächst diese auswählen Wählen Sie zum Beispiel den Abschnitt aus, Sie importieren möchten, und Gutenberg Und dann musst du auf Optimieren klicken und diese Schaltfläche bearbeiten Und jetzt müssen Sie das Design optimieren. Also lass uns auf diesen ersten klicken. Und lassen Sie uns zur ersten Sache übergehen, und sie sprechen darüber, dieses Problem zu beheben. Und bevor ich Ihnen sage , warum es notwendig ist, ist dies das nächste Problem, das wir ebenfalls beheben müssen. Und das ist das letzte wie Bilder. Und wenn Sie es sich genau ansehen, sind diese vier Bilder unterschiedlich. Es sind Individuen. Aber wenn ich jetzt sperre, wenn ich es nur repariere, dann wird es ein Bild sein, das ich meistens nicht will, weil vier verschiedene Bilder sind, und später, wenn ich eine Folie oder ein Karussell erstellen muss , kann ich das tun Aber wenn ich es jetzt sperren lasse, ist es später nicht mehr möglich. Weil diese Sperrenschicht, wie das Einkaufszentrum ist, funktioniert. Wenn Sie also zu diesem Zeitpunkt mehrere Ebenen haben, sagen wir, wenn Sie zu dieser gehen, die jetzt mehrere Ebenen haben. Und wenn du es einfach sperren willst, dann werden sie in einer Datei sein, oder? Und sie werden es in einer Datei da drin schaffen. Deshalb machen wir einfach ein Protokoll. Also werde ich es vorerst ASR legen. Also, geh zum Nix, also werde ich an der Widen überqueren und jetzt überprüfen sie andere Dinge Dann gibt es eine Hitmap und HiPams so etwas wie wenn du es einfach anabelst, dann kannst du sehen, wo es Elemente wie HVDIMges gibt Also ja, es ist HVZ oder gibt auch Bilder und sie haben auch Bilder Also ja, hier dreht sich alles um das Richtige. Also lass uns auf Als erledigt markieren klicken. Und sie überprüfen einige andere. Und jedes Mal eine interessante Sache, du wirst mehr bemerken, als sie ein Video hinzufügen Nehmen wir an, wenn Sie eine bestimmte Sache nicht verstehen, Sie möchten mehr Details sehen, dann klicken Sie einfach hier auf dieses Video, dann werden Sie mehr Details sehen Okay, jetzt sprechen wir über das Aktivieren von Clip-Inhalten. Okay. Schauen wir uns jetzt an, von welchem sie sprechen. In diesem Fall aktivieren sie gerne Clip-Inhalte oder überlaufende Frames Also, okay, lass uns das reparieren. Und wenn du nicht verstehst, was das ist, dann klicke einfach auf ein Video, dann verstehst du mehr. Okay? Okay. Scrollen Sie jetzt nach unten und sie nehmen noch mehr. Okay, also entferne Eigenschaften vom Mainframe, also lass uns zum Helden gehen, und sie reden darüber, sie zu entfernen, aber wenn wir das tun, dann ist es vielleicht kaputt Okay, was können wir tun? Eins können wir tun. Wir können jetzt ein Backup machen. Also lass uns einfach nach Alta gehen. Ja. Wenn nicht, vorerst können wir es vorerst lassen, oder was kannst du tun? Wir können sagen, repariere es. Sie sehen können, kann ich es mit Zentimetern reparieren. Es sieht gut aus, aber wenn du dir diese Polsterung an der linken oder rechten Seite ansiehst, ist sie fast entfernt Es ist also in Ordnung. Ich denke, es ist nichts. Es ist okay. Aber wenn du die Polsterung hinzufügen willst, kannst du das von hier aus tun, okay? Ordnung. Also lass uns sehen ob und zurück gehen. Und dann hast du dort ein Block-Tag, eine Überschrift, eine Schaltfläche, ein Video , einen Blockout, erweiterte Bilder, eine Infobox , einen Blockout, erweiterte Bilder, eine Infobox und ein weiteres Widget oder einen Block dort Gehen wir zurück und gehen wir zum Responsive Manager. Und ich denke, über Details sprechen wir, oder? Also müssen wir es noch einmal erklären. Und hier ist eine Konvertierungseinstellung. Gehen wir zur Option Konvertieren, und dann erhalten Sie zwei Optionen. Die eine ist wie die Live-Eingabe im Kopiermodus , die meistens empfohlen wurde. Aber ich verwende gerne diesen Kopiermodus , weil er viel einfacher ist. Okay, also nimm diesen Kopiermodus. Ich klicke hier einfach auf die Kopie. Und wie Sie sehen können, habe ich hier eine Kopie, kopieren Sie sie einfach. Lass uns zurückgehen. Und jetzt müssen wir ein Plug-In installieren. Also lass uns hier auf den neuen Button hier klicken. Und jetzt müssen wir nur noch Nextureblock hinzufügen. Es ist so etwas wie der nächste, dann die Notaufnahme. Das ist es nur. Dann blockiere. Dann musst du hier diesen Stecker in Mali installieren, nextorblog was Presquenburg, plug with Thousand Plus Star Templo At also einfach diesen Plug in installieren und aktivieren Einfach hier klicken. Installieren Sie es jetzt und klicken Sie dann auf Aktivieren , das war's. Dann wird es aktiviert. Außerdem können Sie hier diese nächste Erweiterung installieren, diese. Außerdem kannst du hier den Plus Ton für Element einbauen, diesen auch. Ich werde es erneut installieren. Du kannst es installieren oder du kannst es verlassen, aber ich sehe, dass sie ein Widget haben. Okay. In Ordnung. Also installieren wir sie alle. Wenn Sie hier das Thema aufrufen, müssen wir auch ihr Theme installieren. Ansonsten sieht man, dass das Design irgendwie kaputt ist. Gehen Sie also hier zum Thema, und jetzt müssen Sie hier oben darauf klicken oben ein neues Thema hinzufügen. Dann musst du als Nächstes dasselbe suchen. Geben Sie also zuerst Weiter ein, dann ER, Suchen. Und dann bekommst du dieses Theme wie dieses, Details zu den Nachteilen und eine Vorschau. Dann ist das das Thema , über das ich spreche, und dieses Thema kommt von Posy Met wie dieses, POSI MY TH, dieses Ich habe dieses Theme bereits installiert und aktiviert . Okay, jetzt ist es fertig. Lassen Sie mich auch eine Sache mit Ihnen in der letzten Vorlesung teilen , ich denke, ich werde sie mit Ihnen teilen. Gehen wir hier oben zur Option „Anpassen“. Und dann musst du hier diese allgemeine Option wählen. Dann gehen wir zum Container und nehmen den Kopf einfach in die volle Breite, machen ihn zu voller Breite, voller Körperflüssigkeit, allem, machen ihn voll mit, dann machen wir ihn auf Null Dann kannst du einfach wortwörtlich importieren, was du willst, und es wird das volle Gewicht haben, okay, so dass du es leicht machen kannst, ich meine, es wird dasselbe Design wie deine Figma Also, wenn du es einfach voll gewichtig machst. Okay. Gehen wir jetzt zurück zum Design. Okay. Gehen wir jetzt zurück, weil Sie das ganze Theme bereits installiert haben und es einbinden. All dieses Ding wird installiert. Und jetzt müssen wir hier auf diese neue Seite hier klicken, der linken Seite, auf diesen Button klicken. Und jetzt hier im Text, wir müssen nur noch Strg V drücken, Strg V drücken. Und wie Sie sehen können, haben wir alles, was wir gerade bekommen, hier drin. Also wenn du es einfach auf diesen Seitennamen setzen willst, dann kannst du sagen, das ist unser Zuhause. Sagen wir Home Five. Ich kann einfach hier auf diese veröffentlichte Schaltfläche klicken , um das Design zu sehen, oder wir können uns die PV ansehen. Wir müssen es aber nicht veröffentlichen. Und wenn Sie genau hinschauen, dass diese Designs genau gleich aussehen, aber nur diese beiden Bilder aufgrund des Designs wie Zuschnitt aussehen, und wir das manuell importieren können, ist das kein Problem. Dieser sieht genauso aus, aber es sieht nicht so aus, als ob, wenn du dir dieses Gras ansiehst, dann ist es dort in Unkraut gesteckt. Aber in unserem Design haben wir kein Gras verwendet. Also was du tun kannst, du kannst dieses Ding buchstäblich einfach mögen und wir können einfach Gras hineinlegen. Dann wird es genauso sein wie es ist, wie wir wollen, richtig, oder wie es vorher war. Also, wenn du genau hinschaust, dann sieht dieser Button nicht gleich aus. Ich glaube, es sah nach einem Unkrautproblem aus. Wir können das also korrigieren, weil wir im vorherigen Element dasselbe bekommen haben, oder? Also klicken Sie auf eine Schaltfläche und ändern Sie einfach dieses Gras, um zu sagen, wie viel wie perfekt aussah 48, 47, 45. Klicken wir hier auf diese Vorschauoption und fahren mit diesem Vorschau-Tap fort. Okay, jetzt schließt es sich der Vorschau an. Ich weiß, wie Sie sehen können, sieht das genau gut aus, oder? Jetzt ist es gut. Jetzt können wir einfach das Update machen. Es ist so, als ob du das Design nicht veröffentlichen musst, wenn du nicht denkst, dass es gut ist, oder? Sie können die Vorschau sehen. Wenn Sie sich dann in Ordnung fühlen, ist es gut, dann können Sie einfach das Design eingeben oder das Design speichern oder das Design veröffentlichen. Und dann geh zu diesem Tablet und zu diesem Tablet, du kannst es definitiv aktualisieren. Du kannst es ändern. Nehmen wir an, hier haben Sie eine Breite. Sie können hier einfach die Breite erhöhen. Wir können diese Musterbreite auch erhöhen. Sie können auch auf diese mobile Version zugreifen. Sie können die Schaltfläche auch virtuell aktualisieren. Wenn du auf diesen Blog gehst, dann kannst du das auf jeden Fall tun. Klicken Sie einfach darauf und erhöhen Sie einfach die Breite der Schaltfläche wie folgt. kannst du tun. Wenn Sie hier auf diese Ebenenoption klicken, können Sie auch Autos sehen. Das ist der Container, das ist der Container-Absatz, alles, was Sie wollen, können Sie das benutzerdefinierte Madison buchstäblich am besten machen. Wie Sie sehen können, ist das so gesichert. Das ist der Container. Wir müssen ihn leichtgewichtig und mobil machen, damit er gut aussieht. Dies sind die Bilder unten, Sie müssen also Ihr Karussell hinzufügen Ich denke, das ist nicht so heiß, und es ist einfach, Custom Magion mit Gutenberg zu machen Wenn du die Blöcke rausholen möchtest, was ich denke, klicke einfach auf dieses Plus-Symbol, dann bekommst du all diese Blöcke dort, und du kannst sie einfach verwenden, um deine Website zu erstellen Und das war's von allem Freak Pay Gutenberg. Und wenn du Fragen hast, lass es mich einfach in unserer Gruppe hier wissen, wie facebook.com Slash Hier dieser. Das ist die Gruppe. Also mach einfach mit und stell die Frage. Außerdem, wenn du ein detailliertes Video sehen möchtest, zum Beispiel eine ganze Seite, werde ich mit Gutenberg konvertieren, lass es mich einfach wissen und gruppieren, und ich werde ein anderes Video dazu hinzufügen und einfach den gleichen Kurs hier Okay, lass es mich einfach wissen. Ich danke dir vielmals. 23. Figma zu Bricks Builder: Jetzt werden wir sehen, wie wir unser Design Figma importieren können , um Rechtschreibfehler zu knacken Für diese müssen wir also zunächst diesen Link m.com slash UI CeMei hier aufrufen und dann unten nach unten scrollen Dann bekommst du diese Option hier. Wie du siehst, hat es Elementor, konnte nicht an Bord gehen und dann ein paar Steine Also klicken wir hier auf diesen Bicks und lassen Sie uns kostenlos auf diesen Start klicken, dieses Muster Dann musst du hier ein Konto erstellen. Ich habe also bereits ein Konto und melde mich dort bereits an. Deshalb sehe ich meine E-Mail-Adresse und meinen Vornamen und Nachnamen. Klicken wir also auf diese Schaltfläche zum kostenlosen Herunterladen. Okay, wie Sie sehen können, erhalte ich hier den Lizenzschlüssel, und das wird notwendig sein, wenn ich mein Design auf Figma optimiere Also lass es uns kopieren. Lassen Sie uns zunächst zu unserem Figma-Design zurückkehren Und im Figma-Design können Sie von hier aus buchstäblich ein vollständiges Design importieren oder einfach in einen bestimmten Abschnitt importieren In meinem Fall verwende ich momentan gerne einen bestimmten Abschnitt, aber in Ihrem Fall können Sie ein vollständiges Design importieren Lassen Sie uns also das Design auswählen. Wir können diese Option hören, diese schaltflächenartige Aktion. Dann geh hier hin zu diesen Plugins und suche jetzt in deinem UIki. Wenn du also nach I Cai suchst, bekommst du noch ein paar Plug-ins von der Firma Eins ist wie Figma für Greenberg, Figma Elementor. Haben Sie zu guter Letzt einen Figma to Breakpage Builder. Klicken Sie einfach dort und dann müssen wir hier auf diese Schaltfläche „Ausführen“ klicken Und zuallererst bitten sie darum, dieses Plugin zu aktivieren. Klicken wir also auf pset activate. Und jetzt müssen wir hier den Serienschlüssel einfügen , den wir kürzlich von hier erhalten Also einfach einfügen und auf diese Option Aktivieren klicken. Und jetzt klicken wir auf Skip it. Überspringe es auch. Und es ist genauso wie beim vorherigen Plug-In, oder? Es ist irgendwie dasselbe. Okay, lassen Sie uns mit diesem Abschnitt weitermachen. Wie Sie sehen können, habe ich gerade 50 Konversionen. Okay, also lasst uns hier auf „ Optimieren“ klicken und uns diesen Button anvertrauen Und da müssen wir unser Design optimieren, sodass Sie es buchstäblich einfach optimieren können Dieses Design ist also bereits optimiert, weil ich im vorherigen Video denselben Abschnitt verwendet habe. Dieses Design ist also bereits optimiert, markiere es einfach als. Eine interessante Sache ist, dass du jedes Mal ein Video bekommst. Wenn du also nicht verstehst, was das ist und warum wir das machen müssen, dann klicke einfach auf das Video, dann wirst du das Video sehen. Klicken Sie jetzt auf C und gehen Sie zurück, dann sind es Elemente oder Tags. Wie Sie sehen können, enthält es viele Elemente eines Widgets, eines Tags oder eines Blogs, was auch immer Sie sagen. Alles ist da. Sie können es also einfach gezielt verwenden wie Sie es in Element tun oder ich werde nicht ins Detail gehen. Wenn Sie mehr Details sehen möchten, teilen Sie mir einfach unsere Gruppe mit. Letztes Video, ich teile mit dir die Gruppe ERL Lass uns zu der Gruppe gehen und mich einfach etwas Konkretes fragen : Was lernst du gerne Dann werde ich dieses Modul zu diesem Kurs hinzufügen. Okay? Lassen Sie uns nun auf diese Art der Anpassung klicken Und wie Sie sehen können, gibt es zwei Möglichkeiten, nämlich Jasen und diesen Live-Input herunterzuladen Es wird also meistens empfohlen, mit Eingabe eins zu arbeiten. Wenn Sie sich also nur für bestimmte entscheiden, können wir uns meiner Meinung nach für JSON entscheiden Ich denke, es wird viel einfacher sein. Klicken wir also auf diese Download-Option. Und wenn Sie nur eine bestimmte Tonhöhe exportieren, dann entscheiden Sie sich für diesen Live-Input. Wenn Sie also Live-Informationen verwenden, müssen Sie Ihre Site auswählen und hinzufügen. Fügen wir also die Seitentaste hinzu, und dann müssen wir hier URL und Token hinzufügen. Dafür müssen wir also auf unsere What Press-Website gehen und das Plug-In installieren. UIC einfach Satn einstecken und hier suchen, UIkeMI, suche einfach dasselbe wie FICMA und Und nach der Aktivierung erhalten Sie linken Seite eine Schaltfläche wie EY CME Und dann müssen Sie Ihren Page Builder auswählen , was er möchte In meinem Fall verwende ich gerne Bricks Builder. Wählen Sie also Steine aus, klicken Sie auf Weiter, Weiter, Weiter, Weiter. Und dann müssen wir diesen aktivieren, ihn hochladen, als nächstes und dann hier auf diese Option zum Fertigstellen klicken. Sie müssen also jedes Mal, wenn Sie ein Bit festlegen, definieren, welchen Seitenersteller Sie verwenden möchten . Tu es einfach. Aber wenn Sie es nicht tun, wenn Sie es ignorieren oder wenn Sie einfach mehrere Page Builder verwenden, ist das kein Problem. Es ist okay. In Ordnung. Scrollen Sie jetzt ein bisschen nach unten. Okay, gehen wir hier zur Einstellungsoption . Habe die Einstellung. Außerdem, wenn du hier zu diesem IKE gehst, bekomme ich dort ein EO, aber das ist nichts für Brick Spiller Wenn du auf diesen Brick Spiller klickst, dann ist das alles gut Elementor, wenn du dich einfach für Elementor entscheidest, dann musst du die Sache mit diesem un Brek auch installieren Sache mit diesem un Brek Aber im Moment werden wir uns nur für Brick Spiler entscheiden. Gehen wir also zur Einstellung. Und wir müssen hier die Seiten-ERA kopieren, gehen wir zurück zu Fick Margin, zahlen hier die ERAP Und jetzt packen wir wieder und kopieren einfach die Seite, als ob die Sicherheit spricht, hier hingehen kopieren einfach die Seite, als ob die Sicherheit spricht, und sie Und dann ist es dasselbe wie Element oder Half. Wir müssen auswählen, was Sie wollen. Lassen Sie uns mit einer Seite oder Vorlage beginnen, was auch immer Sie wollen, Sie können wählen. Also werde ich vorerst mit dieser Seite weitermachen. Gehen wir zum nächsten I-Portal. Klicken Sie hier auf den Pfeil hier auf diesen Button. Dann, wie Sie es auf dieser Seite sehen können, LKW. Lass uns mit Ziegeln darauf klicken, auf diesen Button. Und das sieht genauso aus. Aber diese beiden Bilder sehen kaputt aus , weil sie beim Design kaputt waren. Lassen Sie uns hier die Option wählen, und jetzt können wir dieses Ding buchstäblich machen. Wir können das Gras einfach ändern, dann wird es repariert. Und das ist die Struktur. Und wenn du zu dieser Kachel gehst, dann kannst du diese Breite ändern, denn was ist jetzt passiert, wenn du diese Vorschau im Frontend siehst, kann ich sagen, schau mal in die Breite, richtig? Im Moment gehen wir einfach bei 100% vor. Aber wenn du es nur ein bisschen weniger machst, sagen wir, 90 oder 80% oder 85%, sollte das genauso aussehen. Das ist also total mit dem Gras verbunden. Wenn du also ein Design von 100% haben willst, dann musst du mit diesem Prozent spielen wie mit dem Gras, dann wird das Design genauso sein wie es ist. Und eine Sache, wenn Sie sich dieses Design jetzt ansehen, sieht dieses Bild total statisch aus, oder? Das sieht total lytisch aus Weil wir also keinen Block ausgewählt haben, kein Design oder irgendeine Art von Get Attach Deshalb sieht das Bild wie ein fantastisches Bild aus. Aber wenn Sie etwas Dynamisches benötigen, wenn Sie möchten, dann müssen Sie das Design hier auf jeden Fall optimieren Gehen wir also zur Optimierung von Elementen und Tags über. Hier drin kannst du es wirklich auswählen. Ich nehme zum Beispiel gerne dieses Karussell. Also kann ich dieses Karussell hier buchstäblich auswählen. Schauen wir uns also dieses eine Karussell an. Ich wollte sagen, dass ich ein Karussell auswählen kann und wie viele Karussells Nehmen wir an, ich nehme gerne diese vier oder fünf, ich kann Also, wann immer ich dieses Design importieren kann, werden diese Bilder nicht wie normale statische Bilder aussehen. Es wird ein Karussell sein. Es reagiert wie ein Karussell, und wir haben weitere zusätzliche Optionen wie Hier dreht sich alles um Gras, also müssen wir nur mit dem Gras spielen Das war's, dann wird es repariert. Und es ist ein Tablet-Modus, das Gleiche, und es gibt auch ein Handy und ein Handy haben dasselbe Also müssen wir nur das Gras ändern, dann glaube ich, wird es repariert. Wie Sie sehen können, möchte ich nur die Breite erhöhen, und es sieht ziemlich gut aus, wie Sie sehen können. Es ist also ein totales Problem mit der Breite, also müssen wir nur die Größe der Breite ändern und dann ist unser Design einsatzbereit Also ja, nochmal, wenn du irgendwelche Fragen hast , lass mich einfach eine Gruppe wissen Ich werde dir auf jeden Fall antworten. Wenn du weitere Videos über Brick Builder oder Gottenberg Mentor benötigst über Brick Builder oder Gottenberg Mentor einem bestimmten Zeitpunkt mehr erfahren möchtest, lass es mich einfach wissen Ich werde mehr Videos machen und diesen Kurs hinzufügen. Danke fürs Zuschauen. 24. Abschließende Gedanken: Vielen Dank, dass Sie sich diesen vollständigen Kurs angesehen haben. Jetzt ist es an der Zeit, Ihr Feedback zu äußern oder Ihre Gedanken aufzuschreiben. Hinterlassen Sie einfach einen Kommentar, was auch immer Sie über diesen Kurs denken. Wenn du ihn nicht magst, ist es in Ordnung. Mach einfach einen Kommentar. Ich freue mich darüber, wenn es dir nicht gefällt, und wenn es dir gefällt , dann schreib einfach einen Kommentar. Wenn du weitere Details zu einer bestimmten Sache sehen möchtest , sagen wir über Guttenberg oder Biggs oder Elementary, wenn du ein bestimmtes Seitendesign oder ein bestimmtes Website-Design sehen möchtest , lass es mich einfach in einem Kommentar zu einem Gruppenbeitrag wissen, oder du kannst mir sogar eine E-Mail senden Lass es mich einfach wissen. Ich werde auf jeden Fall das Video machen und es einfach in den gleichen Kurs aufnehmen und dich auch benachrichtigen , damit du es dir ansehen kannst und es das Problem lösen kann oder du die Dinge sogar lernen kannst. Außerdem, wenn du irgendwelche Probleme hast, sagen wir mal, du versuchst es zu tun, aber es löst nicht, einfach um in einer Gruppe zu posten, werde ich da sein, um dich zu unterstützen. 25. Bewertung: Herzlichen Glückwunsch. Sie haben den Kurs erfolgreich abgeschlossen. Jetzt ist es an der Zeit, Ihr Projekt einzureichen. Für das Projekt können Sie jede Art von Design wählen, aber Sie müssen es in WordPress konvertieren, und Sie können jeden Seitengenerator verwenden, um das Figma-Design in Wordpress zu konvertieren. Es kann Elementor, Gutenberg, Bricks Builder sein , alles, was Sie Stellen Sie jedoch sicher, dass das Design für alle Geräte zu 100% reagiert Wenn Sie also das Design in WordPress fertiggestellt haben, klicken Sie einfach hier auf dieses Projekt einreichen, auf diese Schaltfläche. Tippe dann hier auf deinen Projekttitel. Schreiben Sie auch einfach die Projektbeschreibung, Beispiel, was Sie hier gemacht haben, wie Sie es machen, schreiben Sie ein bisschen. Dann wähle hier einfach andere Links und füge dann hier den Link zur WordPress-Seite hinzu, füge ihn hinzu und veröffentliche dann einfach. Und wenn du hier diese Projektanleitung siehst, dann bekommst du diesen Link. Wenn du einfach hier auf die Figma-Community-Tit DVI klickst , füge all diese Links dort ein, wähle einfach einen davon aus, damit du dich einfach und wohl fühlst Gehen Sie einfach dorthin und wählen Sie das Design aus und konvertieren Sie es mit Wt Press Du hast Fragen oder Unklarheiten, gehe einfach zu dieser Diskussion und schreibe einfach deinen Kommentar oder