Créer un site Web sans code professionnel avec Claude et WordPress | Karan Rathore | Skillshare

Vitesse de lecture


1.0x


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

Créer un site Web sans code professionnel avec Claude et WordPress

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

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      0:41

    • 2.

      Add prompt in Claude

      1:30

    • 3.

      Utiliser le code HTML dans wordpress

      1:29

    • 4.

      de style agence.

      1:08

    • 5.

      Find and Replace image code

      0:55

    • 6.

      Projet :

      0:14

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

76

apprenants

1

projets

À propos de ce cours

Vous êtes designer, un indépendant ou un créateur qui a besoin d'un superbe portfolio professionnel, mais l'idée du codage vous donne envie de fermer votre ordinateur portable ?

Welcome Bienvenue dans l'avenir de la conception web Dans ce cours, vous apprendrez à créer un site Web professionnel de qualité à fort taux de conversion à partir de zéro, sans écrire une seule ligne de code. En associant le raisonnement avancé de l'IA de Claude à la flexibilité incomparable de WordPress, vous découvrirez comment agir en tant que directeur créatif tandis que l'IA s'occupe de la tâche lourde.

Que vous souhaitiez mettre en valeur des rendus 3D, des showreels de montage vidéo ou des produits numériques, ce cours vous donne le plan exact pour lancer un site Web auto-hébergé dont la construction semble coûter des milliers de dollars.

Ce que vous apprendrez

  • La méthode Speed-Prompting (La méthode Speed-Prompting Method : une seule et puissante invite gratuite pour Claude qui génère instantanément une mise en page complète, section par section.

  • Premium, comment s'échapper aux modèles WordPress standard et ennuyeux à l'aide de regroupements de blocs, de colonnes et de astuces d'espacement avancés.

  • Maximiser l'IA gratuite : flux de travail stratégiques pour obtenir la logique de conception d'élite de Claude sans atteindre les limites d'utilisation quotidiennes gratuites.

À QUI S'ADRESSE CE COURS

Aux utilisateurs de niveau intermédiaire de WordPress qui souhaitent accélérer leur processus de conception grâce à l’IA. Vous devriez déjà savoir comment vous déplacer sur le tableau de bord et ajouter des blocs. Pas de codage ou de comptes d'IA payants requis.

Rencontrez votre enseignant·e

Teacher Profile Image

Karan Rathore

Creative Technologist: Video Editing, AI, and 3D

Enseignant·e
Level: Intermediate

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Professionnel actuel de la tomographie. Dans ce cours, je vais vous montrer comment créer un site Web professionnel complet à créer un site Web professionnel complet partir de zéro, sans aucun codage requis. Nous allons utiliser Clot et WordPress. Notre arme SCR est un caillot. Je vais vous expliquer exactement comment inciter Clot à générer une structure de site à taux de conversion élevé et à écrire tout le code de votre site Web Ensuite, nous allons prendre ce code et le déposer dans le Wordpress, page contenant ce code et voir à quoi ressemblera notre site Web. Pour notre projet de classe, nous allons créer un site Web moderne et propre. À la fin de ce cours, vous aurez une page d'accueil de portefeuille d'affaires en direct. Prêt à partager avec le monde entier dans le 2. Add prompt in Claude: Passons donc à notre caillot, et je crois que vous connaissez les bases de WordPress et de Clot Alors allons-y avec celui-ci. Je veux un site web. Prompt très riche en texte et dynamique pour WordPress en STML, CSS et Javascript Gardez-les séparés, propres pour accélérer la vitesse de page. Je veux le site Web pour mes ventes d'œuvres d'art. Conservez la zone de certaines œuvres d'art avec une puce vierge afin que je puisse remplacer le lien qu'elles contiennent plus tard. Gardez-les sur un site Web dynamique et tendance. Essayons maintenant d'en créer un. Cela me pose quelques questions sur le WAM organique Earth plus foncé, plus minimal , audacieux, coloré et maximaliste Ou essayons d'utiliser Earth Organic WAM et répondons également à cette question Quel type d'art vous vendez : peinture, beaux-arts, illustration numérique, photographie. J'utilise des pages d'illustration numérique dont vous avez besoin ? Une seule page, un parchemin. Je veux donc ce sommet «   Just Yes ». Voici donc quelques questions qu'il m'a posées, et voyons ce qu'il va donner 3. Utiliser le code HTML dans wordpress: Le code a donc été mis à jour. Maintenant, il suffit de cliquer sur l'intex, de copier cette copie STML et de la coller Dans la section des pages, vous devez cliquer sur Ajouter une page. Une fois que vous aurez cliqué ici, il vous dirigera ici. J'ai ajouté le titre. Ajoutons maintenant le STM en cliquant sur STMLer . S' il n'est pas visible, vous devez taper S, cliquer ici et modifier le code STML avec le STMLTPassez-le Avec celui-ci, essayons maintenant d'ajouter le CSS qui est si. Copions celui-ci et collez-le ici avec ce script de Javascript, cliquons sur celui-ci, copiez-le et collez-le dans le Javascript. Maintenant, mettons à jour et sauvegardons. Une fois que vous avez cliqué sur Afficher la page, vous verrez que ce magnifique site Web est ici. Il s'agit d'un site Web complet qui a été créé. Une fois que vous avez cliqué ici, tous ces témoignages fonctionnent vraiment de manière incroyable Il a également ajouté le message dans lequel je lui ai demandé de le garder vide, peux ajouter des images ici. Je veux ajouter une image, je peux le faire. 4. de style agence.: Essayons de créer à nouveau un site Web qui se déplace continuellement sur un élément d'animation Je veux ce site Web pour une agence de marketing. Si tu as besoin d'aide, pose-moi des questions. Maintenant, essayons à nouveau avec un autre site Web. Conservez la lumière énergique et audacieuse, celle-ci, défilant, flottante, dérivante, forme, dégradé animé, arrière-plan Animons le dégradé. Reconstruction complète de l'agence de marketing, adaptation de la structure existante. Non, refonte complète des stratégies marketing. J'ai donc répondu à quelques questions simples ici. Et cela va générer un site Web pour moi. Encore une fois, j'utilise le même processus. Téléchargeons celui-ci. Donnons un double coup d'envoi à celui-ci et voici le site Web qui a été créé. Comme il a magnifiquement créé le site Web. J'adore voir, et nous pouvons voir que la section des images a été laissée, comme moi 5. Find and Replace image code: Il s'agit d'un logiciel gratuit dans lequel vous pouvez ouvrir votre code et le remplacer n' importe où dans le média. S'il y a des images, vous pouvez les remplacer par la section image. Par exemple, si vous voulez trouver cette zone spécifique où vous pouvez ajouter vos images, il vous suffit de cliquer ici, de cliquer droit de la souris sur Inspecter l'élément. Ici, vous pouvez voir que le lien de l'image a été marqué ici avec un hachage Une fois que vous avez cliqué ici, Ligne de travail, copiez ce texte ici, contrôlez F , collez, et vous verrez la même ligne de travail ici, et il vous suffira de remplacer has par le lien de votre image. C'est tout ce que vous avez à faire, et cela fonctionnera parfaitement. Et voici comment vous pouvez créer un site Web, un site Web entièrement professionnel en utilisant Clo 6. Projet :: Un projet de classe, créons votre propre site Web en suivant la même étape que celle indiquée en classe et partageons la capture d'écran dans la section projet. J'adorerais voir ce que tu as créé. Je vais donner mon avis à ce sujet. Rendez-vous dans le prochain