Buenos días, estoy creando una subpágina con werdPress y estoy poco familiarizado con esta plataforma, imagino que con vuestra ayuda conseguiré hacerlo, pues mi tienda con Joolma así lo he hecho.
Mi primera duda es, cómo pongo un banner en la página de inicio, quité el que iba en la plantilla y ahora no se cómo ponerlo,
Cómo veis se me ha quedado el cuadradito pequeño
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Aquí estamos para ayudarte en la configuración de tu nueva web. Ya verás que WordPress es más fácil de configurar que Joomla.
Revisando tu web veo que el problema está en que estás tratando de cargar una imagen que no existe en tu página. En concreto, la siguiente:
En primer lugar tendrías que subir la imagen que quieras utilizar para la cabecera. Para ello prepara la imagen que quieras mostrar aquí. Lo recomendable es que la imagen tenga un ancho de 1200 píxeles. El alto puede ser variable, te recomiendo uno de 500 píxeles o parecido.
Para subir la imagen vete en el menú lateral de la administración de WordPress a Medios->Añadir nuevo. Sube aquí la imagen. Una vez hecho verás que aparece debajo de la caja de subir imágenes. Pulsa en el enlace "Editar" que se muestra a la derecha de la imagen subida.
En la página que se muestra copia el contenido del campo URL archivo. De esta forma tendrás la ruta de la imagen.
Ahora vete a Apariencia->Widgets. Despliega aquí la posición Primer Widget de Banners de Portada pulsando sobre ella. Dentro de ella verás un widget de tipo texto. Pulsa sobre él. Verás un código.
Cambia aquí la ruta wp-content/uploads/2014/07/cabecera.jpg por la url que has copiado antes y guarda los cambios. Así se mostrará tu imagen.
Si estás empezando con WordPress te recomiendo que revises nuestro tutoriales en vídeo, que puedes encontrar en el siguiente enlace:
https://www.webempresa.com/university/curso-wordpress-gratis/
Hola
Debes usar código html en este widget, revisa:
http://www.w3schools.com/tags/tag_img.asp
Tendrías que poner la url como parte del atributo src
Saludos.
Perdonar, pero ahora lo he vuelto a hacer y poniendo esto me funciona.
¿Puedo hacer que este banner sea alternativo con otro?
Hola Jose Luis.
Revisando un poco la web que tienes instalada, veo que la imagen de la cabecera es estática y que puedes añadir una segunda imagen, pero siempre aparecerá bajo la que tienes ahora.
Puedes instalar un plugin especifico para realizar el slider, por ejemplo podrías probar con ' Slider Ultimate '
un saludo
Ok! a ver si poco a poco lo consigo!!!!
Lo he puesto aquí,
¿Pero ahora la imagen que se deslice de dónde la saco?
http://herramientas-de-taller.suminca.es/?preview_id=2&preview_nonce=8fa65e5f67&_thumbnail_id=108&preview=true
Hola José Luis.
En la pagina de descarga tienes un video-tutorial con los pasos para configurarlo:
Slider Ultimate
Comprueba accediendo a ' Ultimate Slider ' y en la pestaña ' Basic Options ' tienes seleccionada la opción ' Autoplay slideshow ' en SI.
Partimos de la base que ya tienes creados los slider desde el mismo plugin en la sección ' Add New '
Un saludo
Hola Creo que no he creado los "Add new" donde toca pues a mi me ha quedado esto
http://herramientas-de-taller.suminca.es/
Los he creado aqui:
No se cómo poner el mismo fondo para que no quede tan feo, a las imágenes sí que les puesto el fondo.
Hola
Supongo te refieres al fondo del slide, puedes cambiar el gris por un color diferente por CSS
Ubica este archivo : /wp-content/themes/responsivo/style.css
Al final del archivo agrega el siguiente código :
.ewd-slide{ background-color:#CBD5DB; }
Saludos.
Hola Jose Luis.
Ok, prueba lo siguiente:
.- Edita el archivo ' main.css ' que encontraras en 'wp-content/plugins/ultimate-slider/css/main.csc'
Busca este código que encontraras en sobre la linea 43:
.ewd-slide { color: #fff; line-height: 100px; list-style: outside none none; text-align: center; }
Modifícalo por lo siguiente:
.ewd-slide { color: #fff; line-height: 100px; list-style: outside none none; text-align: center; background-color: #CBD5DB; }
Como veras solo añadimos la linea del color del background ' background-color: #CBD5DB; '
Revísalo y nos comentas los resultados.
Un saludo