Beiträge von Lazze

    Drupal 9 mit XAMPP und Composer installieren


    1. Visual Studio Code als Editor inkl. Powershell installieren
    Zunächst einmal müssen wir uns einen Editor installieren. Wir haben mit Visual Studio Code für Windows einen mächtigen Editor, der kostenfrei vollumfänglich genutzt werden kann.
    Bitte ladet diesen unter code.visualstudio.com herunter und installiert diesen mit den Standard-Einstellungen, die während der Installationsroutine vorgegeben werden.



    2. XAMPP als lokale Serversoftware installieren
    Bitte installiert XAMPP, welches ihr von der Website https://www.apachefriends.org/de/download.html herunterladen könnt. Installiert diese ebenfalls mit den vorgegebenen Standardeinstellungen. PHP sollte auch zum PATH hinzugefügt werden.
    Startet XAMPP und startet auch den Apache und MySQL-Server.


    3. Composer Download und Installation
    Wir benötigen noch den PHP Paketmanager namens Composer. Diese benötigen wir als Windows Version, so dass wir Composer mittels Windows Installer einrichten können.
    Bitte ladet Composer hier (https://getcomposer.org/) herunter und klickt auf Download. Wir benötigen die Windows Version. Anschließend installiert ihr Composer mittels Windows Installer ebenfalls mit den vorgegebenen Standardeinstellungen.


    4. Composer als Befehlspfad definieren
    Öffnet nun Visual Studio Code. Klickt auf „Datei > Ordner öffnen“ und wählt das folgende Verzeichnis:
    C:\xampp\htdocs
    Öffnet nun das Terminal innerhalb von Visual Studio Code. Klickt oben auf der Programmleiste auf Terminal > Neues Terminal.
    Das Terminal startet in dem Vezeichnis, wo ihr auch mit eurem Ordner in Visual Studio Code aktuell seid:

    Gebt „Composer“ (ohne Anführungsstriche) ein und prüft, ob ihr eine Liste mit Befehlen und Versionierung von Composer erhaltet oder eine Fehlermeldung.
    Für den Fall der Fehlermeldung, müsst ihr Composer als Befehlspfad in Windows definieren.
    Drückt dazu die Windows Taste auf eurer Tastatur und tipp direkt „Systemumgebungsvariable“ ein.
    Das Programm „Systemumgebungsvariablen bearbeiten“ wird vorgeschlagen. Bitte öffnet dieses.

    Und klickt dann weit unten rechts auf „Umgebungsvariablen“.
    Klickt auf PATH bearbeiten (falls einer vorhanden ist).

    Achtet darauf, dass mindestens die zwei oben angegebenen Umgebungsvariablen vorhanden sind:
    C:\composer
    C:\xampp\php
    Die dritte Variable lasst ihr bitte erst einmal aus.
    Falls ihr nur eine Reihe habt, so trennt die Pfade mit „;“. Beispiel:
    C:\composer;C:\xampp\php

    Bestätigt 2x mit OK und schließt das Fenster „Umgebungsvariablen“.

    Wichtig:
    Schließt jetzt auch Visual Studio Code und startet das Programm dann erneut mit dem Terminal. Achtet, dass ihr wieder im Verzeichnis unter htdocs startet.
    Gebt


    Code
    composer


    ein und drückt enter.
    So sollte es nun aussehen:

    Ihr habt Composer nun erfolgreich eingerichtet.

    Bitte installiert Composer noch abschließend mit dem Befehl:


    Code
    composer install


    5. Drupal Projekt in Composer erstellen
    Ab jetzt halten wir uns an die von Drupal vorgegebene Anleitung: https://www.drupal.org/docs/de…l-and-manage-dependencies
    …die folgendes besagt:
    Wir werden uns nun ein Projekt in einen Ordner erstellen. Dazu wählen wir folgenden Befehl:

    Code
    composer create-project drupal/recommended-project drupal9



    Mit Composer teilen wir mit, dass es sich um einen Composer-Befehl handelt. Dann definieren wir, was wir mit dem Befehl ausführen möchten. Hier möchten wir ein Projekt erstellen mit „create-project“. Damit Composer genau weiß, aus welchem PHP-Paket er ein Projekt erstellen soll, wählen wir „drupal/recommended-project“. Damit laden wir immer die neueste Drupal Version. Der letzte Teil definiert einfach, wie der Projektordner heißen soll. In unserem Fall „Drupal9“.
    Bestätigt den Befehl mit Enter. Das Projekt wird eingerichtet und heruntergeladen. Das kann einen Moment dauern.


    6. MySQL-Datenbank einrichten
    Öffnet XAMPP, achtet dass die Server noch laufen. In der Reihe des MySQL-Servers klickt ihr auf „Admin“ und wartet einen Moment. Der Browser sollte sich mit phpmyadmin dann öffnen.
    Klickt links in der Sidebar auf „Neu“ und erstellt eine neue Datenbank. Notiert euch den Namen der Datenbank. Im unseren Fall benennen wir sie „drupal9db“.


    7. Drupal 9 über Weboberfläche installieren
    Öffnet nun euren Browser und gebt in die Adresszeile folgendes ein:
    http://localhost/drupal9/web
    Die Drupal 9 Installation sollte dann über die Weboberfläche starten. Wählt als Standardsprache zunächst einmal „Englisch“ aus und klickt auf „Weiter“ bzw. Continue.
    Folgt den Anweisungen. Sollte es ein PHP OPCODE CACHE Problem geben, so könnt ihr in der php.ini (unter c:\xampp\php\php.ini) das Semicolon beim Punkt

    Code
      
    zend_extension=php_opcache.dll



    entfernen und den Apache-Server neu starten. Dann sollte nach einem Reload das Problem nicht mehr bestehen.
    Bei den MySQL-Settings nutzt ihr den Datenbanknamen und als Benutzernamen „root“. Das Passwort könnt ihr lokal weglassen. Hier haben wir keines vergeben.
    Zu guter Letzt, könnt ihr euch einen Website-Namen vergeben. Gebt dort auch die Daten für den Zugriff auf das Drupal Backend ein. Also euren Admin-Namen (den ihr selbst wählen könnt) und eine Admin-E-Mail Adresse. Als Regional-Settings könnt ihr Germany und die Zeitzone Berlin wählen.
    Ihr habt Drupal 9 erfolgreich installiert. Jetzt fehlt noch eine Kleinigkeit.


    8. Drupal Shell installieren
    Um Drupal 9 als Webentwickler vollumfänglich nutzen zu können, sollten wir noch eine Drupal Shell installieren. Damit lassen sich viele Funktionen von Drupal komfortabel via Befehl ausführen. Zum Beispiel „Updates, Passwort zurücksetzen, Module aktivieren und erweitern und den Cache resetten“.
    Geht in Visual Studio Code ins Terminal.
    Wechselt ins Drupal9 Verzeichnis mit


    Code
     cd drupal9




    Bestätigt mit Enter.

    Führt nun für die Installation von Drush (Drupal Shell) folgenden Befehl aus:



    Code
    composer global require drush/drush 


    Und bestätigt mit Enter. Drush wird nun als PHP-Paket heruntergeladen und eingerichtet.

    Damit ihr „drush“ auch als Befehl ausführen könnt, müssen wir diesen noch unter Windows als Systemumgebungsvariable hinzufügen.
    Öffnet also mittels Windows Taste auf der Tastatur das Startmenü und tippt „Systemumgebungsvariable“ ein.
    Klickt nun wieder auf „Umgebungsvariablen“.
    Wählt dann wieder PATH und klickt auf bearbeiten.

    Klickt auf „Neu“ und fügt den blau unterstrichenen Pfad hinzu. Aber vorsicht. Statt „qlixx“ muss hier euer Benutzername des Computers stehen. Also der Windows Loginname.

    Code
    C:\Users\DEINPCNAME\AppData\Roaming\Composer\vendor\drush\drush


    Bestätigt mit OK und nochmal mit OK, so dass die Systemvariablen geschlossen werden.
    Schließt Visual Studio Code und startet das Programm neu. Öffnet auch das Terminal erneut. Wechselt mit cd in den Drupal9 Ordner: cd drupal9
    Testet mit „drush“ ob ihr den Befehl ausführen könnt, ohne dass eine Fehlermeldung besteht. Falls doch, überprüft die oben genannten Schritte.

    Ihr habt nun Drupal 9 mit Drush erfolgreich auf einem Windows PC mit XAMPP und Composer installiert.

    Erst kürzlich stand ich vor der Problematik, dass ich für ein Kindermusik-Video auch Audiountertitel hinzufügen musste. In Adobe Premiere bis Version 2020 war dies immer über das Projektfenster zu realisieren. Also neues Objekt > Untertitel und dann kann man diese entsprechend erstellen und formatieren.


    Neue Untertitel in 2021


    Seit der Adobe Premiere Pro CC Version 2021 fehlen unter "Neues Objekt" die Untertitel - denn hier hat Adobe etwas verändert. Die Untertitel kannst du nun wie folgt hinzufügen.


    Neue Untertitelfunktion in 2021 Neue Untertitelfunktion in 2021


    Klicke hierzu oben in den Fensterpresets auf -> Untertitel


    - dein bestehendes Projekt hat dann die dazu passenden Fenster für die Erstellung von Untertitel offen

    - klicke dann auf "neue Untertitelspur erstellen"


    Und schon geht es los. Die Untertitel lassen sich einfach mit dem "+" passend zur Timeline hinzufügen. Man kann sie sogar diesmal endlich super bequem kopieren und wieder einfügen - so lassen sich beispielsweise "Refrains" super easy einfach kopieren und immer zur passenden Stelle wieder einblenden.


    Probiert es einfach einmal aus.

    Lösung:


    Ich habe eine für mich schnelle und einfache Lösung gefunden. Im Projekt-Ordner (wo sich die importierten Clips und Assets befinden) kann man ganz einfach mit einem Rechtsklick auf das Whatsapp-Video klicken. Dann wählt man "mit Audition" bearbeiten. Audition öffnet sich, aber man muss nicht wirklich was darin machen. ich habe es also direkt wieder geschlossen und schon befindet sich im Projektfenster auch der dazu passende Audioclip zum Video. Diese Audiospur ist das was bislang fehlte und man kann diese dann nachträglich zum Video hinzufügen. Fertig!

    Hallo Zusammen,


    ich habe aktuell das Problem, dass ich in Adobe Premiere Pro CC (2021) kein Whatsapp Video mit Tonspur in ein bestehendes Projekt einfügen kann. Wenn ich das Video importiere, kann ich es im Quellmonitor mit Ton abspielen. Ziehe ich es dann ins Schnittfenster, fehlt die Audiospur.


    Folgende Punkte habe ich ausprobiert:

    - Whatsapp-Dateinamen umbenannt und neu importiert (kein Erfolg)

    - Video in Adobe Media Encoder importiert und neu und in Full HD exportiert - dann diesen Export in Premiere importiert (kein Erfolg)

    - Video in Camtasia importiert und ebenfalls mit Ton exportiert - dann diesen Export in Premiere importiert (kein Erfolg)


    Jetzt bin ich aktuell ratlos, recherchiere aber weiter.

    Hallo PSBiene - willkommen im Forum!


    ich versuche es einmal mit einer guten Anleitung. Eine weitere Wordpress Website ist neben deiner bisherigen Wordpress Website kein Problem. Nach diesem Prinzip lassen sich sogar viele weitere Websites parallel lokal betreiben und nutzen.


    1. Erstelle im htdocs Ordner (dieser befindet sich in deinem XAMPP Installationsverzeichnis) einen neuen Ordner. Zum Beispiel "wordpress2" oder der Name deiner nächsten Wordpress Website.

    2. Starte im XAMPP ControlPanel den Apache und MySQL Server

    3. Öffne phpmyadmin lokal (meistens oft über http//localhost:80/phpmyadmin (oder halt den in XAMPP eingestellten PORT) abrufbar).

    4. Erstelle hier eine neue MySQL-Datenbank. Klicke dazu in der Sidebar links auf "Neu"

    5. Gib einen Datenbanknamen an. Zum Beispiel "wordpress2db" und klicke auf anlegen.

    6. Lade dir die neueste Wordpress Version herunter: https://de.wordpress.org/download/

    7. Entpacke die ZIP und kopiere den Inhalt des darin enthaltenen Wordpress Ordners (also die ganzen .php-Dateien, Ordner und alle weiteren Dateien) in das neue Verzeichnis auf htdocs (den wir bei Punkt 1 erstellt haben).

    8. Starte die Installation deiner zweiten Wordpress Website in dem du das Verzeichnis lokal im Browser abrufst: http://localhost:80/wordpress2 (oder eben einen anderen Namen, den du unter Punkt 1 angegeben hast).


    Ich hoffe ich konnte dir weiter helfen.

    Hi DesignKarl,

    das ist mir leider auch schon aufgefallen. Wir haben hier in der Agentur sowohl Zugriff über den Mac als auch über den PC und gestalten je nach Mitarbeitervorliebe mit beiden Systemen. Wenn du noch Zugriff auf XD über einen Mac hast, kannst du dir die Designs bzw. Designelemente als XD-Datei abspeichern und sie dann auf einem Windows PC weiter bearbeiten. Das geht entweder über die Cloud oder du schickst dir die Datei selbst auf den Windows PC zu.


    Das ist jetzt nicht die Ideallösung, könnte aber ein Weg sein.

    Hi DesignKarl - willkommen bei den Lotsen!


    Wenn du bei Brusheezy passende Pinsel findest und herunterlädst, erhältst du dort meistens eine .abr Datei. Diese kannst du ganz bequem in Photoshop importieren. "Pinsel laden" ist so nicht mehr in neuen PS Versionen ab 2019 zu finden.


    Klicke also bei den Pinseln oben auf den Pfeil nach unten, dann auf das Zahnrad und dann auf Pinsel importieren. Dann kannst du bequem weitere Pinsel laden und nutzen. Diese befinden sich dann sehr weit unten in der Pinsel-Liste.

    Mit sinnvollen Tastenkombinationen lässt sich der Workflow während der Gestaltung wesentlich schneller bearbeiten. So lassen sich deine Bildbearbeitungen noch effizienter umsetzen. Wir haben dir hier (auch im Video) mal die wichtigsten Tastenkombinationen zusammengefasst.


    Die wichtigsten Tastenkombinationen für Photoshop (Mac)

    CMD und C = Text/Auswahl kopieren

    CMD und V = Text/Auswahl einfügen

    CMD und X = Text/Auswahl ausschneiden


    CMD und J = Ausgewählte Ebene wird dupliziert/kopiert

    OPTION und gedrückte Maustaste auf Objekt = dupliziert Objekt und man kann dieses dann auch direkt verschieben

    CMD und Mausklick auf Objekt = Springt zur ausgewählten Objektebene


    CMD und + = Arbeitsfläche vergrößern

    CMD und - = Arbeitsfläche verkleinern

    OPT und Scrollrad Maus = Arbeitsfläche vergrößern oder verkleinern


    F7 = Ebenen-Fenster ein-/ausblenden

    CMD und T = ausgewählte Objekt-Ebene transformieren


    Das gleiche gilt auch für Windows-Tastenkombinationen. Statt CMD nutzt man dann die STRG-Taste:

    STRG und C = Text/Auswahl kopieren

    STRG und V = Text/Auswahl einfügen

    STRG und X = Text/Auswahl ausschneiden


    STRG und J = Ausgewählte Ebene wird dupliziert/kopiert

    ALT und gedrückte Maustaste auf Objekt = dupliziert Objekt und man kann dieses dann auch direkt verschieben

    STRG und Mausklick auf Objekt = Springt zur ausgewählten Objektebene


    STRG und + = Arbeitsfläche vergrößern

    STRG und - = Arbeitsfläche verkleinern

    ALT und Scrollrad Maus = Arbeitsfläche vergrößern oder verkleinern


    F7 = Ebenen-Fenster ein-/ausblenden

    STRG und T = ausgewählte Objekt-Ebene transformieren


    Habt ihr weitere sinnvolle Tastenkombis die ihr häufig verwendet? Dann antwortet gerne hier und füllt diesen Beitrag.


    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.