Erstellen Sie professionell aussehende No-Code-Website mit Claude und WordPress | Karan Rathore | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Erstellen Sie professionell aussehende No-Code-Website mit Claude und WordPress

teacher avatar Karan Rathore, Creative Technologist: Video Editing, AI, and 3D

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      0:41

    • 2.

      Eingabeaufforderung in Claude hinzufügen

      1:30

    • 3.

      HTML-Code in Wordpress verwenden

      1:29

    • 4.

      Website im Agenturstil erstellen

      1:08

    • 5.

      Suchen und Ersetzen von Bildcode

      0:55

    • 6.

      PROJEKT

      0:14

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

74

Teilnehmer:innen

1

Projekte

Über diesen Kurs

Sind Sie ein Designer, Freelancer oder Kreativ, der ein beeindruckendes Portfolio an professionellen Projekten benötigt, aber der Gedanke an Programmieren lässt Sie Ihren Laptop schließen?

Willkommen in der Zukunft des Webdesigns. In diesem Kurs lernen Sie, wie Sie eine professionelle Premium-Website mit hoher Konversionsrate von Grund auf erstellen können – ohne eine einzige Codezeile schreiben zu müssen. Durch die Kopplung der fortschrittlichen KI-Argumentation von Claude mit der unübertroffenen Flexibilität von WordPress wirst du entdecken, wie du als Creative Director fungieren kannst, während die KI die Schwerarbeit übernimmt.

Ganz gleich, ob Sie 3D-Renderings, Videobearbeitungs-Showreels oder digitale Produkte präsentieren möchten, dieser Kurs vermittelt Ihnen die genaue Vorlage, wie Sie eine selbst gehostete Website starten können, deren Erstellung Tausende von Dollar kostet.

Lernziele

  • Die Speed-Prompting-Methode: Eine einzige, leistungsstarke Eingabeaufforderung für Claudes kostenlose Stufe, die sofort ein vollständiges Layout der Benutzeroberfläche abschnittsweise erzeugt.

  • Premium Visual Layouts: Wie Sie langweilige, standardmäßige WordPress-Vorlagen mithilfe erweiterter Blockgruppierungen, Spalten und Abstands-Hacks durchbrechen können.

  • Maximierung der freien KI: Strategische Workflows zur Nutzung der besten Entwurf Logik von Claude ohne die täglichen Nutzungsgrenzen der kostenlosen Stufe.

Für wen dieser Kurs geeignet ist

Fortgeschrittene WordPress-Benutzer, die ihren Entwurf Workflow mithilfe von KI beschleunigen möchten. Sie sollten bereits wissen, wie Sie im Dashboard navigieren und Blöcke hinzufügen. Kein Programmieren oder bezahlte KI-Konten erforderlich.

Triff deine:n Kursleiter:in

Teacher Profile Image

Karan Rathore

Creative Technologist: Video Editing, AI, and 3D

