Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche...

19
Jörn E. von Specht – Weblog Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9 Sportschule Frankfurt Otto-Fleck-Schneise 4 60528 Frankfurt Jörn E. von Specht [email protected] Fortbildungsveranstaltung Lehren und Lernen mit Web 2.0 28. bis 30. Oktober 2009 Jörn E. von Specht Stephanie Schulte Dirk Rudolph Leitung: Joachim Eisenträger Projektmitarbeiter „Mefobi@n“ Gruppe 1: Weblogs Jörn E. von Specht - Ausbildungsbeauftragter am Studienseminar Eschwege Einen Weblog anlegen - Arbeiten mit Wordpress Handout Weblog

Transcript of Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche...

Page 1: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Sportschule Frankfurt Otto-Fleck-Schneise 4 60528 Frankfurt Jörn E. von Specht [email protected]

Fortbildungsveranstaltung Lehren und Lernen mit Web 2.0

28. bis 30. Oktober 2009

Jörn E. von Specht Stephanie Schulte

Dirk Rudolph

Leitung: Joachim Eisenträger Projektmitarbeiter „Mefobi@n“

Gruppe 1: Weblogs

Jörn E. von Specht - Ausbildungsbeauftragter am Studienseminar Eschwege

Einen Weblog anlegen - Arbeiten mit Wordpress

Handout Weblog

Page 2: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Einen Weblog anlegen - Arbeiten mit Wordpress

Was ist Wordpress Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen eines Weblogs sehr einfach ermöglicht. Für die Arbeit mit Wordpress bedarf es nur einfacher Computerkenntnisse. Wer sich in der Lage sieht, einen eigenen Emailaccount anzulegen und zu bedienen, wer es versteht, Dinge bei namenhaften Online-Auktionhäusern zu ersteigern, der ist auch ausreichend qualifiziert für die Administration eines Weblogs mit Wordpress. Was vordergründig schwierig scheint, ist, wenn man sich darauf einlässt, äußerst einfach in der Bedienung. Wordpress ist als Open-Source-Software frei erhältlich, kann sowohl im Netz downgeloaded werden oder liegt als CD-Version (aktuell Version 2.8) vor. Eine weitere, sehr angenehme Variante der Nutzung von Wordpress ist die Online-Version. Ein Blog ist schnell und nahezu kinderleicht angelegt und kann sofort betrachtet werden. Die Pflege und Aktualisierung ist, ähnlich allen CMS, überall dort möglich, wo es einen Internetzugang gibt. Produkte (Weblogs), die mit Wordpress erstellt wurden, werden allen Ansprüchen an einen professionellen Webauftritt gerecht. Wordpress ist über www.wordpress.com ohne eigenen Webspace nutzbar und über www.wordpress-deutschland.org steht es als Programm zum Download zur Verfügung. Was kann Wordpress, was ist möglich? – Textbeiträge schreibt man mit dem WYSiWYG-Editor (What You See is What You Get) – schon während der Eingabe, beim Schreiben, beim Bearbeiten der Inhalte ist zu sehen, wie der Text aussehen wird (dies gilt für eine Vielzahl der Layout-Vorlagen) – Bilder, Videos, pdf-Dokumente, Audioclips oder andere Dateien lassen sich hochladen und via “Drag-and-Drop” in den Beitrag einfügen – das Autorensystem ermöglicht es dem Administrator verschiedene Rollen an dieBlognutzer zu verteilen. So können z.B. ausgewählte User nur kommentieren, andere wiederum selbst Beiträge einstellen oder sogar das Layout ändern (diese Funktion geht allerdings nur, wenn Wordpress als Programm installiert wurde). In der Onlinefunktion lassen sich aber weitere User einladen – Wordpress verfügt, wie es in Weblogs üblich ist, auch über eine Kommentarfunktion; so können Besucher des Blogs zu jedem Beitrag oder Artikel einen Kommentar verfassen (der wahlweise erst nach einer Moderation vom Administrator freigegeben wird). Wer das nicht will, kann die Kommentarfunktion ausschalten. – Plug-Ins (bei installiertem Wordpress) eröffnen noch viele weitere Möglichkeiten – Screendesign ist hier sehr einfach, da Wordpress mit „Themes“ (Layoutvorlagen) arbeitet. So lässt sich im Handumdrehen eines der zahlreichen frei verfügbaren vorgefertigten Designs aufspielen und mit Bildern und kleinen Anwendungen (Widgets) individuell anpassen (welche und wieviele ist abhängig vom gewählten Layout/Theme). Einen eigenen Weblog online mit Wordpress anlegen Für das Anlegen eines eigenen Blogs müssen lediglich zwei Voraussetzungen gegeben sein: 1. es existiert eine eigene gültige Email-Adresse; 2. eine Internetverbindung ist vorhanden.

