English 
Deutsch Da ich öfters gefragt werde, wie und mit welchen Tools wir unsere Screencasts und Video-Podcasts hier auf Elmastudio erstellen, habe ich ein paar Tipps (zur Software, Ausrüstung und Techniken) zusammengestellt, die uns bisher bei der Erstellung von Video-Podcasts und Screencasts weitergeholfen haben.
Artikel der Kategorie ‘Screencasts’
Video-Tipp: HTML- und CSS-Elemente schnell im Browser kontrollieren
Im folgenden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kontrollieren kannst. So kannst du z.B. schnell die CSS-Klasse und die verwendeten CSS-Eigenschaften eines HTML-Elements heraus finden und diese dann gegebenenfalls anpassen oder, wenn du an einem WordPress Child-Theme arbeitest, in deinem eigenen Stylesheet neu definieren. Weiterlesen
Video-Tutorial: Ein WordPress Child-Theme erstellen
In dieser kleinen Video-Anleitung erkläre ich, wie du dir in nur ein paar Schritten ein eigenes WordPress Child-Theme erstellen kannst. Ein Child-Theme ist besonders praktisch, um individuelle Anpassungen an einem Theme sicher vorzunehmen. Denn in einem Child-Theme sind deine Anpassungen im Stylesheet und den Template-Dateien auch bei einem späteren Update des Parent-Themes gespeichert. Und damit du auch gleich mit der Erstellung deines eigenen Child-Themes loslegen kannst, habe ich im Anschluss zum Video noch ein Beispiel Child-Theme zum downloaden vorbereitet.
WordPress Video-Tutorial Teil 8: individuelles Logo- und Headerbild
In 8. Teil meines WordPress Video-Tutorials zeige ich, wie du ein eigenes Logobild in dein Theme einfügen kannst. Außerdem stelle ich noch die Headerbild-Funktion vor. Mit Hilfe dieser praktischen Funktion können individuelle oder bereits vorbereitete Headerbilder direkt im Adminbereich von WordPress (unter Design/Kopfzeile) hochgeladen und ausgewählt werden.
WordPress Video-Tutorial Teil 7: Header und Hauptmenü eines Themes
In 7. Teil meines WordPress Video-Tutorials zeige ich, wie man den Header des Themes einrichtet. Dabei bearbeite ich die Theme-Datei header.php und zeige die individuelle Menü-Funktion (Custom Menus) in WordPress. Außerdem kannst du dir im Stylesheet anschauen, wie man ein einfaches Dropdown-Menü für die Hauptnavigation des Themes anlegt.
WordPress Video-Tutorial Teil 6: WordPress Testdaten importieren
Im 5. Teil meines WordPress Video-Tutorials hatte ich beschrieben, wie man ein Theme mit Hilfe von CSS3 Media Queries und dem Viewport Meta-tag für mobile Geräte optimieren kann. Heute zeige ich, wie man die Testdaten des WordPress Theme Unit Test importiert, um so schnell Testinhalte für die eigene Theme-Entwicklung zur Verfügung zu haben. Viel Spaß beim Video schauen :-)
WordPress Video-Tutorial Teil 5: CSS3 Media Queries und der Viewport meta-tag
Im 4. Teil des Video-Tutorials habe ich die Grundstruktur meines Layouts in den Theme-Dateien angelegt. Heute zeige ich, wie das Layout des WordPress-Themes mit Hilfe von CSS3 Media Queries und dem Viewport meta-tag responsive (engl. für reagierend, ansprechend) machen kann. Ein responsive Layout reagiert auf unterschiedliche Browser-Größen (z.B. bei der Ansicht des Themes auf einem Tablet PC oder einem Smartphone) und passt sich in der Layout-Breite entsprechend an.
WordPress Video-Tutorial Teil 4: Das Theme-Layout anlegen
Im 3. Teil des WordPress-Tutorials habe ich die Theme-Übersetzung mit Hilfe des Codestyling Localization Plugins vorbereitet. Inzwischen habe ich ein wenig am Theme weiter gearbeitet und möchte in diesem Tutorial-Teil zeigen, wie man die erste Grundstruktur des Layouts (Header, Content, Sidebar und Footer) im Theme aufbaut und mit welchen kleinen Tricks ich dabei immer arbeite. Viel Spaß beim Video-Tutorial :-)