Kursleiter:in
Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Aktueller CT-Experte. In diesem Kurs werde ich Ihnen zeigen, wie Sie komplette professionelle Website von Grund auf neu erstellen , ohne dass eine Codierung erforderlich ist. Wir werden Clot und WordPress verwenden. Unsere SCR-Waffe ist Gerinnsel. Ich werde Ihnen genau erklären wie Sie Clot auffordern, eine Seitenstruktur mit hoher Konversionsrate zu generieren und Ihren gesamten Website-Code zu schreiben Dann nehmen wir diesen Code und fügen ihn in Wordpress ein, fügen diesen Code ein und schauen, wie unsere Website aussehen wird Für unser Klassenprojekt werden wir eine saubere, moderne Website erstellen. Am Ende dieses Kurses werden Sie eine Live-Portfolio-Landingpage für Ihr Unternehmen haben. Bereit, es mit der Welt zu teilen in 2. Eingabeaufforderung in Claude hinzufügen: Gehen wir also zu unserem Clot, und ich glaube, dass Sie die Grundlagen von WordPress und Clot kennen von WordPress und Clot Also lass uns mit diesem gehen. Ich möchte eine Website. Eingabeaufforderung, die für WordPress in STML, CSS und Javascript sehr textlastig und dynamisch für WordPress in STML, CSS und Javascript sehr textlastig und Bewahren Sie sie getrennt und sauber auf, um die Seitengeschwindigkeit zu erhöhen. Ich möchte die Website für meinen Verkauf von Kunstwerken. Behalte den Bereich einiger Kunstwerke mit leerem A-Chip, damit ich den Link darin später ersetzen kann Sorgen Sie für eine dynamische und trendige Website. Versuchen wir nun, eine zu erstellen. Es stellt mir einige Fragen: Dunkler, minimalistischer, weißer, kräftiger, bunter und maximalistischer organischer Erde Oder versuchen wir, Earth Organic WAM zu verwenden und auch diese Frage zu beantworten Welche Art von Kunst verkaufen Sie? Malerei, bildende Kunst, digitale Illustration, Fotografie Ich verwende digitale Illustrationsseiten, benötigen Sie? Eine Seite, eine Schriftrolle. Also ich will diesen Gipfel einfach ja. Das sind also einige Fragen , die sie mir gestellt hat, und mal sehen, was sie bringen wird 3. HTML-Code in Wordpress verwenden: Der Code wurde also aktualisiert. Jetzt klicken wir einfach auf den Intex und kopieren diese STML. Kopieren Sie sie und fügen Sie sie Im Seitenbereich müssen Sie auf Seite hinzufügen klicken. Sobald Sie hier klicken, werden Sie hierher weitergeleitet. Ich habe den Titel hinzugefügt. Jetzt fügen wir das STM hinzu, indem auf STMLer klicken. Wenn es nicht sichtbar ist, müssen Sie S eingeben, hier klicken und STML mit dem StmltPaste bearbeiten Mit diesem wollen wir nun versuchen, das CSS hinzuzufügen, das si ist versuchen Kopieren wir dieses und fügen es hier mit diesem Javascript-Skript ein, klicken wir auf dieses, kopieren es und fügen es in das Javascript ein. Lassen Sie uns jetzt aktualisieren und speichern. Sobald Sie auf Seite anzeigen klicken, werden Sie sehen, dass diese wunderschöne Website hier ist. Dies ist eine vollständige Website , die erstellt wurde. Sobald Sie hier klicken, funktionieren all diese wirklich tollen Testimonials Es hat auch den Beitrag hinzugefügt, ich gebeten habe, leer zu lassen können Bilder hinzugefügt werden Ich möchte ein Bild hinzufügen, das kann ich tun. 4. Website im Agenturstil erstellen: Versuchen wir erneut, eine Website zu erstellen, die sich an animierenden Element ständig bewegt Ich möchte diese Website für eine Marketingagentur. Wenn Sie Hilfe benötigen, stellen Sie mir Fragen. Versuchen wir es jetzt erneut mit einer anderen Website. Behalten Sie das kräftige, energiereiche Licht bei: Scrollen, Schweben, Driften, Form, animierter Farbverlauf, bewegter Cursor im Hintergrund Lassen Sie uns den Farbverlauf animieren. Kompletter Umbau für eine Marketingagentur, Anpassung der bestehenden Struktur. Nein, vollständiger Umbau für Marketingstrategien. Deshalb habe ich hier einige einfache Fragen beantwortet. Und es wird eine Website für mich generieren. Auch hier verwende ich den gleichen Prozess. Lass uns diesen herunterladen. Lassen Sie uns das doppelt machen und das ist die Website, die erstellt wurde. Wie schön hat es die Website erstellt. Ich liebe es zu sehen, und wir können sehen der Bereich Bilder verlassen wurde, genau wie ich 5. Suchen und Ersetzen von Bildcode: Dies ist eine kostenlose Software , mit der Sie Ihren Code öffnen und an einer beliebigen Stelle in den Medien ersetzen können. Wenn Bilder vorhanden sind, können Sie diese durch den Bildbereich ersetzen. Wenn Sie beispielsweise den bestimmten Bereich finden möchten , in dem Sie Ihre Bilder hinzufügen können, müssen Sie einfach hier klicken rechten Maustaste auf Element prüfen klicken. Hier können Sie sehen, dass der Bildlink hier mit einem Hash markiert wurde. Sobald Sie hier klicken, Arbeitszeile, kopieren Sie diesen Text hierher, drücken Sie F und fügen Sie ihn ein, und Sie werden hier dieselbe Arbeitszeile sehen, und Sie müssen nur has durch den Link zu Ihrem Bild ersetzen . Das ist alles, was Sie tun müssen, und es wird einwandfrei funktionieren. Und so können Sie mit Clo eine Website erstellen, eine vollständig professionelle Website 6. PROJEKT: Ein Klassenprojekt. Lassen Sie uns Ihre eigene Website erstellen, indem denselben Schritt ausführen, der in der Klasse gezeigt wurde und den Screenshot im Projektbereich teilen. Ich würde gerne sehen, was du geschaffen hast. Ich werde ein Feedback dazu geben. Wir sehen uns im nächsten