WEBVTT 00:00.000 --> 00:11.440 Schauen wir uns an, wie man Beiträge erstellt und was die Besonderheiten von einem Beitrag 00:11.440 --> 00:12.440 sind. 00:12.440 --> 00:16.240 Als erstes ist der erste Schritt einen Beitrag anzulegen. 00:16.240 --> 00:20.480 Das heißt, ich klicke hier auf dieses Plus, Neu und dann Beitrag. 00:20.480 --> 00:24.880 Das mache ich gerne mit der mittleren Maustaste, dann öffnet sich das automatisch im neuen 00:24.880 --> 00:25.880 Tab. 00:25.880 --> 00:32.480 Wenn sich die Admin-Leiste bei Ihnen gerade nicht zeigt, dann müssen Sie die linke Shift-Taste 00:32.480 --> 00:37.080 gedrückt halten und die Seite einmal neu laden, also das Browser Fenster einmal neu 00:37.080 --> 00:38.080 laden. 00:38.080 --> 00:44.800 Bei Mac funktioniert das auch mit der Tastenkombination linke Shift-Taste, Command-R bei Windows wäre 00:44.800 --> 00:48.720 das die Taste F5 und dann eben die linke Shift-Taste um neu zu laden. 00:48.720 --> 00:53.100 Wenn die Seite neu geladen hat, dann sollte auch bei Ihnen die Admin-Leiste ersichtlich 00:53.100 --> 00:54.100 sein. 00:54.100 --> 00:57.720 Ansonsten müssen Sie sich vielleicht erst auf der Seite einloggen bevor das klappt. 00:57.720 --> 01:03.560 Um einen neuen Beitrag zu erstellen, klicke ich also auf dieses neu und dann Beitrag und 01:03.560 --> 01:05.240 dann öffnet sich die Eingabemaske. 01:05.240 --> 01:10.880 Hier gibt es erstmal den Titel, das heißt das ist die Schlagzeile, der Aufmacher für 01:10.880 --> 01:16.280 Ihren Beitrag, für Ihren Artikel und ich nenne das jetzt einfach mal Artikel-Titel. 01:16.280 --> 01:24.120 Und wenn ich jetzt in diesen Beitrags-Editor reinklicke, also in das Fenster hier unten, 01:24.120 --> 01:29.480 dann wird der Permalink automatisch aktualisiert und ich sehe mein Artikel ist unter dem heutigen 01:29.480 --> 01:32.320 Datum abgelegt und danach Artikel-Titel. 01:32.320 --> 01:39.160 Wenn ich den Permalink ändern möchte, zum Beispiel wenn mein Titel sehr lang ist oder 01:39.160 --> 01:44.720 ich einen griffigeren Titel benötige für was weiß ich das Verlinken in Printmedien, 01:44.720 --> 01:48.480 dann kann ich hier auf Bearbeiten klicken und diesen Permalink abändern. 01:48.480 --> 01:53.920 Zum Beispiel kann ich hier dann vielleicht noch zwei dahinter setzen und auf OK klicken. 01:53.920 --> 02:00.520 Mein Permalink wird dann aktualisiert und jetzt ist dieser Beitrag oder wird der Beitrag 02:00.520 --> 02:03.640 später unter Artikel-Titel 2 eben ausgegeben. 02:03.640 --> 02:11.560 Der Titel des Artikels des Beitrags ist übrigens auch automatisch die H1 Überschrift, also 02:11.560 --> 02:16.440 die Überschrift der Ebene 1 ihrer Seite, ihres Artikels. 02:16.440 --> 02:22.840 Im Editor haben Sie zwei Modi, einmal den visuellen Editor und einmal den Text-Editor. 02:22.840 --> 02:26.920 Der visuelle Editor ist der What-you-see-is-what-you-get-Editor. 02:26.920 --> 02:33.520 Das ist wie in Word, Sie können dort zum Beispiel eine Überschrift schreiben und dann eben im 02:33.520 --> 02:40.520 Editor hier auswählen, dass es eine Überschrift ist, Überschrift 2 zum Beispiel. 02:40.520 --> 02:46.040 Man wechselt die, also man schaltet die Werkzeugleiste über diesen Button um, wenn die bei Ihnen 02:46.040 --> 02:51.000 nicht sichtbar ist, dann klicken Sie auf dieses Symbol, damit Sie weitere Optionen erhalten. 02:51.000 --> 02:57.240 Ansonsten können Sie im vcwik Editor natürlich dann auch Texte einpflegen und so weiter. 02:57.240 --> 03:03.680 Meine Empfehlung ist, dass immer wenn Sie Texte in diesen Editor kopieren, dann wechseln 03:03.680 --> 03:05.640 Sie vorher in den Textmodus. 03:05.640 --> 03:11.640 Denn das verhindert das ungewünschte HTML-Elemente, die Ihre Seite zerstören, mit hineinrutschen. 03:11.640 --> 03:16.320 Seite zerstören klingt vielleicht etwas harsh, das bedeutet nur, dass vielleicht der Text 03:16.320 --> 03:22.160 an der einen oder anderen Stelle nicht so schön aussieht oder einfach noch ja unprofessionelle 03:22.160 --> 03:25.680 Schnipsel mitbeinhaltet, die man auf den ersten Blick nicht sieht. 03:25.680 --> 03:30.280 Das heißt, vielleicht ist der Text auf einmal weiter auseinander als er eigentlich sollte 03:30.280 --> 03:35.720 oder vielleicht hat Ihre Liste auf einmal viel mehr Menüpunkte, die unterschiedliche Abstände 03:35.720 --> 03:38.560 besitzen statt eine gleichmäßige Verteilung. 03:38.560 --> 03:43.720 Deshalb meine Empfehlung, verwenden Sie zum Hineinkopieren von einfachen Texten auch den 03:43.720 --> 03:47.440 Textmodus, darum heißt dieser Modus so. 03:47.440 --> 03:51.480 Zurück im visuellen Editor schauen wir uns auch die weiteren Funktionen ein. 03:51.480 --> 03:52.480 An. 03:52.480 --> 04:00.200 Zum Beispiel kann ich hier über diesen Zitat-Button ein neues Zitat einfügen und so weiter. 04:00.200 --> 04:03.360 Ich kann das auch wieder deaktivieren für die nächste Zeile. 04:03.360 --> 04:08.160 Und wenn ich das jetzt einmal über diesen Vorschau-Button einfach mir mal anschaue, 04:08.160 --> 04:12.960 wie mein Beitrag aktuell ausschaut, dann sehe ich, dass ich jetzt hier ein Zitat an der Stelle 04:12.960 --> 04:13.960 habe. 04:13.960 --> 04:19.720 Neben diesem Zitate-Button gibt es auch andere Funktionen, die ganz interessant sind. 04:19.720 --> 04:26.160 Zum Beispiel kann ich hier über Äpfel und Birnen schreiben und das Ganze einfach in 04:26.160 --> 04:31.120 eine Liste umwandeln, indem ich den Text markiere und dann hier eine Aufzählungsliste daraus 04:31.120 --> 04:32.120 mache. 04:32.120 --> 04:40.480 Das heißt, wenn wir hier einfach ein paar Wörter einfügen in den visuellen Modus und 04:40.480 --> 04:45.560 das ist vielleicht eine Liste, dann markiere ich mir diesen Text und klicke auf nummerierte 04:45.560 --> 04:48.600 Liste und ich erhalte eine super strukturierte Liste daraus. 04:48.600 --> 04:53.200 Schauen wir uns einmal interne Verlinkungen an. 04:53.200 --> 04:57.600 Das heißt, ich kann das hier vielleicht wieder einfach mal in eine Überschrift umwandeln 04:57.600 --> 05:01.960 und dann könnte ich hier schreiben einen Text mit einer internen Verlinkung. 05:01.960 --> 05:10.440 Wenn ich diesen Text verlinken möchte, dann wechsle ich gerne einfach in den Textmodus, 05:10.440 --> 05:15.320 weil der im visuellen Editor mir immer noch einen kleinen Bug wirft, einen kleinen Fehler 05:15.320 --> 05:16.320 wirft. 05:16.320 --> 05:17.600 Das ist immer ein bisschen unschön. 05:17.600 --> 05:19.520 Deshalb wechsle ich in den Textmodus. 05:19.520 --> 05:25.320 Kann hier meinen Text einfach markieren, zum Beispiel einer internen Verlinkung und dann 05:25.320 --> 05:26.880 kann ich hier oben auf Link klicken. 05:26.880 --> 05:32.280 Und jetzt kann ich hier zum Beispiel suchen, verlinken und wenn ich dann eine Inhaltsseite 05:32.280 --> 05:35.960 finde dafür, dann könnte ich das zum Beispiel einfach hinzufügen. 05:35.960 --> 05:42.960 Und im Anschluss kann ich das Ganze natürlich entsprechend auch in der Vorschau wieder 05:42.960 --> 05:43.960 mir anschauen. 05:43.960 --> 05:50.680 Das heißt, ich habe hier meine Listen und hier unten die internen Verlinkungen, einen 05:50.680 --> 05:52.440 Text mit einer internen Verlinkung. 05:52.440 --> 05:57.280 Was ist jetzt eigentlich der Unterschied zwischen diesem visuellen Editor und dem Text Editor? 05:57.280 --> 06:02.720 Das ist ganz einfach, der Text Editor zeigt Ihnen das HTML mit an und dann sehen Sie 06:02.720 --> 06:05.280 hier zum Beispiel, wenn sich mein Fehler hineinschleichen würde. 06:05.280 --> 06:12.600 Überschriften sind also dieses h2 und hier auch eine Überschrift h2 und hier Listen, 06:12.600 --> 06:17.840 eine unnummerierte Liste ul und eine nummerierte Liste mit ol. 06:17.840 --> 06:21.960 Gibt es jetzt noch etwas interessantes? 06:21.960 --> 06:23.320 Ja, das gibt es. 06:23.320 --> 06:28.760 Dazu gibt es noch mal eine ganz eigene Anleitungsseite und zwar zum Einbinden von Bildern. 06:28.760 --> 06:35.320 Meine Empfehlung, wenn Sie ein Bild einbinden wollen, dann nehmen Sie Ihren Datei Explorer 06:35.320 --> 06:38.200 und ziehen Sie das Bild einfach in das Editorfenster hinein. 06:38.200 --> 06:42.840 Das heißt, positionieren Sie Ihren Textcursor hier an die Stelle und dann ziehen Sie das 06:42.840 --> 06:45.400 Bild hinein, falls Sie ein Bild einfügen möchten. 06:45.400 --> 06:49.000 Ansonsten können Sie auch hier oben auf den Button klicken Dateien hinzufügen. 06:49.000 --> 06:52.680 Gut, das heißt zu viel zum Editor. 06:52.680 --> 06:57.560 Jetzt erstmal ein paar Einführungsworte, sage ich mal. 06:57.560 --> 07:01.440 Achten Sie auch darauf, dass Sie keinen Text verlinken, der einfach nur hier heißt, denn 07:01.440 --> 07:03.960 hier ist kein sprechender Text. 07:03.960 --> 07:08.180 Das bringt den blinden Nutzer nichts, wenn sein Screenreader hier vorliest und der nicht 07:08.180 --> 07:09.180 weiß wohin gelangt. 07:09.180 --> 07:13.480 Schauen wir uns die weiteren Funktionen an. 07:13.480 --> 07:18.320 Einmal gibt es hier Anleser und das ist einfach der Text, der auf der Startseite dann hier 07:18.320 --> 07:23.600 zum Beispiel in der Blockroller scheint oder im Slider hier unten erscheinen wird. 07:23.600 --> 07:28.040 Das heißt, das ist der Anleser, den man dann auch entsprechend bearbeiten kann. 07:28.040 --> 07:34.680 Neben dem Anleser hat man auch die Möglichkeit, einen externen Link zu setzen. 07:34.680 --> 07:39.120 Manchmal hat man vielleicht gar keinen eigenen Inhalt, sondern hat vielleicht eine Pressemitteilung. 07:39.120 --> 07:44.520 Dann fügt man hier diesen externen Link zum Presseartikel ein, setzt ein Beitragsbild, 07:44.520 --> 07:50.680 vergibt einen Anleser und vielleicht auch ein Bühnenbild und dann kann man das Ganze 07:50.680 --> 07:53.960 einfach veröffentlichen und man erhält einfach einen externen Artikel. 07:53.960 --> 07:58.680 Wie sieht das Ganze jetzt aus mit dem Bühnenbild? 07:58.680 --> 08:04.240 Das Bühnenbild sieht man nur, wenn man die Startseite Fakultät auf seiner Webseite besitzt. 08:04.240 --> 08:07.160 Das ist die Startseite mit diesem Slider hier oben. 08:07.160 --> 08:14.680 Und der Slider hier hat dann eben dieses Sliderbild hinterlegt und das kann natürlich in allen 08:14.680 --> 08:20.280 verschiedenen Formen und Farben sein und das kann man dort festlegen an der Position Bühnenbild 08:20.280 --> 08:21.280 auswählen. 08:21.280 --> 08:25.840 Wenn ich hier drauf klicke, öffnet sich meine Mediathek und ich habe die Möglichkeit, 08:25.840 --> 08:28.360 hier ein Bild zum Beispiel hochzuladen. 08:28.360 --> 08:37.240 Meine Sliderbilder haben zum Beispiel eine Auflösung von 4167 x 1159 Pixeln, allerdings 08:37.240 --> 08:41.800 ist diese Datei sehr klein, weil es Vektoren sind, die dann in ein PNG umgewandelt wurde. 08:41.800 --> 08:47.720 Meine Empfehlung, wenn Sie ein Bild hochladen, laden Sie es einfach in JPG, also JPEG hoch, 08:47.720 --> 08:50.760 dann ist es auch automatisch bei Ihnen in der passenden Größe komprimiert. 08:50.760 --> 08:55.120 Seiß hier die Bühnenbilder, um sie festzulegen. 08:55.120 --> 09:01.640 Ein Untertitel hat eine H2-Hierarchie, das heißt, wenn ich jetzt ein Untertitel noch 09:01.640 --> 09:07.840 vergebe, dann taucht dieser Untertitel in der Regel unter meiner Überschrift noch mit 09:07.840 --> 09:10.080 auf und das sieht dann so aus. 09:10.080 --> 09:17.200 Neben dem Untertitel gibt es auch noch weitere Funktionen und zwar kann ich einen Beitrag 09:17.200 --> 09:19.000 als Top-Event deklarieren. 09:19.000 --> 09:25.440 Wenn ich das mache, dann erscheint dieser Beitrag auf der Startseite hier oben in der 09:25.440 --> 09:26.440 Sidebar. 09:26.440 --> 09:33.440 Das heißt, hier wäre dann ein kleines Beitragsbild hier oben noch. 09:33.440 --> 09:39.040 Man sieht das Ganze auf der Anleitungseite, ich zeige das einmal, den Screenshot dazu, 09:39.040 --> 09:45.000 das heißt, man hat hier dann zum Beispiel diesen Text, der auf diesem Anbild, in der 09:45.000 --> 09:47.560 Sidebar oben dann nochmal dargestellt wird. 09:47.560 --> 09:51.720 Man hat dann hier diesen Text, der dann in der Sidebar nochmal dargestellt wird. 09:51.720 --> 09:54.120 Da kann man auch ein Bild noch mit rausgeben natürlich. 09:54.120 --> 10:02.160 Gut, an der letzten Stelle vielleicht noch die Frage oder wenn Sie sich die Frage stellen, 10:02.160 --> 10:03.800 wo liegt das Beitragsbild fest? 10:03.800 --> 10:06.040 Das funktioniert genauso wie auf Inhaltsseiten. 10:06.040 --> 10:11.480 Das ist natürlich besonders wichtig, dass Sie hier einen JPEG oder PNG auswählen und 10:11.480 --> 10:15.000 kein SVG, damit es auf Social Media geteilt werden kann. 10:15.000 --> 10:19.800 Das heißt, wählen Sie hier ein Bild aus, im passenden Format und wenn Sie dann ein Bild 10:19.800 --> 10:22.360 ausgewählt haben, klicken Sie Beitragsbild festlegen. 10:22.360 --> 10:29.920 Die Sidebar auf Beitragsseiten können Sie übrigens über den Bereich Design Widgets 10:29.920 --> 10:31.240 später anpassen. 10:31.240 --> 10:37.240 Auch hier gibt es eine eigene Anleitungsseite, Sie finden die dann später unter dem Punkt 10:37.240 --> 10:41.040 Widgets bzw. Widget Bereiche. 10:41.040 --> 10:47.440 Denken Sie auch daran, eine passende Kategorie für Ihren Beitrag festzulegen, das heißt, 10:47.440 --> 10:51.960 markern Sie da das passende einfach an und dann können Sie auch ein paar Schlagwörter 10:51.960 --> 11:01.360 vergeben, zum Beispiel ein Schlagwort, also hier Schlagwort und dadurch verschlagworten 11:01.360 --> 11:06.640 Sie also Ihren Beitrag und können ihn später mit verschiedenen Shortcodes an anderen Stellen 11:06.640 --> 11:08.440 Ihrer Webseite gesammelt ausgeben. 11:08.440 --> 11:15.720 Zum Beispiel könnten Sie dann eine Seite erstellen, alle Beiträge des Wordpress Tipps der Woche 11:15.720 --> 11:17.800 und die würden dann auf einer Inhaltsseite auftauchen. 11:17.800 --> 11:24.600 Wenn ich das jetzt veröffentlichen möchte, dann kann ich hier einmal die Sichtbarkeit 11:24.600 --> 11:25.600 steuern. 11:25.600 --> 11:28.440 Öffentlich bedeutet, der Beitrag ist für alle sichtbar. 11:28.440 --> 11:33.640 Wenn ich hier unten sofort veröffentlichen stehen habe, heißt das, der Beitrag wird natürlich 11:33.640 --> 11:35.000 auf der Stelle veröffentlicht. 11:35.000 --> 11:39.680 Ich kann das allerdings ändern, indem ich hier auf Bearbeiten klicke und ein Datum 11:39.680 --> 11:42.880 in der Zukunft festlege, zum Beispiel den 15. 11:42.880 --> 11:43.880 Juli bei mir. 11:43.880 --> 11:49.200 Wenn ich das Ganze jetzt plane, also hier unten auf Planen klicke, dann wird mein Beitrag 11:49.200 --> 11:50.440 sofort veröffentlicht. 11:50.440 --> 11:56.520 Ich kann aber auch erstmal auf Speichern klicken, dann wird mir das Ganze als Entwurf abgelegt 11:56.520 --> 11:58.080 und ist noch nicht live sichtbar. 11:58.080 --> 12:02.480 Ich habe auch die Möglichkeit hier übrigens von Entwurf, zum Beispiel auf Ausstehende 12:02.480 --> 12:07.280 Überprüfung zu klicken, um meinen Redakteuren zu signalisieren, dass sie meinen Beitrag 12:07.280 --> 12:08.760 nochmal gegenlesen sollen. 12:08.760 --> 12:12.520 Dann kann ich hier oben einfach auf Als Ausstehen speichern klicken. 12:12.520 --> 12:17.320 Natürlich gibt es wie immer auch den Papierkorb. 12:17.320 --> 12:21.720 Wenn Sie mal einen Beitrag verwerfen müssen, dann klicken Sie in den Papierkorb Verschieben. 12:21.720 --> 12:28.960 Im Anschluss finden Sie in der Beitragsübersicht das Ganze unter Dann Papierkorb. 12:28.960 --> 12:31.320 Können das dann auch endgültig löschen. 12:31.320 --> 12:38.440 Das war's mit der Anleitung zum Thema Beiträge erstellen, zumindest zu dieser Schnell-Einführung 12:38.440 --> 12:39.440 in dieses Thema. 12:39.440 --> 12:47.240 Viel Spaß bei Ihrem ersten Beitrag, experimentieren Sie ein wenig mehr den Editoren mit den Funktionen 12:47.240 --> 12:49.440 und allgemein mit Ihren Inhalten. 12:49.440 --> 12:55.280 Wenn Ihr Inhalt gut ist, dann werden die Seitenbesucher sicherlich auch gerne länger auf Ihrer Internetseite 12:55.280 --> 12:56.280 verweilen. 12:56.280 --> 13:01.360 Und wie immer, wenn Sie Fragen haben oder vielleicht Ideen für unsere Anleitungsseiten, 13:01.360 --> 13:31.280 dann schicken Sie uns eine Mail an webmasterfau.de.