WordPress für Einsteiger: Blöcke und Bearbeitung

Hallo, mein Name ist Chrissy Ray, und in diesen Lektionen lernen Sie, wie Sie Beiträge bearbeiten und Seiten mit Blöcken und dem klassischen Editor. Wir beginnen mit der Bearbeitung einer Seite mit dem Blockeditor, und das ist der Standard-Editor für Beiträge und Seiten. Sie können sehen, dass ich gerade auf einer Seite und im Editor bin. Und der einfachste Weg, einen Block hinzuzufügen, Sie können hier sehen, dass es heißt: Geben Sie einen Schrägstrich ein, um einen Block auszuwählen. Das könnte ich also. Ich könnte einfach einen Schrägstrich in dieses Leerzeichen eingeben. Und ich kann einen dieser häufig verwendeten Blöcke auswählen. Wenn Sie den Block, den Sie hinzufügen möchten, nicht finden aus dieser Liste können Sie einfach die Rücktaste drücken und bewegen Sie dann Ihre Maus hierher bis Sie das Pluszeichen sehen. Und Sie können auf das Pluszeichen klicken, um einen Block hinzuzufügen. Das wird Ihnen eine Suchleiste geben, wo Sie dann suchen können für den Block, den Sie hinzufügen möchten. Also werde ich jetzt ein Bild hinzufügen. Also wähle ich nur Bild. Wenn Sie dort kein Bild sehen, Sie können einfach das Wort Bild eingeben und es wird angezeigt. Wenn Sie ein Bild hinzufügen, Sie haben die Möglichkeit, es hochzuladen, wenn Sie möchten. Wenn Sie es bereits hochgeladen haben, Sie können in die Mediathek gehen oder Sie können es von einer URL einfügen. Ich habe also bereits ein Bild hochgeladen, das ich verwenden möchte. Also klicke ich auf Mediathek und ich werde das gewünschte Bild auswählen, vergewissern Sie sich, dass dort Alt-Text vorhanden ist, und klicken Sie dann auf Auswählen. Nun einige der Einstellungen die Sie für einen Block verwalten werden werden in diesem Panel sein auf der rechten Seite des Bildschirms, und einige von ihnen werden in der Bar sein das ist über dem Block. So sieht man hier zum Beispiel für die Bar, Ich kann Filter verwenden. Ich kann es ausrichten. Ich kann einen Link hinzufügen. Da kann ich noch was machen. Und in der Tafel auf der rechten Seite, Ich kann einige andere Einstellungen ändern. Deshalb möchte ich nur auf einige Einstellungen hinweisen über Bilder, die wichtig sind. Nummer eins ist wieder dieser Alt-Text. Sie wollen immer sicher sein dass Ihre Bilder Alt-Text, Alternativtext haben. Es ist sehr wichtig. Und wenn Sie den alternativen Text auf einem Bild ändern das zu einem Poster oder einer Seite hinzugefügt wurde, Der Alternativtext wird nicht aktualisiert das war in der Mediathek. Sie möchten also sicherstellen, dass Sie es in der Medienbibliothek ändern und fügen Sie es dann der Seite hinzu, wenn es widergespiegelt werden soll auf alle neuen Instanzen dieses bestimmten Bildes. Vorhandene Instanzen werden nicht geändert. Eine andere Sache bei den Bildeinstellungen ist die Größe. So können Sie jetzt sehen, dass es auf groß eingestellt ist. Diese Größen werden durch das Thema bestimmt, das ich verwende. Einige Themen haben mehr Größen. Einige Themen haben weniger Größen. Es kommt also nur auf das Thema an die Sie für Ihre Website verwenden. Die andere Sache sind diese Bildabmessungen, Normalerweise versuche ich, diese nicht zu ändern weil es die Abmessungen des Bildes ändert auf dem Bildschirm, ändert aber nicht die Dateigröße. Wenn Sie das also zu 50 % machen, Sie müssen immer noch das gesamte größere Bild herunterladen um diese kleinere Version davon anzuzeigen. Wenn Sie eine andere Bildgröße verwenden müssen, dann empfehle ich, diese Bildgröße zu machen bevor Sie es hochladen. Okay, noch eine Sache zum Bild ist, dass Sie ihm eine Bildunterschrift geben können. Ich möchte das einfach zurücksetzen und ihm eine Beschriftung geben. Also tippe ich das ein. Und in der Bildunterschrift haben Sie auch einige Textbearbeitungswerkzeuge. Also genau wie Sie es für den Absatz getan haben. Wenn Sie nun bereit sind, einen neuen Block hinzuzufügen, Sie können einfach die Eingabetaste drücken, und das gibt Ihnen einen neuen Block. Und wieder können Sie einen Schrägstrich eingeben oder Sie können auf das Pluszeichen klicken. Wenn Sie alle verfügbaren Blöcke sehen möchten, Sie können auf Alle durchsuchen klicken, und das wird dir alle Blöcke zeigen die derzeit für Ihre Website installiert sind. Viele davon sind standardmäßig installiert. Einige von ihnen, wenn ich hier nach unten scrolle, werden wegen Plugins installiert, die ich habe. Also werde ich einen weiteren Block hinzufügen dass ich denke, ist ziemlich nützlich und eine, die Sie kennen sollten. Und das wird der Kopfblock sein. Überschriften sind wirklich wichtig zum Aufteilen des Inhalts Ihrer Seite. Sie möchten Überschriften jedoch richtig verwenden. Manchmal sehe ich Leute, die Überschriften verwenden wo ihnen einfach gefällt, wie es aussieht deshalb verwenden sie die Überschrift. Du willst sicher gehen dass Sie die richtige Überschriftenebene verwenden. Sie können hier also jetzt sehen, dass ich einen H2 habe, welches ist richtig. Der Titel der Seite wird normalerweise eine Überschrift der ersten Ebene sein. Das wird die Hauptüberschrift für die Seite sein. Sie sollten normalerweise nur einen H1 haben oder eine Überschrift der ersten Ebene für eine ganze Seite. Alle Unterüberschriften sollten H2 oder niedriger sein. Aber du willst sicher gehen dass Sie Ihre Seite richtig strukturieren. Verwenden Sie also kein H3, es sei denn, es handelt sich um eine Unterüberschrift eines H2. Verwenden Sie kein H4, es sei denn, es ist eine Unterüberschrift eines H3. Sie sollten also kein H2 gefolgt von einem H4 haben weil du zwischendurch einen H3 brauchst. Also füge ich hier eine Überschrift hinzu und ich werde Cakes from Around the World eingeben. Sie können also hier sehen, dass ich diese Überschrift ausgewählt habe und ich habe einige Einstellungen, die ich ändern kann in der Leiste, genau wie ich es mit dem Bild getan habe. Und dann habe ich einige Einstellungen dass ich im Panel umstellen kann. Und Sie können sehen, ich möchte nur auf einen hinweisen kann ich den Fall ändern. Also, wenn ich will, dass das alles in Großbuchstaben ist oder alle Kleinbuchstaben oder gemischte Groß- und Kleinschreibung, das kann ich tun. Als ich es groß geschrieben habe, es hat jedes einzelne Wort großgeschrieben. Wenn ich das also entfernen möchte, kann ich einfach auf Keine klicken. Ein weiterer Block, von dem ich denke, dass es nützlich ist, ihn zu kennen, Ich drücke hier einfach die Eingabetaste, um einen neuen Block hinzuzufügen, wird der Tastenblock sein. Also tippe ich einfach Slash-Buttons ein und ich werde hier einige Schaltflächen hinzufügen. Und ich werde Kuchen eins eingeben. Und ich werde die Eingabetaste drücken, um eine weitere Schaltfläche hinzuzufügen. Dies wird Kuchen zwei und Enter, um eine dritte Schaltfläche hinzuzufügen. Also Kuchen eins, Kuchen zwei, Kuchen drei. Jetzt mit diesen Schaltflächen, Sie können hier sehen, wenn ich auf Kuchen eins klicke, Ich habe eigentlich nur die Einstellungen für diese eine Taste. So kann ich zum Beispiel die Hintergrundfarbe ändern für nur diese eine Taste. Und Sie können sehen, dass dies die anderen nicht beeinflusst hat. Wenn ich eine andere Schaltfläche auswähle, Ich kann dann die Textfarbe für diesen ändern. Und es betrifft nur diese bestimmte Taste. Wenn Sie Einstellungen für alle Schaltflächen übernehmen möchten. Also hoppla, lass mich den Text wieder ändern zu etwas, das Sie sehen können. Na, bitte. Wenn Sie die Schaltflächen als Ganzes ändern möchten, dann würden Sie eine der Schaltflächen auswählen und dann können Sie auf diese Schaltfläche klicken. Es ist schwer zu sagen. Und das wird dir die Eigenschaften geben für alle Tasten. Aber beachten Sie, dass Sie die Dinge nicht ändern können wie die Hintergrundfarbe. Das liegt daran, dass es sich um eine schaltflächenspezifische Eigenschaft handelt. Und was ich Ihnen hier zu zeigen versuche ist, dass jeder der Blöcke, die Sie verwenden hat unterschiedliche Einstellungen und es wird eine Frage der Verwendung der Blöcke sein um die Einstellungen zu lernen und etwas Übung damit zu bekommen. So sieht man zB. Ich kann die Schaltflächen zentrieren oder rechtsbündig ausrichten. Da habe ich einige Möglichkeiten. Oder ich kann die Ausrichtung ändern und ich kann damit herumspielen. Ein weiterer Block, den ich dir zeigen möchte, Also klicke ich auf Plus, und das wird eine Liste sein. Eine Liste wird also standardmäßig angezeigt eine ungeordnete oder Aufzählungsliste sein. Dies ist eine Liste. Und Sie können sehen, wenn ich die Eingabetaste drücke, werden Elemente hinzugefügt. Wenn Sie möchten, dass die gesamte Liste eine nummerierte Liste ist, Sie müssen die gesamte Liste auswählen. Sie können also jetzt sehen, dass ich ein Listenelement habe als der aktuell ausgewählte Block. Wenn ich alle Listenelemente auswählen möchte, Ich muss auf diese Schaltfläche "Liste auswählen" klicken. Und man sieht dort, Ich kann es in eine nummerierte Liste oder eine Liste mit Aufzählungszeichen ändern. Dies ist ungeordnet oder geordnet. Sie können auch auf einen einzelnen Listeneintrag klicken und Sie können es einrücken, was es zu einer Unterliste macht, oder Sie können es dann bei Bedarf ausrücken. Sobald Sie also Änderungen an Ihrer Seite oder Ihrem Beitrag vornehmen und die Blöcke, die ich Ihnen zeige, sind verfügbar in Beiträgen und Seiten. Also alles, was Sie hier sehen, Sie können auch in den Beiträgen tun. Aber wenn du damit fertig bist, Sie werden nur auf Aktualisieren für Ihre Seite klicken und das wird es aktualisieren. Also noch eine Sache, die ich Ihnen über diese Blöcke zeigen möchte und das ist etwas, was ich an Blöcken wirklich mag. Wenn Sie die Reihenfolge Ihrer Blöcke ändern müssen, Sie können einfach einen Block auswählen und dann kannst du entweder ziehen, Verwenden Sie dieses kleine Ziehsymbol hier, um es nach oben oder unten zu ziehen. Das kann ich also verschieben. Oder wenn dir das ein bisschen zu schwer ist, Sie können auf den Pfeil klicken, um ihn nach oben oder unten zu verschieben innerhalb der Seite. Sie auch für jeden dieser Blöcke haben diese drei Punkte auf der rechten Seite. Das sind Möglichkeiten, und Sie können damit einen Block kopieren oder duplizieren. Sie können Blöcke einfügen. Und wenn Sie HTML lieben, sind Sie ein Programmierer, Sie können sie auch als HTML bearbeiten. Wenn du da reinkommst, Sie können es dann visuell bearbeiten, um es zu ändern. Und Sie können sehen dass Sie hier einige zusätzliche Funktionen haben. Eine der Funktionen, die ich sehr häufig verwende ist die Funktion zum Entfernen. Wenn Sie also einen Block hinzufügen und dann entscheiden, dass Sie ihn nicht brauchen, Sie können den Block auswählen und klicken Sie dann auf Bild entfernen, um es zu entfernen. Das war es jetzt für Blöcke. Danke fürs zuschauen. Und bleiben Sie dran für die nächste Lektion Dort zeige ich Ihnen, wie Sie mithilfe von Plugins neue Blöcke hinzufügen.