Crea un sitio web profesional sin programar con Claude y WordPress | Karan Rathore | Skillshare

Velocidad de reproducción


1.0x


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

Crea un sitio web profesional sin programar con Claude y WordPress

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

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      INTRODUCCIÓN

      0:41

    • 2.

      Añadir indicaciones en Claude.

      1:30

    • 3.

      Use HTML code in wordpress

      1:29

    • 4.

      Crea sitio web de estilo agencia

      1:08

    • 5.

      ¡Busca y reemplaza el código de imagen

      0:55

    • 6.

      Proyecto

      0:14

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

76

Estudiantes

1

Proyectos

Acerca de esta clase

¿Eres diseñador, freelancer o creador y necesitas un impresionante portafolio profesional, pero la idea de programar te hace querer cerrar tu laptop?

¡Bienvenido al futuro del diseño web! En esta clase, aprenderás a crear un sitio web profesional premium y de alta conversión desde cero, sin escribir una sola línea de código. Al combinar el razonamiento avanzado de IA de Claude con la flexibilidad inigualable de WordPress, descubrirás cómo actuar como el director creativo mientras la IA se encarga de toda la tarea.

Tanto si quieres mostrar renderizaciones en 3D, reels de edición de video o productos digitales, este curso te brinda el plan exacto para lanzar un sitio web autohospedado cuya construcción parece haber costado miles de dólares.

Qué aprenderás

  • El método de Speed-Prompting: Un sencillo y poderoso recurso para la etapa gratuita de Claude que genera instantáneamente un diseño completo de la interfaz de usuario sección por sección.

  • Diseños visuales Premium: cómo salir de las aburridas plantillas estándar de WordPress con la agrupación de bloques avanzada, columnas y espaciado.

  • Maximiza la IA libre: flujos de trabajo estratégicos para obtener la lógica de diseño de élite de Claude sin llegar a los límites de uso diarios de nivel gratuito.

A QUIÉN ESTÁ DIRIGIDA LA CLASE

Usuarios intermedios de WordPress que quieran acelerar su flujo de trabajo de diseño con IA. Ya deberías saber cómo navegar por el tablero y agregar bloques. No se requieren programas ni cuentas de IA pagadas.

Conoce a tu profesor(a)

Teacher Profile Image

Karan Rathore

Creative Technologist: Video Editing, AI, and 3D

Profesor(a)
Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. INTRODUCCIÓN: Profesional actual de CT. En esta clase, te voy a mostrar cómo construir un sitio web profesional completo desde cero con absolutamente cero codificación requerida. Vamos a usar coágulo y WordPress. Nuestra arma SCR es coágulo. Te guiaré a través exactamente cómo hacer que el coágulo genere una estructura de sitio de alta conversión y escriba todo el código de tu sitio web Entonces tomaremos ese código y lo dejaremos caer en el Wordpress, página ese código y veremos cómo se verá nuestro sitio web. Para nuestro proyecto de clase, vamos a construir un sitio web limpio y moderno. Al final de esta clase, tendrás una página de destino empresarial de cartera en vivo. Listo para compartir con el mundo en el 2. Añadir indicaciones en Claude.: Entonces vayamos a nuestro coágulo, y creo que conoces los conceptos básicos de WordPress y coágulo Así que vamos con éste. Quiero un sitio web. Prompt que es muy pesado de texto y dinámico para WordPress en STML CSS, y Javascript. Manténgalos separados, limpios para una velocidad de página más rápida. Quiero el sitio web para mis ventas de obras de arte. Mantener el área de algún arte con Achip en blanco para que pueda reemplazar el enlace en ellos más adelante Manténgalos sitio web dinámico y de moda. Ahora intentemos crear uno. Me hace algunas preguntas que más oscuras minimalistas blancas, audaces, coloridas, y maximalistas de la Tierra orgánica WAM O intentemos usar WAM orgánico de la Tierra y respondamos también a esta pregunta Qué tipo de arte estás vendiendo pintura, bellas artes, ilustración digital, fotografía. Estoy usando páginas digitales de Ilustración ¿necesitas? Una sola página un desplazamiento. Entonces quiero este solo sí cumbre. Entonces estas son algunas preguntas que me ha hecho, y veamos qué va a dar 3. Use HTML code in wordpress: Por lo que el código ha sido actualizado. Ahora simplemente hagamos clic en el intex y copiemos este STML Copiar y pegarlo En la sección de página, tienes que hacer clic en Agregar página. Una vez que hagas clic aquí, te dirigirá aquí. He añadido el título. Ahora agreguemos el STM haciendo clic en STMLer Si no está visible, entonces hay que escribir S haga clic aquí y edite STML con el STMLTPégalo Con este, ahora vamos a intentar CSS agregar el CSS que es si. Vamos a copiar este y pegarlo aquí con este script de Javascript, vamos a hacer clic en éste, copiarlo y pegarlo en el Javascript. Ahora actualicemos y guardemos. Una vez que haga clic en Ver página, verá que este hermoso sitio web está aquí. Este es el sitio web completo que ha sido creado. Una vez que haces clic aquí, todos estos están trabajando testimonios realmente increíbles. También se ha agregado el post que le he pedido para mantenerlo en blanco, puede agregar imágenes aquí. Quiero agregar imagen, puedo hacer eso. 4. Crea sitio web de estilo agencia: Intentemos crear de nuevo, un sitio web que está en algún elemento animador continuamente en movimiento Quiero este sitio web para agencia de marketing. Si necesitas ayuda, hazme preguntas. Ahora, intentemos de nuevo con otro sitio web. Mantenga la luz enérgica audaz, ésta, desplazándose, flotando, a la deriva, forma, degradado animado, cursor en movimiento de fondo Vamos a gradiente animado. Reconstrucción completa para agencia de marketing, adaptar la estructura existente. No, reconstrucción completa para estrategias de marketing. Entonces he contestado algunas preguntas sencillas aquí. Y va a generar un sitio web para mí. Nuevamente, estoy usando el mismo proceso. Vamos a descargarnos este . Pateemos dos veces este y este es el sitio web que se ha construido. Qué hermosamente ha creado el sitio web. Me encanta ver, y podemos ver la sección de imágenes que se ha dejado, como tengo 5. ¡Busca y reemplaza el código de imagen: Este es un software libre donde puedes abrir tu código y reemplazarlo en cualquier lugar de los medios. Si hay alguna imagen, puede reemplazarla con la sección de imagen. Al igual que si quieres encontrar esa área específica donde puedes agregar tus imágenes, entonces simplemente tienes que dar clic aquí, hacer clic derecho en Inspeccionar elemento. Aquí, puedes ver el enlace de la imagen que ha sido marcado aquí con hash. Una vez que hagas clic aquí, Línea de trabajo, copia este texto aquí, controla F , pega, y verás la misma línea de trabajo aquí, y simplemente tienes que reemplazar has con el enlace de tu imagen. Eso es todo lo que tienes que hacer, y va a funcionar perfectamente bien. Y así es como puedes crear un sitio web, sitio web totalmente profesional usando Clo 6. Proyecto: Un proyecto de clase, vamos crear tu propio sitio web siguiendo el mismo paso que se ha mostrado en la clase y compartamos la toma de pantalla en la sección del proyecto. Me encantaría ver lo que has creado. Voy a dar un comentario al respecto. Nos vemos en el siguiente