Descripción del tutorial
En este tutorial aprenderás como crear una impresionante página web para tu negocio paso a paso y desde cero, que podrás poner completamente a tu gusto y sin tener que programar ni una línea de código. Tendrás tu página web lista y funcionando hoy mismo.
Lo mejor de este tutorial es que no tienes que tener ningún tipo de experiencia previa, ni saber programar, ya que todo lo harás visualmente, pinchando y arrastrando con el ratón y viendo en todo momento como van quedando los cambios que vas haciendo, así de simple.
Asegúrate de ver el vídeo hasta el final donde además te explico cómo añadirle una tienda online a tu nueva web para que puedas vender tus productos o servicios por todo el mundo.
PASOS A SEGUIR
El tutorial lo he dividido en 7 simples pasos, pensados especialmente para que puedas crear tu web de la forma más intuitiva, lógica y directa posible así podrás comprender mejor los conceptos que aprenderás hoy.
7 simples pasos que al finalizarlos te permitirán tener tu web completamente funcionando hoy mismo.
Para facilitarte la labor al máximo, he creado una lista de comprobación en pdf con todos los pasos que vamos a seguir ordenados según se avanza en el video de forma que los puedas ir marcando a medida que los vayas completando.
La lista la he creado de forma que si pinchas en el título de cada paso, te llevará a youtube al punto exacto del vídeo donde se explica ese paso, para que así no pierdas tiempo buscando en el vídeo. A que es genial ? 😉
Podrás encontrar y descargar el documento en la descripción del vídeo, o bien pinchando en el sigueinte botón:
Para guardarlo tan solo tienes que pulsar el botón de descargar que podrás encontrar en la parte superior derecha del navegador.
Te recomiendo que descargues el documento al escritorio de tu ordenador y cada vez que completes un paso de la lista, le des a archivo -> guardar , así la próxima vez que retomes el vídeo sabrás en qué punto habías quedado.
Ahora que ya has descargado la lista de comprobación, puedes entrar a ella y marcar ese paso como completado.
Una vez hecho esto, dale a Archivo -> Guardar, para guardar tus progresos, así cuando pares y la vuelvas a abrir ya sea dentro de un rato, mañana o pasado. Bueno, espero que no vayas a parar ahora !!!.
Cuando la vuelvas a abrir podras comprobar exactamente donde lo habías dejado y continuar desde ahí.
Recuerda que si pinchas en el título de cada paso, te llevará al punto exacto del vídeo donde se explica ese paso en concreto, esto es muy práctico, ya que si por ejemplo el ultimo paso que habías completado era el de dominio y alojamiento, pues cuando vuelvas a abrir el archivo lo único que tienes que hacer es pinchar en el siguiente paso de instalar wordpress y continuar con el vídeo.
Muy bien, sabiendo todo esto, empezaremos ya en unos segundos pero antes quiero explicarte brevemente en qué consisten las secciones en las que he dividido el vídeo y que puedes esperar aprender en ellas.
Paso Nº 1 - Dominio y Alojamiento
Para que una página web exista en internet, tiene que tener un dominio y un alojamiento.
El dominio es el nombre de tu página web, es lo que la gente escribe en el navegador para poder encontrar tu web en internet, por ejemplo, el dominio de google es google.com, el dominio de facebook es facebook.com el domino e mi página web es voxelartsatudio.com y el dominio de tu página web será tunombre.com o elnombredetuempresa.com.
El alojamiento digamos que es un ordenador especial en el que se almacena todo el contenido de tu página web ( textos, fotos, videos, audios, etc) este ordenador especial está todo el día encendido y tiene una conección a internet súper rápida para que cuando un visitante solicite entrar a tu web, la pueda ver al instante.
Si solo tienes el dominio y no tienes alojamiento, cuando la gente intente entrar a tu web, esta aparecería en blanco, ya que no habría ningún sitio en el que guardar todo su contenido e información.
Para que puedas entenderlo mejor, el dominio sería como la dirección de tu casa y el alojamiento sería el lugar donde están guardadas las cosas de tu casa.
El dominio y alojamiento es lo único que tiene coste en todo el proceso de creación de una web, ya que hay que hacerlo con empresas especiales que ofrezcan esos servicios.
Lamentablemente no hay forma de saltarte este paso, ya que para que tengas tu propio dominio, es decir, el nombre de tu página web, el dominio debe ser comprado y necesitas un alojamiento para guardar el contenido de tu web al igual que si alquilas una casa, que debes pagar su alquiler.
Pero no te preocupes, que el coste de ambas cosas es ridículamente bajo para todos los beneficios que te proporcionará tu nueva web ya que estamos hablando de un coste de entorno a unos 10 dolares al mes por todo, lo que es un precio realmente bajo a cambio de poder tener una audiencia mundial.
La empresa de registro de dominios y alojamientos que usamos en este tutorial es TMDHOSTING, Puedes usar el código de cupon VOXELART5 , para que te hagan un descuento en el plan que elijas. Puedes acceder a su web pulsando en el siguiente botón:
Paso Nº 2 - Instalar WordPress
Instalar wordpress es super facil, es como instalar un programa en tu ordenador o una aplicación en tu teléfono móvil, lo podrás hacer en unos pocos cliks es rápido y sencillo.
Paso Nº 3 - Instalar Nuevo Tema
Este paso te va a encantar, ya que vamos a instalar un nuevo tema en tu web que va a transformar completamente la apariencia de tu web.
Quizás te estés preguntando que es un tema, te lo explicaré en detalle más adelante,pero si tienes curiosidad, que sepas que un tema básicamente es lo que define la apariencia de tu web. Es por así decirlo la ropa que le pones a la web para que se vea de una forma u otra.
Y no te preocupes, que este paso tambien es super rápido y fácil, lo podrás completar en menos de 3 o 4 clicks.
El tema que usaremos en este tutorial se llama SYDNEY, y puedes encontrarlo en los repositorios de wordpres, o en la web de aThemes, el creador de este tema.
Paso Nº 4 - Personalizar Tema
Este apartado te va a encantar, ya que aquí es donde empezarás a definir la apariencia de tu página web.
Definirás aspectos esenciales de la web como son sus colores , tamaño y tipo de letras, etc.
Amarás este apartado, ya que verás que tu web comienza a coger forma en unos pocos clics todo de forma muy visual y siempre viendo lo que estas cambiando en cada momento.
Paso Nº 5 - Instalar Plugins
Los plugins son como pequeños programas o aplicaciones que le añaden a tu web más funcionalidades de las que traia por defecto.
Cuando compraste tu teléfono móvil, este no te traia el whatsapp ni el facebook instalado, para poder tener esa funcionalidad tuviste que instalarle las aplicaciones.
Pues con wordpress sucede lo mismo, solo que en lugar de llamarse aplicaciones, se les llama plugins.
Por ejemplo, wordpress no te trae por defecto un formulario de contacto para que la gente te envie mensajes desde la web, pues lo que puedes hacer es instalar un plugin que te de esa funcionalidad.
No te preocupes, que son muy fáciles de instalar y tambien se hace en menos de 3 o 4 clicks, tal cual lo harías en el teléfono móvil.
Paso Nº 6 - Crear Apartados de la Web
Este paso tambien te va a encantar ya que es en el que crearás las diferentes secciones de la web tales como son, la página de inicio, los servicios que ofreces, el área de contacto, el apartado de quienes somos, el blog, etc
La sección de quienes somos te da una buena oportunidad de hacer crecer tu audiencia o comunidad, ya que aumenta la confianza en tu marca y demuestra a la gente que amas lo que haces.
Añadir a tu web secciones como la de contacto o el blog hará que tus visitantes puedan contactar contigo o iniciar una conversación con tu empresa.
Tener un blog te dará la posibilidad de conectar y hablar con tu audiencia de las cosas que más te importan y lo podrás hacer dando a tu audiencia contenido fresco y nuevo periódicamente que hable de cosas que le puedan interesar a ti y a el, si lo haces de esta forma podrás construir un negocio online realmente exitoso
Este paso te va a encantar ya que harás todo visualmente pinchando y arrastrando con el ratón y colocando el contenido que quieras justo en la parte que deseas de la web y viendo en todo momento como va quedando el resultado final
Paso Nº 7 - Bonus: Tienda Online
Este último paso no lo tenía planificado para este vídeo y es un regalo que te quiero hacer. Te voy a ayudar a añadirle una tienda online a tu web para que puedas vender tus productos y servicios por todo el mundo.
¡¡¡ FELICIDADES !!!
Quiero darte mi más sincera enhorabuena, ya que has conseguido algo que muy poca gente es capaz, has hecho tu propia página web tu mismo. Está probado que solo 1 de cada 20 personas que empiecen el curso llegarán hasta aquí por el esfuerzo y dedicación que ello requiere. Tu lo has hecho estupendamente, has demostrado ser una persona trabajadora y excepcional, puedes estar orgulloso de ti, yo estoy muy orgulloso de ti y me encantaría poder ver como ha quedado tu nueva web, déjame un enlace a ella en los comentarios para poder verla.
Si esta es tu primera vez por aquí y quieres aprender a crear espectaculares páginas webs como la de este tutorial, así como un montón de trucos y técnicas de diseño web, asegúrate de Suscribirte ahora a mi canal de youtube y de pulsar en la campanita de notificaciones, para que no te pierdas nada.
Si el tutorial te ha sido útil o te ha gustado, asegúrate de darle al Like.
Si tenéis cualquier duda, consulta o dificultad a la hora de seguir el tutorial, ya sabes, me lo puedes dejar aquí abajo en los comentarios.
Comparte este tutorial con esa persona que sabes que también le puede ser muy útil.
Mi nombre es Juan Bonilla, Informático, diseñador e instructor web.
Nos vemos en el próximo tutorial, hasta pronto !!!
RECURSOS
LISTA DE COMPROBACIÓN
Usa el código de cupón VOXELART5 para que te hagan descuento.
VER PROPAGACIÓN DNS
DESCARGAR IMÁGENES DE CALIDAD
EDITOR DE IMÁGENES ONLINE
Recuerda seleccionar la opción que pone PIXLR EXPRESS.
Te recomiendo que redimensiones las imágenes a un tamaño máximo de 1920 px de ancho o 1080 px de alto, esto lo puedes hacer entrando en la opción que pone Adjustment -> Resize.
Cuando guardes las imagen ( pulsando en SAVE ), recuerda ajustar la calidad ( Quality ) hasta que te ponga que el peso de la imagen sea como mucho entre 250 y 300 KB.
IMÁGENES USADAS EN ESTE TUTORIAL
CAMBIAR TIPO DE LETRA DEL TEMA
GENERAR TEXTOS AUTOMÁTICAMENTE
LISTA DE PLUGINS USADOS EN EL TUTORIAL
PLUGINS ADICIONALES RECOMENDADOS
CÓDIGOS CSS PARA REMATAR LA WEB
/*Aumenta el tamaño de las letras del slider de la pagina de inicio */
.text-slider .maintitle {
font-size: 70px;
}
/* Reduce el tamaño del texto del slider para que se vea bien en el movil */
@media only screen and (max-width:360px){
.text-slider .maintitle {font-size: 20px;}
}
/* Centra el botón de enviar en pirateforms */
.pirate_forms .pirate-forms-submit-button {
float: none;
margin-left: 0;
}
.pirate-forms-g-recaptcha > div {
float: none;
display: inline-block;
}
.pirate_forms_wrap .form_field_wrap.form_captcha_wrap, .pirate_forms_wrap .form_field_wrap.contact_submit_wrap {
width: 100%;
}
.pirate_forms_wrap .form_field_wrap.contact_submit_wrap {
text-align: center;
}
/* Hace que los recuadros del formulario contacto esten bien colocados */
textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
width: 100%;
}
/* OCULTA LA BARRA LATERAL EN LAS PAGINAS DE WOOCOMMERCE Y PERMITE QUE SE MUESTREN EN EL BLOG */
.woocommerce #primary, .woocommerce-cart #primary, .woocommerce-checkout #primary, .woocommerce-account #primary {width: 100%;}
.woocommerce #secondary, .woocommerce-cart #secondary, .woocommerce-checkout #secondary, .woocommerce-account #secondary {display: none;}
/* Cambia el color del fondo de OFERTA a negro */
.woocommerce span.onsale {
background-color: #000;
}
/* Cambia el color de fondo de los botones de woocommerce a negro al situarse encima */
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: black;
}
CONFIGURAR PLUGIN WP MAIL SMTP
Correo electronico remitente → [email protected]
Nombre remitente → Nombre de tu empresa
Servicio de correo electronico → Enviar todos los correos electronicos de WordPress a traves de SMTP
Servidor SMTP → mail.nombredetupaginaweb.com
Puerto SMTP → 465
Encriptacion → Usar encriptación SSL
Identificacion → Si, usar identificacion SMTP
Nombre de usuario → [email protected]
Contraseña → La contraseña que sea
La parte final del footer me encanto, esa forma en la que unes el vídeo con esas curvas le da un toque muy creativo y profesional. Sin embargo, yo usaria, W3 Total Cache y WP Smush para mejorar el tiempo de carga de la web y de las imagenes. Aun así, me gusto bastante, felicidades.
Hola Quimica para Ingenieros 🙂
Me alegro que te haya gustado el tutorial.
Respecto a lo del footer, la verdad es que es una pasada el Elementor, te permite crear cosas muy chulas como ese efecto que comentas.
Prefieres W3 Total Cache respecto a WP Fastest Cache por algún motivo en concreto ?
Nunca usé W3 Total Cache.
Y el plugin que me comentas de WP Smush creo que lo instalé una vez para probarlo, pero nada más.
He recomendado en el tutorial los plugins que suelo usar habitualmente en mis web y la de mis clientes.
Pero le echaré un vistazo más a fondo a esos que me dices.
Un saludo, hasta pronto !!! 😉
Qué excelente vídeo amigo muy profesional, éxitos
Hola José, me alegro que te guste el vídeo, espero que te pueda ser útil toda la información que comparto en el.
Muchas gracias por pasarte por la web y dejar tu opinión.
Cualquier duda que tengas, ya sabes, pregunta por aquí o por Youtube cuando quieras.
Un saludo, hasta pronto 🙂
Hola José, me alegra mucho que te esté gustando el vídeo.
espero que puedas aprender muchas cosas nuevas y que te sean útiles a la hora de crear tu web.
Cualquier duda que tengas, ya sabes, pregunta por aquí o por el canal de Youtube.
Un saludo para ti, hasta pronto !!! 🙂
Como es costumbre un excelente tutorial y sobre todo se nota tu empeño y disfrute al compartir tu conocimiento con nosotros, te agradezco como siempre lo he hecho tu ayuda.
Hola Rony, que bien tenerte por aquí otra vez 🙂
Me alegro mucho que te haya gustado este último vídeo, la verdad es que está cargadito de un montón de información fresca e interesante para los que empiezan o que estamos ya metidos en el mundo del diseño web, espero que te pueda ser útil.
Un abrazo, hasta pronto 🙂
hola amigo, pregunta como agrego un banner publicitario gracias
Hola Garbiel, un Banner publicitario no es mas que una imagen o video con un enlace al sitio que deseas enviar a la gente, es tan facil como subir la imagen y en las propiedades de la imagen decirle que es un enlace y ponerle a donde quieres que te enlace.
De todas formas, si miras el tutorial podrás aprender como hacerlo.
Espero haber resuelto tu duda. 🙂
Un saludo, hasta pronto !!
Hola tengo una duda al respecto al utilizar el editor elementor realize todas las modificaciones que necesitaba al seleccionar visualizar me aparece todo tal cual lo organice y modifique pero la abrir la pagina en un plorador distinto me parecen los contenidos y demas pero las modificaciones de formato que se realizaron otro detalle que no se si tenga que ver con ello el problema es que en lugar de aparecer el boton guardar en elementor en la parte inferior izquierda me aparece como actualizar me podrias apoyr para decectar en que esta el error del por que no me aparece tal cual como se edito y como lo visualiza el editor elementor?
Hola Alejandro, el problema que estas teniendo tiene pinta de ser un problema con la «Caché» o bien del navegador o del plugin WP-Fastest-Cache.
Prueba a hacer lo siguiente:
Vete al escritorio de WordPress -> En la barra superior, verás un icono como con un Guepardo de color amarillo que pone WPFC, pues colocate encima de el y pincha en «Delete Cache» y en «Delete Cache and Miniffied CSS/JS» , una vez hecho esto, prueba a recargar la página y si sigue sin verse bien, pues prueba a abrir la web con otro navegador distinto.
De todas formas esto debería resolver el probelema.
Respecto a que a ti te aparece «Actualizar» en lugar de «Guardar», eso es porque Elemento le cambió el nombre al boton de guardar, asi que no te preocupes que es lo mismo darle a Guardar que a actualizar, solo es la forma en la que Elementor te muestra el botón.
Avisame si pudiste resolver el problema de la caché.
Un saludo. Hasta Pronto !!! 😉
Hola y buenos dias!! Hoy inicio esta aventura con su magistral guía. Me parece que estas localizado en España, sin embargo tu acento me suena como oriundo de los que les gusta el mangu y el concon con habichuelas. Buen trabajo, felicidades!!
Muy buenos días Teuddis 🙂
Bienvenido a la web y gracias por dejar tu comentario.
Te doy la enhorabuena por este nuevo proyecto en el que te vas a embarcar, si te surge cualquier duda según avanzas con tu web, no dudes en preguntarme. Ya sabes por donde me puedes encontrar.
Respecto a lo de mi localización… jeje. Veo que tienes nueva puntería. No sólo me encanta el concón con habichuelas, sino también un buen mangú con salami Induveca. De vez en cuando un buen PicaPollo y cuando se pueda un buen Morirsoñando. Jeje.
Te deseo mucho éxito con tu nueva web. Y ya sabes, cualquier duda. Por aquí me tienes. Un abrazo desde España para ti y mi tierra Quisquella la bella 😉
Un saludo, hasta pronto !
Excelente tutorial, te agradezco por tu ayuda y por compartir tus conocimientos. Fui realizando paso a paso todo el tutorial hasta que llegue al uso del ELEMENTOR pero me apareció un error (Elementor requiere PHP 5.4+, el plugin NO está activo en este momento.) y hasta ahí llegue ya que no se que debo hacer o como solucionar esto, existirá una manera de solucionar esto que me puedas ayudar y a toda la comunidad que te seguimos
Hola Pablo, es raro ese error que me comentas, parece que estas usando una versión de PHP antigua en tu proveedor de alojamiento.
Estás usando el proveedor que te recomiendo en el vídeo ( http://bit.ly/dominio-y-alojamiento ) o uno distinto ?
Si es uno distinto, tendrás que contactar con tu proveedor y decirles que te actualicen la versión de PHP a almenos la 5.4, aunque lo ideal seria que te ponga la ultima version, que está ya por la versión 7 de PHP o que te expliquen como hacerlo.
Si nada de esto te resuelve el problema, prueba a ir al escritorio de WordPress -> Elementor -> Ajustes -> Avanzado -> Cambio de método de carga del editor -> Activar
Y prueba a ver si así ya te funciona.
Avisa si lo pudiste resolver.
Un saludo, hasta pronto!!! 😉
Me encanto el tutorial, pero tengo una duda como le puedo hacer para crear una pagina web de afiliados en Amazon, hojala hagas un video al respecto. -Gran Trabajo Felicidades-
Hola Marco, para hacer una página web donde promociones productos de afiliado de Ámazon te vale este mismo tutorial, lo único que debes hacer es poner el enlace a los productos que promocionas, por ejemplo, puedes poner una foto de una cámara de de foto que promociones, con su título y su descripción, y haces que la imagen o/u el título sean enlaces, que cuando la gente pinche en esos enlaces te lleven a la web de afiliado, en este caso a la web de Amazon.
Cuando vayas a poner el enlace al producto, claro, pones el enlace de afiliado que te identifica a ti.
Por tanto, no es que haya una forma «especial» o distinta de hacer una página de afiliado, es como te acabo de explicar.
Espero que lo hayas entendido, si te queda cualquier duda, ya sabes, pregunta por aquí o por Youtube cuando quieras.
Un saludo, hasta pronto 🙂 !
Hola Juan, me gustaria que me ayudaras ya que en mi pagina no pude poner el ssl y no esta visible en internet!!!!! AYUDA por favor
Hola Jonathan, que clase de error te da cuando intentas poner el SSL ?
Si quieres envíame por correo electrónico ( [email protected] ) una captura de pantalla del error para poder ayudarte mejor.
Y dime cual es el nombre de tu página web para poder ayudarte mejor.
Un saludo, hasta pronto !
no me funcionas el menu de comentario de mi pagina
Hola Agustín.
¿Lo que no te funciona es la opción de poner comentarios en el blog o el apartado de contacto de la web?
Cuando intento entrar a tu web http://calderasantillana.com/ me pone que la tienes puesta en modo mantenimiento y no puedeo ver donde está el error.
¿Puedes Habilitarla para poder comprobar lo que sucede?
Un saludo 🙂
digo no me funciona CONTACTA, para que me ayudes con eso
Hola Agustín, ¿ qué es lo que sucede exactamente? ¿ no te sale el formulario, te da algún error, no te llega el mensaje cuando lo envías ?
Intento entrar a la web que pusiste en tu perfil y me pone que la tienes puesta en modo mantenimiento y no puedo reproducir el error que me indicas
¿ Puedes describir un poco más que es lo que está sucediendo o habilitar la web para verlo mejor ?
Un saludo 🙂
ya ahora quite el modo de mantenimiento
Hola Agustin, cuando quitaste el modo mantenimiento no estaba con el PC para poder comprobar, como es dificil que coincidamos, si puedes envíame un email con una captura de pantalla donde te aparece el error a [email protected]
Un saludo 🙂
Excelente tutorial y explicado muy bien, estuve buscando un software para mi pagina y muy pronto lo terminare gracias y sigue así. saludos desde Perú.
Hola Edwin, excelente, me alegra mucho saber que el tutorial te está ayudando.
Cuando tengas tu web acabada dime cual es el enlace a ella para echarle un vistazo, me encantaría verla!!! 🙂
Si te surge cualquier duda, recuerda que puedes preguntarme por aquí o por Youtube cuando quieras.
Un saludo, hasta pronto !
ok
lo hare
Excelente, espero entonces tu mensaje Agustín.
Un saludo 🙂
Amigo, has hecho una página web lo más rápido y fácil que podría hacerse, todo está muy claro, nada difícil de entender, ahora ya puedo crear mis páginas web con suma facilidad. Gracias.
Hola Marco Antonio, me alegra mucho saber que te haya gustado el tutorial y te haya sido fácil y ameno de seguir.
Es un orgullo saber que la gente va aprendiendo cosas nuevas y que les son útiles con tus vídeos. 😉
Si te surge cualquier duda, recuerda que me puedes preguntar por aquí o por Youtube cuando quieras.
Te deseo mucho éxito con tus proyectos.
Un saludo, hasta pronto ! 🙂
Hola buen día ! ya estuve comentando en el vídeo en youtube la verdad que me parece fantástica tu forma de enseñar. me gustaría quizá que si hay próxima vez o si hacen un vídeo para agregarle características a la pagina, que enseñen como hacer el cartel para suscribirse apenas entren a la pagina principal, así cada vez que hay una entrada nueva en el blog les llegue un mail a la gente suscripta con el link para que entren a verlo. Muchas gracias !
Hola Rocío, me alegra saber que te está gustando el tutorial y te está enseñando cosas nuevas. 🙂
Respecto a tu consulta, no te preocupes, en breve tengo pensado realizar un tutorial donde explique como hacer justo lo que preguntas, para que tu web notifique a la gente cuando publiques un nuevo artículo. Estate atenta!
Un saludo, hasta pronto!!!
Hola qué tal me a parecido estupenda la forma en que explicas en cómo crear una página web. Yo estoy muy interesado en hacer mi propia página web y seguiré tus consejos. La duda que tengo es cómo consigo el programa? Y si no tiene problemas al instalarlo ya que he probado otros programas y siempre surge algún problema. En los comentarios que te hacen no he leído ninguna queja al respeto y es por eso que he decidido escribirte y hacerte estas preguntas. Muchas felicidades y de verdad muy interesante todo lo que explicas de antemano agradeceré tu respuesta gracias.
Hola Jesus, muy buenas, me alegra mucho que te sea ameno de seguir el vídeo y te esté gustando.
Que bien que quieras hacer tu página web, si nunca has hecho una web, entonces el tutorial te va a encantar, ya que está enfocado para personas que quieran empezar a hacer una web desde cero, sin conocimientos previos y sin tener que programar. Todo de forma visual y sencilla.
Respecto a tu consulta de «Como consigo el programa», indicarte que no tienes que conseguir ningún programa para hacer la web, todo se hace desde tu navegador de internet.
El programa del que hablo con el que se crean las webs ( WordPress ) es un programa que se instala en el servidor donde estará guardada tu web, pero no tienes que instalar nada en tu PC. Todo se hace desde el navegador.
Además si sigues las instrucciones del vídeo, verás que te explico paso a paso y sin saltarme nada como se instala y se crea todo.
Además si te surge cualquier duda mientras vas creando la web, tranquilo, que me puedes preguntar por aquí, por los comentarios de Youtube o por nuestro email ( [email protected] ) todo lo que necesites.
Si hay algo más que no entiendas o necesites alguna aclaración adicional, no dudes en preguntarme.
Un saludo, hasta pronto 🙂
Excelente tutorial! Una pregunta, como hago para que el numero de 100% valla de 1 al 100%, como creo ese efecto?
Hola Gustavo, las instrucciones de como configurar los números del 100% las tienes en el propio tutorial. Eso justo te lo explico en el minuto 01:58:26 del vídeo.
Échale un vistazo a esa parte del vídeo y a ver si lo consigues.
En caso de que no te salga me avisas y le echamos un vistazo más detenidamente y miramos done puede estar el fallo.
Cualquier otra duda o dificultad que se te presente, ya sabes, estamos aquí para ayudarte, pregúntanos cuando quieras por aquí o por los comentarios de Youtube.
Un saludo, hasta pronto !
Hola Juan como te va estoy nuevo en esto de crear una página, pero es un reto que me he puesto para impulsar mi negocio a través de la web… te escribo porque tengo varias dudas:
1. Ya compre el dominio en TMD hice toda las configuraciones pero tengo un detalle, cuando por ejemplo: busco mi pagina por el buscador de google y se carga y se ven todas las modificaciones que e hecho, pero me sale en la barra de dirección una «i» dentro de un circulo y cuando entro en ese icono me dice que no es seguro este sitio web y al revisar la pagina y toco el icono de inicio de la web para ir a la pagina principal se recarga la pagina y allí si me sale el icono en la barra de direcciones el candado y me dice es seguro en verde porque pasa esto Juan ?
La otra consulta que tenia es como puedo hacer iconos como el del tutorial que no tengan fondos y se vea bien con las diapositivas en movimiento y poder ponerle poco tamaño en la escala. gracias te seguiré escribiendo. Gracias
Hola Jean, que bien, me alegra mucho saber que has dado el salto y estas apostando por tu negocio en internet.
Te deseo mucho ánimo y éxitos con tu web, ya has dado el paso más importante que es comenzar !
Respecto a tu consulta de que te sale que la web es no segura, recuerda que aunque hayas instalado tu certificado SSL como explico en el video, no es suficiente.
El certificado SSL «le da la posibilidad» a tu web de que salga con el candadito y de que empiece por HTTPS, pero no la obliga !
Para obligarla a que siempre que muestre tu web en la version segura, con el candado y con el HTTPS, entonces debes instalar el plugin Really Simple SSL tal cual explico enel minuto 01:00:14 del vídeo.
Échale un vistazo a esa parte del vídeo donde te explico todo lo que tienes que hacer para que tu web se muestre siempre como SEGURA.
Si haces todo lo del vídeo y aún así te sigue saliendo como no segura, entonces puede que sea por algún otro motivo y ya habría que mirarlo mas detenidamente.
En caso de que instalando el plugin de Really Simple SSL no se resuelva, avísame y miramos alguna otra cosa si fuera necesario.
Respecto a tu otra consulta que me indicas, supongo que te refieres a como hacer para crear un logo para tu empresa…
Puedes crear logotipos usando la herramienta Pixlr que te indico en vídeo. simplemente, asegúrate de que cuando vayas a guardar la imagen el formato o tipo de archivo en que lo guardas es en PNG o en GIF , que son los formatos que conservan la transparencias en las imágenes y permite que el logotipo tenga zonas transparentes tal cual puedes ver en el video.
Si aún no tienes un logotipo para tu empresa o lo quieres rediseñar, también lo puedes hacer usando las siguientes webs: Canva y Hatchful.
Ambas son webs especializadas en temas de diseños online y dese las cuales puedes crear tus logotipos fácilmente, simplemente fíjate que la imagen que descargues acabe en PNG o en GIF, que son los formatos que te mantienen las transparencias.
Espero que esta información te haya podido ser de utilidad.
Cualquier otra duda o dificultad que se te presente, ya sabes, nos puedes preguntar por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto !
estare atento a el curso de woocomerce
Hola Jose, muy bien, no te preocupes, ya estoy creando el tutorial de tienda online con woocommerce, así que estate atento, que en unos días lo sacaré.
Un saludo 🙂
hola ayudame con esto compre un hosting para hospedar algunas web que uso y tengo, pero necesito saber como las hospedo gracias si me puedes enviar un tutorial seria genial
muchas gracias
Hola Washington, si ya contrataste un proveedor de hosting para guardar tus webs, genial, esa es uno de los requisitos que necesitas para que te tu web funcione, aparte de tener que contratar un dominio para cada una de ellas en caso de que quieras que tengan dominios independientes.
De todas formas, la información que me solicita es muy poco específica. Necesito más detalles para poder ayudarte.
Esas webs que me dices que tienes y usas, ya están en funcionamiento en otro proveedor ? Las hiciste en local en tu PC ? Con que plataforma las hiciste: Joomla, WordPress, Drupal, o alguna otra ? Quieres que todas las webs estén bajo el mismo dominio o que tengan dominios independientes? Que proveedor de hosting es el que contrataste ? …
Como te decía, necesito que me des información para poder ayudarte.
Si lo deseas, respondeme a esas preguntas que te acabo de hacer y miramos a ver como podemos hacer para ayudarte.
Un saludo, hasta pronto !
Hola, todo esta perfecto, solo tengo un pequeño problema… en la zona de ajustes/WP Mail SMTP al momento de configurar mi correo electrónico con la opción SMTP, incluir mi servidor, puerto, etc. todo bien. Sin embargo, al momento de enviar el correo de prueba me bota error. Podrias ayudarme con eso? Te lo agradecería muchisismo!
Hola Manuel, genial, me alegra que te haya gustado el vídeo 🙂
El error que te puede estar dando puede ser por varios motivos… Habría que ver que es lo que dice el error para saber más a ciencia cierta!
De todas formas, los errores normalmente suelen ser debido a errores a la hora de poner algún dato (alguna contraseña mal, un puerto erróneo…)
Supongo que ya lo habrás hecho, pero de todas formas, revisa que estés poniendo bien los datos de SMTP que te facilita tu proveedor de hosting desde el cPanel.
Si estás usando el proveedor TMDHosting, los datos de configuración del plugin que debes poner los tienes en esta publicación, están justo al final de la publicación, de todas forma te los repito. Son los siguientes:
Correo electrónico remitente → [email protected]
Nombre remitente → Nombre de tu empresa
Servicio de correo electrónico → Enviar todos los correos electronicos de WordPress a traves de SMTP
Servidor SMTP → mail.nombredetupaginaweb.com
Puerto SMTP → 465
Encriptacion → Usar encriptación SSL
Identificacion → Si, usar identificacion SMTP
Nombre de usuario → [email protected]
Contraseña → La contraseña que sea
Revisa que pones todos estos datos de forma correcta.
Si estás usando otro proveedor de hosting distinto a TMDHOsting, probablemente tendrás que poner otros datos para el servidor, puerto, etc… eso te aparecerá en el cPanel cuando crees las cuentas de correos, revísalo.
Prueba de esta forma, si aún así no lo consigues, dime que tipo de error es el que te aparece o pegamelo por aquí para echarle un vistazo y poder ayudarte mejor.
Lo dicho, revisa la configuración, usuarios, contraseñas, puertos, servidores, etc y si aún así no lo consigues me avisas y miramos alguna otra cosa.
Un saludo, hasta pronto !
ante todo felicitarle por la magnifica explicación en el tutorial..
tengo un detalle con el blog, me sale unas letras grandes de categoría mas el nombre. quiero eliminarla.
Hola Jolmes, muchas gracias por tu comentario.
Me alegro que te haya sido útil y fácil de entender el vídeo 🙂
Respecto a tu consulta sobre las categorías del blog, la verdad, no entiendo muy bien la pregunta.
Donde dices que te salen esas letras grandes de categoría ? Esas letras grandes de categoría salen por defecto cuando pinchas en alguna de las categorías que hayas creado, si es así y es esto lo que te sucede, entonces es normal…
De todas formas si lo que quieres es que no salga ese texto cuando pinchas en una categoría, lo que debes hacer es añadir el siguiente código CSS en tu tema:
.archive-title { display: none; }Para ello, ve al Escritorio de WordPress -> Apariencia -> Personalizar -> CSS Adicional y pega el código anterior que te he puesto.
Esto debería ocultar el nombre de las categorías que salen en grande al pinchar en ellas.
Espero que esta información te pueda ser de ayuda.
Cualquier otra duda o dificultad que te surja, recuerda que nos puedes consultar por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Excelente tutorial !!!!! Te Felicitoooooo. La verdad me encanto, recien estoy empezando en esto porque necesito crear una pagina web que ya la empece tal cual la hiciste vos, pero necesito otro tipo de pagina un poco mas compleja, que se registren usuarios para poder ver contenido privado, agregarle juegos y muchas cosas mas muy complejas por lo menos para mi.
Quisiera contactarme con vos para que me ayudes y te paso una pagina para que la veas es mas o menos lo que yo quiero, y tine que ser muy automatizada para los usuarios.
Desde ya muchas gracias.
Saludos desde Argentina.
Hola Lisandro, que bien, genial 🙂 Me alegra que te haya gustado el tutorial y hayas podido aprender cosas nuevas con el 🙂
Respecto a tu consulta, indicarte que lo que necesitas hacer entonces es una página web de miembros o «membership» (en ingles). Lamentablemente de momento no tengo ningún vídeo que trate sobre el tema, pero que sepas que le puedes dar esa funcionalidad a tu web usando algún plugin de miembros para tu web.
Te dejo un enlace al repositorio de plugins de WordPress para que puedas ver un listado de los plugins gratuitos que hay ahora disponibles para ello: https://es.wordpress.org/plugins/search/member/
Prueba varios de los que te salen en esa web hasta que encuentres el que se ajusta a tus necesidades.
Si no sabes coo usar alguno, busca información por Google o Youtube, seguro que encuentras !
Te recomiendo que elijas plugins que tengan muchas y buenas puntuaciones, así como plugins que se hayan actualizado recientemente (Que no sean plugins abandonados por sus autores) así como plugins con muchas instalaciones activas.
Espero que esta información te sea de ayuda.
Cualquier otra duda o dificultad que se te presente, ya sabes, nos puedes consultar por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Excelente tutorial !!!!!! ya hice la pagina, recien estoy arrancando, pero el estilo d pagina que necesito es mucho mas complejo por lo menos para mi, me gustaria que me ayudes.
Necesito con registro de usuarios que vean contenido privado, y barias cosas mas.
Espero tu respuesta, desde ya muchas gracias !
Saludos desde Argentina
Hola Lisandro. Excelente, me alegra mucho saber que ya empezaste y pudiste echar a andar tu web tu solo 🙂
Si necesitas que en tu web haya registro de usuarios, entonces tendrás que añadirle a tu web algun plugin que le de esa capasidad.
Eso que necesitas se llama crear una web para miembros.
Lamentablemente de momento no tengo ningún video que explique como crear una web para miembros, así que tendrás que investigar un poco por Google o Youtube sobre como crear una web para miembros.
De todas formas te dejo un enlace al repositorio de plugins de WordPress, donde pondrás encontrar un listado con todos los plugins gratuitos que te permiten añadirle esa capacidad a tu web: https://es.wordpress.org/plugins/search/member/
Prueba algunas de las opciones que te aparecen y si o sabes usarlo, busca info en Youtube, seguro que alguno de ellos te vale para lo que necesitas.
Un saludo, hasta pronto 🙂
Excelente Tutorial me ha ayudado muchisimo es la primera vez que hago una pagina y estoy muy contento, me encantaria que hagas otro tutorial mas detallado de Tienda On line por favor me falta completar esa parte para empezar a vender on line. Muchas Gracias
Albert.
Hola Albert, genial, me alegro mucho de que el tutorial te haya gustado y te hayas animado a crear tu propia web 🙂
Respecto a tu consulta, indicarte que el tutorial de Woocommerce ya lo tengo listo, pero aún no lo he publicado por causas ajenas a mi… Te explico:
Resulta que a mediados de año se tenía previsto realizar una actualización importante de WordPress que va a cambiar en parte la apariencia y la forma en la que se editan las paginas y posiblemente la forma en la que se crean los productos de Woocommerce, aunque respecto a esto último no hay más que especulaciones…
Esa actualización de WordPress que te comento es el WordPress 5, que va a introducir un nuevo editor llamado «Gutenberg».
Si quieres pudes buscar más información sobre WordPress 5 y el editor Gutenberg por Google o Youtube ( https://www.youtube.com/results?search_query=wordpress+5+gutenberg )
No he querido publicar el tutorial hasta que salga la actualización, ya que si lo publico antes, no va a coincidir lo que explico en el video con lo que tendréis en pantalla.
Si bien, se supone que la actualización la iban a tener lista para mediados de año, ha habido una serie de retrasos y por una cosa y por otra aún no la han realizado.
La última noticia que tengo es que el WordPress 5 lo tienen previsto sacar para el 19 de Noviembre ( https://make.wordpress.org/core/5-0/ )
Si te fijas en la parte inferior derecha de tu escritorio de WordPress, podrás ver que actualmente están por la versión 4.9.8:
Pues mi intención es publicar el tutorial en cuanto esté listo el WordPress 5, así que calculo que será sobre finales de noviembre o principios de Diciembre.
Te pido disculpas por la tardanza, ten un poco de paciencia y ya verás como la espera valdrá la pena 🙂
Si te gustó este primer tutorial, este te va a encantar.
Mientras tanto, recuerda que cualquier duda o dificultad que se te presente aquí estamos para ayudarte.
Un saludo, hasta pronto 🙂
buenas te felicito por el tutorial voy a empezar ha hacer una pagina web quería saber si ya tienes el vídeo de woocomerce creo que se escribe así me interesa muchísimo ya que esta pagina necesita de vender sus productos y quería saber si podías de alguna manera guiarme para colocar una galería mas creativa donde aparte de fotos también colocare catálogos de ropa muchas gracias
Hola Luis, me alegra que te haya gustado el vídeo 🙂
Respecto a tu consulta, indicarte que el tutorial de Woocommerce ya lo tengo listo, pero aún no lo he publicado por causas ajenas a mi…
Resulta que se tenía previsto que a mediados de año se iba a realizar una actualización importante de WordPress que va a cambiar en parte la apariencia y la forma en la que se editan las paginas y posiblemente la forma en la que se crean los productos de Woocommerce, aunque respecto a esto último no hay más que especulaciones…
Esa actualización de WordPress que te comento es el WordPress 5, que va a introducir un nuevo editor llamado «Gutenberg».
Si quieres pudes buscar más información sobre WordPress 5 y el editor Gutenberg por Google o Youtube ( https://www.youtube.com/results?search_query=wordpress+5+gutenberg )
No he querido publicar el tutorial hasta que salga la actualización, ya que si lo publico antes, no va a coincidir lo que explico en el video con lo que tendréis en pantalla.
Si bien, se supone que la actualización la iban a tener lista para mediados de año, ha habido una serie de retrasos y por una cosa y por otra aún no la han realizado.
La última noticia que tengo es que el WordPress 5 lo tienen previsto sacar para el 19 de Noviembre ( https://make.wordpress.org/core/5-0/ )
Si te fijas en la parte inferior derecha de tu escritorio de WordPress, podrás ver que actualmente están por la versión 4.9.8:
Pues mi intención es publicar el tutorial en cuanto esté listo el WordPress 5, así que calculo que será sobre finales de noviembre o principios de Diciembre.
Te pido disculpas por la tardanza, ten un poco de paciencia y ya verás como la espera valdrá la pena 🙂
Si te gustó este primer tutorial, este de Woocomerce te va a encantar.
Respecto a tu duda sobre otra galería diferente, indicarte que hay muchísimos plugins en WordPress que te permiten configurarla a tu antojo.
Te dejo el enlace al repositorio de WordPress donde podrás ver un listado de los plugins de galería gratuitos que hay en estos momentos disponibles: https://es.wordpress.org/plugins/search/gallery/
Simplemente échale un vistazo a varios de ellos y quédate con el que más se ajuste a lo que necesites.
Muchas gracias por tu comentario, recuerda que cualquier duda o dificultad que se te presente nos puedes consultar por aquí o por nuestro canal de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Super tu trabajo hermano, espero tus proximos videos, realmente es lo mejor en la web, al nivel de un curso de pago. Un gran saludo
Hola Claudio, muchas gracias por tus palabras! Me alegro que te gustara el vídeo y hayas podido aprender algo con el. Intenté que fuera lo más fácil y completo posible 🙂
Me alegra que puedas valorar el esfuerzo que supone el crear un contenido de estas características y más siendo gratuito !
Cualquier duda o dificultad que se te presente mientras haces tu web, ya sabes, nos puedes preguntar por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Si ya tengo mi blog creado en wordpress, bajo su dominio, ¿se puede gestionar el dominio y el alojamiento propio? ¿Es necesario? Pregunto por lo siguiente: descargué los pluggins básicos recomendados, pero no sé cómo utilizarlos desde mi blog, en el que, de paso, no hay ninguno, ni la opción de añadir. Y cuando intento obtenerlos desde el blog me dice que están disponibles solo para Bussines. Mi blog está al momento en categoría gratuita pero he escogido el plan 1, de 4 euros por mes, aunque no he finalizado todavía la compra. ¿Qué me recomienda hacer?
Hola Carlos, el motivo por el que no puedes instalar los plugins ni puedes hacer ciertas cosas de las que explico en el vídeo es debido a que el WordPress que tu estás usando no es el wordpress que yo explico en el tutorial.
Para que entiendas, debes distinguir antes de nada lo siguiente:
Wordpress como tal es un programa informático que debe estar instalado en un servidor web para que pueda funcionar.
El WordPress que tienes tu es el Worpress que te dan en WordPress.COM.
Wordpress.COM es una web que te permite crear y guardar tus páginas de forma gratuita en su web, pero te limitan el uso del programa informático WordPress.
Ciertas limitaciones que te pueden hacer son como las que estás sufriendo tu ahora mismo, de que no te dejan instalar plugins (Si quieres hacerlo debes pagar), no te dejan poner el nombre de dominio que tu quieras (también debes pagar por ellos), si mañana quieres cambiar tu web a otro servidor,no podrás hacerlo…
El WordPress que en enseño en el tutorial es diferente, ya que es un programa informático COMPLETO, sin ningun tipo de limitación, que para funcionar, debes instalarlo en un proveedor de Hosting, por eso en el video te mando que contrates el proveedor TMDHosting, ya que es uno de los que te permiten hacer este tipo de acciones.
Y esta es la razon por la cual no puedes hacer lo que explico enel video.
No te recomiendo que pagues ese plan de 4 euros al mes, en su lugar contrata un proveedor de hosting como puede ser TMDHosting, tal cual te explico en el vídeo en el minuto 11:12, ya que el WordPress que tienes tu ahora es un WordPress «Limitado» en el que te van a querer estar cobrando por cada pequeña cosa que le quieras personalizar.
Espero que me hayas podido entender.
Cualquier otra duda o dificultad que se te pueda presentar, ya sabes, pregunta por aquí o por el canal de Youtube cuando desees.
Un saludo, hasta pronto !
Muy buen tutorial, lo he seguido paso a paso, sin embargo el momento de llegar al paso donde sale el recuadro -EDITAR ELEMENTOR- ( en el vídeo tutorial) en mi página de administración no me aparece ese recuadro. Qué debo hacer?? Hasta ahí llegue…por el momento. Por favor me ayudas a solucionar? Gracias.
Hola Aristides, que raro que no te salga el botón de editar con Elementor…
Comprueba que tengas instalado y activado el plugin de Elementor, tal cual enseño en el minuto 01:03:38 del vídeo ( https://youtu.be/4f3stKVS6DI?t=3818 ).
Esto debería resolver el problema.
Avísame cualquier cosa.
Un saludo, hasta pronto 🙂
Gracias, no había instalado el plugin ELEMENTOR. Ya lo resolví.
Un saludo.
Genial Aristides, me alegro que lo hayas podido resolver 🙂
Y si, efectivamente, si no tenias instalado el plugin de Elementor , es normal que no te salga el botón de «Editar con Elementor».
Cualquier otra duda o dificultad que se te presente, ya sabes, nos puedes consultar por aquí o por el canal de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Muy buen tutorial, al final he logrado solucionar un pequeño error y no encontraba solucion. Un saludo.
Genial ADNBlogger me alegro que te haya gustado el video y te haya servido como referencia para resolver algún error.
Lo bueno que tiene el turorial es que te puede valer tanto para aprender cosas nuevas sobre diseño web si nunca has hecho una página y te puede servir como referencia para posibles consultas de cosas que no te acuerdes.
Recuerda que en el PDF que adjunto con el vídeo tienes un guion con todos los pasos que se explican en el tutorial, así puedes buscar cualquier apartado que necesites de forma más fácil y rápida.
Cualquier duda o dificultad que se te presente, recuerda que nos puedes consultar por aquí o por nuestro canal de Youtube cuando desees.
Un saludo, hasta pronto !
Cuando hago el Let’s encrypt me da error.
yo elegí laopción business, y me aparecen otras opciones.
¿Podrías ayudarme?
Hola Carlos.
Normalmente cuando da el error de Let’s Encrypt es cuando intentas dar de alta el SSL antes de que se propaguen completamente las DNS.
Date cuenta que las DNS lo normal es que se propaguen en unos minutos, pero realmente este proceso puede llegar a durar hasta 72 horas !
Si has esperado más de ese tiempo y te sigue dando error, entonces es posible que sea por algún otro motivo y tendrás que abrirles un ticket a soporte técnico.
Si tu proveedor de alojamiento es TMDHosting, para abrir el ticket a soporte ve a tu área de cliente y en el menú superior selecciona Support -> Submit Ticket y explícales lo que te ha pasado.
Como es una empresa americana, tendrás que abrir el ticket en Inglés.
Si no sabes mucho inglés, lo puedes hacer con ayuda del traductor de google ( https://translate.google.com/?hl=es ) o con el traductor DeepL ( https://www.deepl.com/translator )
Suelen responder muy rápido a las consultas, en menos de 15 minutos seguro que te atienden.
De todas formas, mantenme informado de en qué acaba la cosa y si te pudieron dar algún tipo de solución.
Un saludo, hasta pronto 🙂
Buenísima Explicación, solo tengo un problema que no puedo ingresar a mi pagina, ya le cambie tema y cerré la pestaña pero hoy que la quise abrir ya no me lo permite, me puedes ayudar?
Hola Isaac, me alegro que te haya gustado el tutorial y hayas podido aprender algo nuevo con el 🙂
Respecto a tu consulta de que no puedes acceder a tu web, podrías darme más detalles sobre cual es el error que te da cuando intentas entrar ?
Te deja entrar al wp-admin de tu web? lo que sucede es que no te acepta el usuario y contraseña ? Te acepta el usuario/contraseña pero no te carga el escritorio de wordpress?
Dame un poco más de detalles de lo que está sucediendo para poder ayudarte mejor.
Un saludo, hasta pronto 🙂
Buenas mi amigo, aparte de saludarlo,quiero solicitarle el nombre de la pagina que recomiendas para realizar logos gratis que recomendaste aquí en el tutorial gracias
Hola Jimmy, en realidad en el tutorial no indiqué ninguna web para diseñar logos.
Lo que recomendé fueron varias webs para obtener imágenes de calidad gratis ( Unsplash.com, Pixabay.com y Pexels.com ) y luego indiqué una web desde la cual puedes editar esas imágenes llamado Pixlr
Como Pixlr es un editor de imágenes parecido a Photoshop, desde el si lo deseas, puedes crear tu propio logo.
Otras alternativas a Pixlr, que te recomiendo y que también son muy buenas son Canva y Hatchful.
Échale un vistazo a esas webs que te acabo de indicar, seguro que alguna de ellas te puede valer para lo que necesitas.
Espero que esa información te haya sido de utilidad.
Cualquier otra duda o dificultad que se te presente, ya sabes, me puedes consultar por aquí o por nuestro canal de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Hola Juan,
Recien empezé a ver tu tutorial y por ahota muy bueno. He siguido paso a paso tus instrucciones y hasta ahora que llegué a la parte del diseño con Elementor, empecé a tener dificultades, no consigo que las propiedades (centrado, tipo y color) de los textos de los widget «Encabezado» se vean en los buscagores google y explorer luego que actualizo, solo se modifica el tamaño, en el caso del widget «Editor de texto» también tengo problemas pero solo con el color del texto. En Firefox y Android no tengo problemas.
Hola German, Me alegro que te haya gustado el vídeo y sido útil 🙂
Lo que te está pasando de que haces cambios y luego no los ves reflejados en la web es posible que sea fallo de «la caché» del navegador o del plugin WP FASTEST CACHÉ, prueba a ir al escritorio de WordPress y busca un icono amarillo en la barra superior que pone WPFC (tiene el dibujo como de un guepardo).
Pincha en todas las opciones que te salen de delete caché. … y cierra y vuelve a abrir el navegador.
Esto debería resolver el problema.
Avísame si con esto lo pudiste arreglar.
Un saludo, hasta pronto :)
hola estimado Juan, antes que nada gracias por el tremendo tutorial, pero quisiera pedirte una pequeña ayuda hace tres semanas que lanze mi pagina web http://www.mylnegofersac.com pero fui atacado por un tema de phishing y desde entonces mi elemtor dejo de funcionar, google ya me levanto la restriccion como no seguro, pero ahora que quiero editar la pagina web no me lo permite, espero una ayuda porfavor.
Hola Anthony, que bien, me alegro que te haya gustado el vídeo y sido útil 🙂
Respecto a tu consulta,
Si no te funciona Elementor, puede que sea por algo de la configuración del servidor de tu proveedor de alojamiento o que haya cambiado algo en la configuración de WordPress,
Que tipo de error te da?
Si quieres, prueba a hacer lo siguiente:
Ve al escritorio de WordPress -> Elementor -> Ajustes -> Avanzado -> y selecciona la opción de ACTIVAR donde pone «Cambio de método de carga del editor»
Eso debería resolver el problema.
Avísame si lo pudiste arreglar correctamente de esta forma
Un saludo, hasta pronto :)
Juan Bonilla eres increíblemente fantástico, me gusta tu apego y pasión que tienes por la enseñanza, ya esta es la segunda ocasión en que te escribo, este es uno de los muy pocos videos tan extensos que me gustan y que lo veo en su totalidad, eso quiere decir que tu contenido esta super genial… Felicidades te mando un abrazo
Hola Ruben, que bien, me alegra mucho escuchar tus palabras !
Todo ello demuestra que de verdad te ha gustado el vídeo y has podido aprender cosas nuevas con el 🙂
La verdad, el video es más largo de los que suelen ser habituales por Youtube, ya que mi intención era explicar todo el proceso de creación de una web de principio a fin en un lenguaje lo más comprensible posible y de forma que la web sea completa y profesional.
Te doy las gracias por dejar tu comentario.
Y ya sabes, si te surge alguna duda o dificultad, nos puedes preguntar por aquí o por los comentarios de Youtube cuando desees 🙂
Un saludo, hasta pronto 🙂
Hola José he hecho una pagina web siguiendo tus indicaciones , me ha ido muy bien. Te comento que extraño unas cosillas, quizas estén implícitas pero no lo habré entendido, por lo que me disculparia desde ya :
1- página gracias : es otra pagina de mi website, que no se incluye en el menu ? u otra pagina aparte?
2- verificar el SEO de la pagina web: cómo se hace? he usado http://www.pagespeedinsights.com como app para verificarlo
3- RESPONSIVE: como hacer que sea rapida y se vea bien en telfs. móviles (celulares)?
Si tienes algun link a las respuestas, por favor indicamelo si? un saludo y gracias por tu ayuda LAura
Hola Laura, me alegro mucho de que hayas podido aprender algunas cosas nuevas con el tutorial y de que te haya ido bien 🙂
Respecto a tus dudas, te respondo por orden:
1- La verdad no entiendo muy bien lo que necesitas… No se si es que tienes una pagina que se llama «Gracias» y no sabes si incluirla en el menú o no o no sabes como incluirla o si hay que incluirla… Podrías darme un poco más de detalles sobre que es lo que necesitas exactamente ?
2- El tema del SEO es todo un «arte» que consiste en hacer algunas llamemosle «cosas» que hacen que tu web sea más fácil de ver por los buscadores como puede ser google.
Hay muchas cosas que se pueden y deben hacer para que tu web sea más «encontrable» por google. Para empezar te recomiendo que des de alta tu web en Google Search Console , que básicamente sirve para avisarle explícitamente a google de que tu web existe.
Luego, te recomiendo que instales en tu web un plugin llamado Yoast Seo ( https://es.wordpress.org/plugins/wordpress-seo/ ), que lo que hace es que te da consejos y herramientas para ayudarte con el SEO de tu web para que posicione mejor.
Hay un montón más de cosas que puedes hacer para mejorar el posicionamiento de tu web, te recomiendo que busques algún tutorial sobre seo para WordPress en youtube ( https://www.youtube.com/results?search_query=seo+wordpress+2018 ), ya que de momento no tengo ningún tutorial al respecto.
3- El tema de hacer que tu web sea Responsive y se vea bien en los teléfonos móviles lo trato en el paso número 7 del vídeo, que podrás encontrar en el minuto 04:24:21 del vídeo ( https://www.youtube.com/watch?v=4f3stKVS6DI&t=15861s ). Échale un vistazo, que ahí explico en detalle todo lo necesario para que tu web se vea bien en los móviles.
Espero haber resuelto todas tus dudas 🙂
Si hay alguna cosa que no entiendas o si necesitas algun tipo de ayuda o aclaración en algún otro tema, ya sabes, no dudes en consultarnos por aquí o por los comentarios de Youtube.
Un saludo, hasta pronto 🙂
hola Juan, al instalar el tema Sydney, no carga los slaider, no se como resolverlo.
Hola Ricardo, por algún motivo que desconozco a algunas personas se le está instalando el tema Sydney con el apartado de Diapositivas desactivado. Es posible que eso también sea lo que te está pasando a ti.
Para resolverlo, tan solo ve a la siguiente ruta: Escritorio de WordPress -> Apariencia -> Personalizar -> Área de cabecera -> Tipo de cabecera y comprueba que en el apartado que pone «Tipo de encabezado de la página de inicio» tienes marcada la opción de «Diapositiva a pantalla completa».
SI no tuvieras marcada esa opción, selecciónala.
Esto debería resolver el problema.
Si con esto no lo consigues resolver, avísame y miramos alguna otra cosa más si hiciera falta.
Cualquier otra duda o dificultas que se te presente, ya sabes, pregúntanos por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto 🙂
Hola, hay algunas secciones que no se acomodan bien en la vista movil, hay alguna forma de poder arreglar eso ya que no se ve muy bien, se corren algunos elementos, gracias.
Hola Angel, si no se te ven correctamente algunas secciones en los móviles, échale un vistazo al paso numero 7 del tutorial, que lo podrás encontrar en el minuto 04:24:21 del vídeo, ya que en el explico especialmente como abordar ese tipo de problemas y como resolverlos para los móviles.
Te dejo un enlace a ese apartado del vídeo por si te interesa: https://www.youtube.com/watch?v=4f3stKVS6DI&t=15861s
échale un vistazo y si aún así no lo consigues resolver me avisas y ya miramos si es por algún otro motivo.
Un saludo, hasta pronto 🙂
Hola queridos amigos de Voxelart.
Quiero felicitarles por el gran trabajo que hacen y por la extraordinaria dinámica de la misma. Sus videos e instruciones que contienen son fáciles de seguir en la creación de nuestras web. ah! también gracias por el descuento que he obtenido con VOXELART5
Quiero hacerles una consulta, al tiempo de pedirles ayuda:
1. Mi tablero de Worpress y mi página web está en ingles, cómo lo cambio de idioma sin tener que optar cada vez por la opoción: «traducir página» que me ofrece mi servidor-.
2. Estoy en proceso del diseño de mi pagina web con su tutoría, y básicamente ofertaré libros y diseño de imágenes personalizadas. mi consulta es si necesito instalar otro tipo de plugins para publicar mis imágenes y venderlas.
Espero haber sido explícito, sin embargo les agradeceré por su ayuda. Un abrazo amigos de VOXELART STUDIO.
Hola Carlos, me alegro que te haya gustado el tutorial y te haya resultado fácil de entender y de seguir.
Es todo un honor saber que lo que aquí enseñamos te es de utilidad y has podido aprender con ello cosas nuevas 🙂
Respecto a tus consultas, te respondo por orden:
1- SI por el motivo que sea tienes tu WordPress en Inglés y lo quieres pasar a español, lo único que debes hacer es ir al escritorio de WordPress -> Settings -> Site Language y elegir «Español».
Guarda los cambios pulsando en el botón de «Save Changes» y con eso ya tendrás tu WordPress en Español 🙂
2- Para poder vender tus libros y diseños desde la web, lo único que necesitas es instalar el plugin de Woocomeerce, que es uno de los que te enseño a instalar en el tutorial. Simplemente sigue los pasos que te voy indicando en el vídeo.
De todas formas, en este tutorial te explico por encima el como crear tu tienda online con Woocomerce, es posible que necesites información un poco mas en detalle para dejar tu tienda completamente lista y funcionando, pero no te preocupes, estoy creando un video específico de tiendas online, donde te enseño más en detalle todos los secretos de Woocommerce, para que le saques todo el provecho a tu tienda online y la puedas configurar justo como querías. Cuando lo tenga listo lo publicaremos por aquí y en nuestro canal de Youtube, así que estate atento.
Espero que esta información te sea de ayuda. Un saludo, hasta pronto 🙂
hola estaba haciendo mi pagina web por tu tutorial y la deje a media porque era tarde y me acosté .al otro dia se la mostré a varias personas que pudieron entrar . pero no se que hice o que paso que cuando le das al link no abre nada y sale la pagina en blanco si me pudieras ayudar te lo agradesco lo mismo con team viewer o por whatsapp
gracias
Hola Iran, la verdad es muy raro eso que me indicas, nunca me ha pasado algo similar de que la web se quede «sola» en blanco.
Lo único que se me ocurre es que te hayan conseguido el usuario/contraseña y te la hayan Hackeado!
Puedes entrar al escritorio de WordPress?
Si quieres dime el nombre de tu web para ver si le puedo echar un vistazo a ver que puede estar pasando.
Un saludo 🙂
Hola Juan, Quería saber si me puedes ayudar. Estoy queriendo agregar el campo teléfono al formulario de Pirate y no encuentro las opciones. Podrías ayudarme? Mucas Gracias!!!!
Hola Lukas, lamentablemente el plugin PirateForms solo te permite utilizar y configurar los campos que viene por defecto, como son Nombre, Email, Asunto, etc.
Si quieres editar tus formularios de forma más compleja que la que te permite PirateForms, entonces ya debes pasar a utilizar algún otro plugin que te de mñas opciones como puede ser NinjaForms ( https://es.wordpress.org/plugins/ninja-forms/ ) , WPForms ( https://es.wordpress.org/plugins/wpforms-lite/ ) o HappyForms ( https://wordpress.org/plugins/happyforms/ )
Échales un vistazo a esos plugins que te he indicado, son muy completos y seguro que te permiten poner tu formulario justo como deseabas.
Cualquier otra duda o dificultad que se te presente, ya sabes, simplemente consultamos por aquí o por los comentarios de Youtube cuando desees.
Un saludo, hasta pronto !
hola amigo, siempre quise aprender wordpress y nunca me anime asi que hoy empezare con algunas preguntas.
1. puedo crear la pagina en mi maquina local antes de comprar un hosting viendo tu tutorial y bajando el wampp y el wordpress?
2. he visto otros tutoriales en donde dice que registrar al registrar el dominio es mejor el .org que el .com. cual es la diferencia y cual me conviene??
3. vi un tutorial y el la parte de instalar el plugin woocommerce era totalmente diferente al del tutorial.
4. instalar tantos plugins no hace mas lenta la carga del sitio y la navegacion entre los apartados u opciones de la pagina?
5. si yo quisiera cambiar el la imagen de la pagina principal por una que tenga que ver mas con el traslado de mascotas,,,, se puede hacer?
desde ya te agradezco mucho antes de empezar y espero armar mi sitio de traslados de mascotas y dentro del mismo sitio varias subpaginas mas, como tienda, blog, contacto, etc. ya me subscribi al canal. saludos desde argentina, mi nombre es gabriel.
Hola Gabriel.
Me alegro que te animes a comenzar en este fantástico mundo del diseño web 🙂
Respecto a tus consultas, te respondo por orden:
1- Por supuesto, puedes crear tu web en tu PC local y luego subirla cuando la tengas lista, por eso no hay problema.
Hay varias formas de hacerlo. Si cuando cuando la tengas lista aún no tengo ningún tutorial que explique como hacerlo, si quieres, me avisas y te ayudo con ello 🙂
2- La verdad, para google no tiene importancia ni diferencia una web .org , .net o .com. ya que esos son dominios genéricos.
Los dominios .com inicialmente se usaban para denominar a las compañías COMerciales ( https://es.wikipedia.org/wiki/.com ) y históricamente se suelen usar para ese tipo de negocios. Los .org se suelen utilizar para algún tipo de ORGanizciones ( https://es.wikipedia.org/wiki/.org ), pueden ser organizaciones benéficas, corporaciones, para webs gel gobierno, etc Y los dominios .net se solían usar para empresas que tengan que ver con temas tecnológicos o compañías que tenían que ver con inerNET ( https://es.wikipedia.org/wiki/.net ). Pero a día de hoy nada de esto se aplica a rajatabla. Da igual que tu web sea.com, .org que .net
Lo que si que diferencia google es entre dominios genéricos ( .com, .net, .org ) y dominios ya específicos de países ( .es , .co, .cl, .eu ) esos dominios no te los recomiendo si tu clientela es a nivel internacional, ya que google lo que suele hacer es normalmente mostrar esos dominios solo en los países donde se busque. es decir, un dominio .es se mostraría a la gente que vive en España, pero si tu lo buscas desde otro país, no es que sea inaccesible, pero aparecerá peor posicionado. Por tanto, yo te recomiendo que elijas el dominio que quieras, siempre y cuando sea genérico ( .com, .net, .org ) ya que estos no son discriminados a nivel de pais y tienen igual importancia en todo el mundo.
Por regla general los dominios .com suelen estar más demandados y suelen ser más importantes, mas que nada porque la gente los recuerda mejor (A que cuando piensas en una pagina web casi siempre en tu cabeza acabas el nombre poniéndole el .com ) por eso recomiendo elegir el .com, porque de los dominios genéricos es el más fácil de recordar y el que la gente que no sabe intentará buscar en el primer intento.
3- Es normal que cambie un poco la apariencia de woocommerce de un tutorial a otro, date cuenta que cada poco tiempo están actualizando los plugins y en el caso del plugin de Woocomerce sucede lo mismo, puede cambiar un poco la apariencia, pero en el fondo las funciones y fundamentos son los mismos, a esto le pasa como cuando sacan un nuevo windows, windows XP es diferente de apariencia que el Windows 7 y que el Windows 10, pero al fin y al cabo todos hacen lo mismo. Si detectas algo en woocomerce que haya cambiado y que no entiendas dímelo e intentare ayudarte en todo lo que pueda.
4- Es cierto en parte, lo mejor es que tu web tenga la menor cantidad de plugins posibles. Una web funciona mejor mientras menos plugins tenga. Pero tampoco es que por que no le pongas ningún plugin la web vaya a volar ! hay que evitar instalar plugins innecesarios siempre que se posible, pero tampoco debes tener miedo a instalarlos si te están dando una función que realmente necesitas.
5- Por supuesto, puedes cambiar la imagen de la pagina principal por lo que desees. La plantilla o tema es completamente personalizable y en el tutorial aprenderás como hacerlo, así que por eso no te preocupes.
Genial Gabriel, no te preocupes, podrás poner todas las paginas y subpaginas que desees. Esa es una de las grandes ventajas qu nos da WordPress, que te permite poner la web completamente a tu gusto con un mínimo esfuerzo.
Bienvenido a la Comunidad, y muchas gracias por ver el vídeo y por dejar tu comentario por aquí!
Cualquier otra duda o dificultad que se te presente, ya sabes, nos puedes consultar por aquí cuando desees.
Un saludo, hasta pronto 🙂
Hola , no puedo ver la imágenes de la tienda use WP Fastest Cache y nada vi la página en otro navegador y tampoco.
puedes ayudarme?
Gracias por compartir tus conocimientos.
Hola Jesús, cuando eso sucede de que no puedes ver las imágenes y si ya miraste lo de la caché, suele ser porque por algún motivo WordPress no detecta bien las URL de los enlaces permanentes.
Para resolverlo, tan solo ve al Escritorio de WordPress -> Ajustes -> Enlaces permanentes y comprueba que tienes marcada la opción de «Nombre de la entrada». Aunque tuvieras marcada esa opción o cualquier otra, vuelve a darle en el botón de «Guardar Cambios». De esta forma WordPress vuelve a revisar como se encuentran los enlaces de tu web y si hubiera algun fallo, lo resuelve y esto en consecuencia suele resolver lo de que no te aparezcan las cosas.
Espero que esta información te haya podido ser de ayuda 🙂
Un saludo, hasta pronto !
Excelente vídeo Juan, eres muy profesional en tu enseñanza, tanto conocimiento compartida en tan poco tiempo, ya me diste la oportunidad de crear mi propia empresa de diseño web, creo que mereces algo mas que las gracias, que siga y éxito brother.
Hola Melchior, que bien, cuanto me alegro que el tutorial te haya sido útil y pudieras aprender cosas nuevas con el 🙂
Es todo un honor escuchar vuestras amables palabras que no hacen más que darme ánimos a seguir con esta labor educativa 🙂
Te doy mis felicidades si has decidido emprender y más en algo relacionado con el diseño web !
Mucho éxito con tus proyectos. muchas gracias por haberte tomado el tiempo de compartir con nosotros tus éxitos y muchisimas gracias por dejar tu comentario por aquí.
Recuerda que cualquier duda o dificultad que se te presente, ya sabes, nos puedes consultar por aquí o por los comentarios de Youtube.
Un saludo, hasta pronto !