Page 3: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Zunächst geht man auf www.wordpress.com

Im Hauptfenster erscheint nun die Startseite von Wordpress.com…

…hier kann die Sprache einstellt werden…

… im nächsten Schritt folgt die Anmeldung…

…hat man diesen Schritt vollzogen, gelangt man auf ein Formularfeld, welches auszufüllen ist…

…hier wird der gewünschte Benutzername (in diesem Fall: Tannenbergschule) eingetragen. Der Benutzername wird später auch der Name des Blogs sein. Weiterhin werden ein Passwort und eine gültige Email-Adresse abgefragt…

… der Name dieses Blogs wird später tannenbergschule.wordpress.com sein… der Anmeldung folgt eine Bestätigungsmail an die angegebene Mail-Adresse… …mit einem Klick auf Weiter gelangt man zum nächsten Feld…

…hier lässt sich hier schon ein Untertitel der Seite festlegen sowie die verwendete Sprache der Seite. Im Bereich Datenschutz kann

Page 4: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

man einer Suchmaschinenoption zustimmen… Klickt man auf Anmelden, so ist der Vorgang fast abgeschlossen… … im nächsten Schritt kann man sein Profil einrichten…

Wordpress sendet mit dem Vorgang „Anmelden“ einen Bestätigungslink (activate) zur angegebenen E-Mail-Adresse.

…diesen anklicken… Fertig!

Achtung!!! - gerne landen diese Aktivierungsmails auch im Ordner„Spam“

Hier die Erfolgsmeldung zum neu eingerichteten Blog unter Wordpress…

Die bisher vorgenommenen Schritte sind nur einmal für die Einrichtung des Blogs erforderlich! Erste Schritte mit dem eigenen Blog Um zu sehen, ob alles funktioniert, kann man sich nun auf der Startseite von Wordpress einloggen… …Benutzername und Passwort eingeben…

…mit einem Klick auf „Anmelden“ gelangt man auf seinen Blog…

Page 5: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

…die Startseite des ersten eigenen Webblogs…

…hier findet sich neben dem Begrüßungsfenster, welches die Möglichkeit bietet, weitere Blogs unter dem eigenen Namen anzumelden, der Bereich, der für das Bearbeiten des Weblogs wichtig ist… im oberen Bereich liegen hierfür die Werkzeuge…

…mit einem Klick auf „Mein Dashboard“ gelangt man auf seinen Arbeitsbereich… Wordpress bietet eine Vielzahl von Einstellungsmöglichkeiten. Bevor man seinen Blog mit Inhalt füllt, lassen sich einige grundlegende Einstellungen vornehmen…

…viele dieser Einstellungsmöglich-keiten liegen im Arbeitsbereich auf der linken Seite… …sollte beispielsweise die Seite englischsprachig sein, lässt sich dies im Bereich „Users“ ändern, indem man im Bereich „Your Profile“ den Unterbereich „Interface language“ von „en - Englisch“ auf „de – Deutsch“ ändert…

…mit einem Klick auf „Update Profile“ lassen sich die vorgenommenen Änderungen speichern…

…der Arbeitsbereich passt sich sofort an…

Page 6: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Einen Blog gestalten und inhaltlich füllen Nach der Anmeldung und Aktivierung sieht mein Arbeitsbereich verändert aus…

…möchte man seine erste Seite sehen, so klickt man auf „Startseite“…

… Wordpress hat dort bereits ein Beispiellayout und Standardbeispielseiten hinterlegt (z.B. den ersten Artikel „Hello World“) den man später aber auch löschen kann… „Hello World“ steht als erster Artikel innerhalb unseres Webblogs ganz oben…würde ein zweiter Artikel folgen, so würde dieser ganz oben dargestellt werden…

… um weitere Einstellungen vorzunehmen, klickt man auf den Schalter „Mein Dashboard“…

…als erstes sollten wir den automatisch angelegten Namen des Weblogs dahingehend ändern, dass aus Tannenbergschule`s Blog der Name Tannenbergschule wird. Des Weiteren möchten wir einen Untertitel hinzufügen – Grundschule im Kreis Hersfeld-Rotenburg... Hierzu klicken wir im linken Bereich auf den Schalter „Einstellungen“

…Hier lassen sich auch andere Einstellungen vornehmen, wie beispielsweise Datumsformate, Spracheinstellungen und vieles mehr… …hat man seine Einstellungen vorgenommen, so müssen diese gespeichert werden…

Page 7: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

(Der Eintrag des Blog-Namens sowie des Untertitels ist nicht zwingend notwendig. Oft möchte man nur ein Bild im oberen Bereich haben oder ein bearbeitetes Foto mit einem eingebetteten Schriftzug. Das lässt sich aber jederzeit ändern.) …das Ergebnis sieht dann wie folgt aus:

Artikel schreiben Im Folgenden soll ein erster eigener Artikel veröffentlicht werden… … hierfür klickt man im linken Bildschirmbereich auf den Schalter „Artikel“…

… um einen neuen Artikel zu schreiben wählt man „Add New“… Später lassen sich in diesem Bereich bereits veröffentlichte Artikel ergänzen, korrigieren und vervollständigen. Dafür wählt man dann „Bearbeiten“…

…schnell sind die Felder Überschrift und Textfeld mit dem nun geöffneten WYSiWYG-Editor ausgefüllt… … einfach Text einfügen und mit den bekannten Zeichen fett, kursiv oder anders gestalten…

Um später dem Leser unseres Blogs die Möglichkeit zu geben, bestimmte Artikel besser zu finden, weist man den Artikeln Schlagworte zu und legt Kategorien an…

Schlagwörter anlegen: Klick auf: “Add new tag“ und Schlagwort eingeben (News)…

Page 8: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Klick auf „Hinzufügen“

…das Schlagwort erscheint… Kategorien anlegen: Klick auf „Neue Kategorie anlegen“; Kategorie eintragen (hier Aktuelles)…

…mit einem Klick auf „Hinzufügen“ wird die neue Kategorie angelegt… …der Artikel ist aber immer noch nicht „online“… …hierzu muss man ihn „Veröffentlichen“…

… hierzu klickt man auf „Veröffentlichen“… Der Artikel ist nun „online“ und kann angeschaut werden. Dazu klickt man auf „ Zur Startseite“…

… das Ergebnis zeigt sich im Browserfenster…

Der Artikel „Unsere Schule“ steht nun ganz oben…

Page 9: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Erweiterungen: …erscheinen die Formatierungsmöglichkeiten nicht ausreichend, so kann man sich ein „Erweitertes Menü“ anzeigen lassen (das Menü lässt sich auf erneutes Anklicken wieder verbergen.)…

…fährt man mit dem Mauszeiger über die einzelnen Icons, so wird die jeweilige Funktion der Buttons angezeigt (man erkennt viele Schalter aus namenhaften Textverarbeitungssystemen wieder)… Layout verändern Über einen Klick auf den Button „Darstellung“ kommt man zur „Themes“-Auswahl. Um hier einige Einstellungen hinsichtlich des Layouts vorzunehmen, wählt man „Themes“…

Ein Theme ist eine fertig programmierte Layoutvorlage, hier liegen verschiedene Möglichkeiten vor (mehrere Spalten, verschiedene Farben, unterschiedliche Anordnung der gängigen Funktionen, ...). Die Themes können oft noch individuell angepasst werden. Doch nicht jedes Theme kann alles! Sie unterscheiden sich z.B. darin, ob man das Titelbild austauschen und durch ein eigenes ersetzen kann, ob die Schriftfarbe veränderbar ist etc. … …hier gibt es auch eine Suchfunktion… …um nun das voreingestellte Layout zu ändern klickt man auf „Themes“

…in diesem Bereich werden alle verfügbaren Layouts (Themes) angezeigt. Durch Blättern kann man sich die verschiedenen voreingestellten Themes anschauen… hat man bestimmte Vorstellungen, kann man über die Filterfunktion die Suche eingrenzen… Für unsere Page wünschen wir uns ein Bild im Bereich Überschrift (custom-header); eine Seitennavigation (sticky-post), und mehrere (mindestens zwei) Spalten (columns)… … man wählt einen der Wünsche an und klickt auf „Filter“…

Page 10: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

… nach diesem Schritt zeigt sich die folgende Auswahl (hier kann nur ein Ausschnitt dargestellt werden):

… hier das passende Layout ausgesucht werden… bevor man auf „Aktivieren“ klickt, kann man sich seine Seite als Preview unter „Vorschau“ ansehen…

…mit einem Klick auf „Aktivieren“ werden die Einstellungen übernommen… …im Bereich „Schlagworte“ sind weitere Eigenschaften des Themes aufgelistet… … hat man das gewählte Layout durch den Aktivierungsklick bestätigt, so ergibt sich das folgende Bild, wenn man auf „Zur Startseite“ (ganz oben) klickt…

vorher… …nachher… … mit dem neu gewählten Theme erhält man neben der Möglichkeit ein Bild einzufügen auch, wie gewünscht, eine Seitennavigation… …wenn man das gezeigte (voreingestellte) Bild austauschen möchte, muss man wieder in den Bereich „Mein Dashboard“ wechseln und dann auf „Darstellung“ klicken…

… mit einem Klick auf „Eigenes Banner“ kann das Bild gewechselt werden… … man gelangt in den Bereich, in welchem sich das neue Bild hochladen lässt. Wichtig ist hierbei, dass das Bild bestimmten Anforderungen wie Bildgröße (damit es vom Browser schnell geladen und gezeigt werden kann) und Abmessungen entspricht…

Page 11: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

…um ein neues Bild hochzuladen, klickt man auf „Durchsuchen“ und wählt ein Bild aus…

das gezeigte Bild wurde im Vorfeld hinsichtlich der Anforderungen (hier in diesem Beispiel 770 x 140 Pixel) mit einem Bildbearbeitungsprogramm auf die gewünschten Einstellungen bearbeitet… …mit einem Klick auf „Hochladen“ wird das gewählte Bild als neues Bild übernommen…

… mit einem Klick auf „Startseite“ sieht das Ergebnis wie folgt aus…

vorher… …nachher… Zudem können in dem Bereich der Darstellung Widgets (z.B. ein Kalender, eine Linkliste, ein Begrüßungstext usw., die vorrangig in der Seitennavigation erscheinen) eingefügt werden… Widgets nutzen Wie die Themes finden sich auch die auch die Widgets im Untermenü „Darstellung“. Sollte das Untermenü nicht schon geöffnet sein, so gelangt man mit einem Klick auf „Darstellung“ in dieses Menü. Mit einem weiteren Klick auf „Widgets“ lassen sich nun Änderungen vornehmen… man kann den Navigationsbereich seinen Wünschen anpassen.

Page 12: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

…Klick!... … hier eröffnen sich vielfältige Möglichkeiten… für unsere Schulseite wurde ein Begrüßungstext gewünscht sowie eine Linkliste (Blogroll) und Kategorien… …man zieht per Drag and Drop die gewünschten Bausteine in den Seitenbereich (hier Seitenleiste 1)… schon jetzt kann der Text eingefügt werden…

…Speichern… Mit einem Klick auf „Zur Startseite“ kann man sich vergewissern, ob man die richtige Auswahl getroffen hat… …die anderen Widgets zieht man sich analog per Drag and Drop in den Bereich Seitenleiste… über einen Klick auf „Mein Dashboard“ kehrt man in den Bearbeitungsbereich zurück…

… nach Ergänzung… …der Blog hat nun schon Eigenschaften einer Webseite… Seiten hinzufügen und bearbeiten Um Seiten anzulegen, oder um sie später zu bearbeiten klickt man im Dashboardbereich auf „Seiten“ und es öffnet sich ein Untermenü…

…es stehen die Funktionen „Bearbeiten“ und „Add New“ (Neue Seite anlegen) zur Verfügung… …bisher hat dieser Blog zwei Seiten, was man in der Navigation erkennen kann…

…Startseite und About…Die Startseite ist die typische Seite für den Weblog. Neueste Artikel finden sich hier immer ganz oben… so ist die Seite immer auf dem neuesten Stand!!! …auf den anderen Seiten lassen sich Informationen wie Impressum (WICHTIG) oder weitere für den Blog relevante Inhalte ablegen…

Page 13: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

… im Folgenden soll nun eine neue Seite angelegt werden… hierzu klickt man auf „Add New“… für diesen Blog benötigen wir eine Seite für die Vorstellung der Klassen (Schüler), eine Seite für die Vorstellung schulischer Inhalte, wie Schulprogramm und Lehrer (über uns) und eine Seite für das Impressum…

... danach „Veröffentlichen“… …möchte man die Kommentarfunktion abschalten, so kann man das hier tun… dies wiederspricht zwar dem Gedanken eines „Mitmachnetzes“, ist aber für Schulen denkbar… wenig sinntragende Kommentare werden so unterbunden…

… den Vorgang des Anlegens der Seiten wiederholt man so oft, bis alle Seiten angelegt sind… das Ergebnis kann dann so aussehen… …die Seite „About“ soll nun noch umbenannt werden in „Suchmaschinen“ … hierzu wählt man im Dashbordbereich den Reiter „Seiten“/“Bearbeiten“ dann Seite auswählen… in diesem Fall „About“

… Klick! … ….Überschrift und Text verändern…

und aktualisieren

Page 14: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

…so hat man eine komfortable Seitennavigation… Bilder in Artikel einfügen Im Folgenden soll ein zweiter eigener Artikel veröffentlicht werden… … hierfür klickt man, wie bereits bekannt, im linken Bildschirmbereich auf den Schalter „Artikel“…

… mit einem Klick auf „Add New“ kann man beginnen… Auch dieser Artikel kann später in diesem Bereich ergänzt, korrigiert und vervollständigt werden, wenn man „Bearbeiten“ wählt … …unkompliziert lassen sich nun die Felder Überschrift und Textfeld mit dem nun geöffneten WYSiWYG-Editor ausfüllen… … einfach den Text einfügen und mit den bekannten Zeichen fett, kursiv oder anders gestalten…

Um ein Bild einzufügen klickt man auf „Bild einfügen“

das folgende Uploadfenster öffnet sich…

…man wählt auf einem Datenträger das passende Bild aus. Dieses sollte im Vorfeld mit einem Bildbearbeitungsprogramm webfähig gemacht worden sein – sFehler! Textmarke

Page 15: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

nicht definiert.iehe hierzu http://medienseminar.wordpress.com – Ordner: Materialien; Digitale Bildbearbeitung; irfanview-bearbeiten-bildgroesse-aendern… …mit einem Klick auf „Datei auswählen“ öffnet sich ein Fenster, welches den Explorer darstellt… hier wählt man eine Bilddatei aus dem entsprechenden Ordner aus… … mit „Öffnen“ bestätigen…

…nun kann man einige Einstellungen vornehmen: Soll der Titel des Bildes, wenn man später mit der Maus über das Bild fährt gezeigt werden, so muss muss der Bildtitel in dem Feld mit dem roten Stern eingegeben werden. Auch die Ausrichtung des Bildes (links, zentriert, rechts) kann hier vorgenommen werden. Soll eine Verknüpfung des Bildes (Link), wenn man auf das Bild klickt (Link-URL) mit einer Internetseite vorgenommen werden, trägt man die entsprechende URL im Feld ein… … hier muss man ausprobieren, was einem gefällt und dann wählen…

… Scrollen… und Klick!... …hier sieht man schon fast das Ergebnis… schnell noch die Kategorien, die sich dem Text zuordnen lassen, anlegen und die passenden Schlagwörter für den Text des neuen Artikels eintragen (diese unbedingt mit „Hinzufügen“ bestätigen)... um den Artikel online zu stellen, muss er noch veröffentlicht werden… Klick auf „Veröffentlichen“… …mit einem weiteren Klick auf „Startseite“ sieht man das erfolgreiche Einfügen…

Videos in Artikel einfügen Will man ein Video einfügen, so liegt diese Videodatei entweder auf dem PC, auf einem externen Datenträger oder es befindet sich im Netz. Um eigenen Speicherplatz innerhalb unseres Blogs zu sparen, haben wir uns dazu entschieden, unser Video bei Youtube (http://www.youtube.de) abzulegen... …mit einer

Page 16: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Verlinkung kann man schnell eine bestehende Videodatei in den eigenen Blog einbinden. Um ein Video einzufügen, klickt man auf „Video einfügen“

…das folgende Uploadfenster öffnet sich…

… diese URL muss dort eingebunden werden… …dann mit „In den Artikel einfügen“ bestätigen…

… hier ist nun das eingebundene Video… Da Youtube am Ende des Videos verwandte Videos anbietet, diese aber nicht immer hilfreich im schulischen Sinne sind, sollte man diese Funktion unterbinden, sodass nur ein einfaches Wiederholen des Videos möglich ist. Deshalb bindet man an das Ende der Einbindung „&rel=0“ an… mit einem Klick auf „Zur Startseite“ sieht man das Video, wie es in den Artikel eingebettet ist…

…„&rel=0“… Klick „Artikel aktualisieren“ und dann auf „Zur Startseite“…

…eingebundenes Video…

Page 17: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Audioclips in Artikel einfügen Um eine Audiodatei, einen Audiopodcast oder einen Audioclip einzufügen, klickt man auf „Audiodatei einfügen“

Möchte man eigene Audioclips auf den Blog hochladen, so bedarf es eines kostenpflichtigen Upgrades…

… Klick!... Es besteht aber auch die Möglichkeit Audiodateien von Seiten wie http://www.audiyou.de zu verlinken. Kennt man die URL der Datei geschieht das Einfügen des Audioclips analog einer Videodatei. Mit dem Erwerb des kostenpflichtigen Upgrades lässt sich die Audiodatei dann mit einer bestimmten Syntax einbetten. Zunächst muss sie hochgeladen werden. Man kopiert dann den Link (URL) in die Zwischenablage und fügt ihn dann in den Artikel ein… …eine eckige Klammer gefolgt von audio= wird vor den Link gesetzt… am Schluß steht wieder eine eckige Klammer… [audio=Link.mp3] …dem eingefügten Link (noch erkennbar als aktiver Link) werden dann die Linkeigenschaften entzogen ( ), so dass er als reiner Quelltext übrig bleibt…

Klick „Artikel aktualisieren“ und dann auf „Zur Startseite“… Der Audioclip erhält dadurch das folgende Aussehen und kann abgespielt werden…

Andere Dateien in Artikel einfügen Um eine andere Datei, wie beispielsweise ein pdf-Dokument einzufügen klickt man auf „Sonstige Medien einfügen“ …

Der Vorgang entspricht den zuvor genannten Beschreibungen…

***

Page 18: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

Nicht alle Möglichkeiten wurden in diesem Handout erklärt… vieles erklärt sich jedoch von selbst… mit ein wenig Mut zum Testen und Ausprobieren gelingen einem die nächsten Schritte bestimmt… Vielen Dank & Viel Erfolg beim Erstellen des eigenen Weblogs.

J. E. von Specht Anhang: Weiterführende Infos: Zum Nachlesen: http://www.wordpress-buch.de/ Zum Anschauen: http://de.youtube.com/watch?v=rnMnpt6u5uo

http://frischemedien.wordpress.com - eigene mit Wordpress erstellte Blogs: http://medienseminar.wordpress.com http://blauerbiber.wordpress.com http://tannenbergschule.wordpress.com Beispiel für ein Impressum: Dies ist der Internetauftritt der Schulname Grundschule im Kreis Kreis Straße Nummer Postleitzahl Ort Telefonnummer Schulleitung: Name des Schulleiters/Schulleiterin Mail: poststelleatg.schulort.schulverwaltung.hessen.de (lies at als @) In der heutigen Zeit ist bei allen Aktionen rund um das Thema Schule immer jemand in der Nähe, der Fotografien anfertigt. Wir sind bemüht unser aktives schulisches Leben für Sie und Ihre Kinder, Ihre Verwandten und Bekannten zu veröffentlichen. So haben Sie die Möglichkeit "online" bei uns dabei zu sein. Nun sind aber an Fotografien und Texte immer auch Rechte gebunden. Das wissen wir und wir sind sehr darum bemüht dieser Rechtslage gerecht zu werden. Solltest Du oder sollten Sie auf einem Bild sein, auf dem Du schlecht dargestellt bist/Sie sich sehr schlecht dargestellt sehen - oder sollten Sie etwas dagegen haben abgebildet zu werden oder ihre Kinder nicht dargestellt werden sollen, so lassen Sie es uns wissen. Wir werden dann schnellstmöglich die Seite zu Ihrer Zufriedenheit überarbeiten. Generell liegt jedoch von den bei uns dargestellten Personen eine Einverständniserklärung in schriftlicher Form vor. Vielen Dank für Ihre Zusammenarbeit, denn was wäre eine Schulhompage ohne Kinder , ohne Eltern...ohne Lehrer...? Aus unserer Sicht gehören Menschen zu unserem Alltag dazu - und eine bunte und lebendige Schule ohne Kinder ist nicht denkbar! Vielen Dank für Ihre freundliche Zusammenarbeit. Schulhomepage der Schule Schulstandort nutzungshinweise - http://schulname.wordpress.com Die nachfolgenden Nutzungshinweise haben Gültigkeit für die Online-Angebote, die Name Webmaster betreibt. Im Weiteren werden diese Angebote unter der Bezeichnung "schulort.wordpress.com" zusammengefasst. Name des Webmasters wird im folgenden Autor genannt. 1. Haftungsausschluss Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der bereitgestellten Informationen.

Page 19: Fortbildungsveranstaltung Lehren und Lernen mit Web 2 · Wordpress ist die netzbasierte Oberfläche oder das Programm, welches uns neben verschiedenen anderen Anbietern das Anlegen

Jörn E. von Specht – Weblog – Arbeiten mit Wordpress – Frankfurt a. Main – 28. bis 3o. Oktober 2oo9

der Autor behält es sich ausdrücklich vor, teile der Seiten ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen. Bei direkten oder indirekten verweisen auf fremde Internetseiten ("links"), die außerhalb des Verantwortungsbereiches des Autors liegen, würde eine Haftungsverpflichtung ausschließlich in dem Fall in Kraft treten, in dem der Autor von den Inhalten Kenntnis hat und es ihm technisch möglich und zumutbar wäre, die Nutzung im Falle rechtswidriger Inhalte zu verhindern. Der Autor erklärt hiermit ausdrücklich, dass zum Zeitpunkt der Linksetzung die entsprechenden verlinkten Seiten frei von illegalen Inhalten waren. auf die aktuelle und zukünftige Gestaltung, die Inhalte oder die Urheberschaft der gelinkten/verknüpften Seiten hat der Autor keinerlei Einfluss. Deshalb distanziert sich der Autor hiermit ausdrücklich von allen Inhalten aller gelinkten/ verknüpften Seiten, die nach der Linksetzung verändert wurden. Diese Feststellung gilt für alle innerhalb des eigenen Internetangebotes gesetzten Links und Verweise sowie für Fremdeinträge in vom Autor eingerichteten Gästebüchern, Diskussionsforen und Mailinglisten. Für illegale, fehlerhafte oder unvollständige Inhalte und insbesondere für Schäden, die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen entstehen, haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, der über links auf die jeweilige Veröffentlichung lediglich verweist. 2. Urheber- und Kennzeichenrecht der Autor ist bestrebt, in allen Publikationen die Urheberrechte der verwendeten Grafiken, Tondokumente, Videosequenzen und texte zu beachten, selbst erstellte Grafiken, Tondokumente, Videosequenzen und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, Videosequenzen und Texte zurückzugreifen. Alle innerhalb des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- und Warenzeichen unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein aufgrund der bloßen Nennung ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt sind! Eine Vervielfältigung oder Verwendung solcher Grafiken, Tondokumente, Videosequenzen und Texte in anderen elektronischen oder gedruckten Publikationen ist ohne ausdrückliche Zustimmung des Autors nicht gestattet. 3. Datenschutz Die innerhalb des Internetangebotes vorhandenen Daten sind als geschützt zu betrachten. 4. Rechtswirksamkeit dieses Haftungsausschlusses Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt. © copyright Jahr Name des Webmasters - alle Rechte vorbehalten