Avisos
Vaciar todo

imagen de banner

25 Respuestas
5 Usuarios
0 Reactions
1,022 Visitas
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

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


 
Respondido : 16/09/2016 9:21 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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/


Esta publicación ha sido modificada el hace 5 años por Gerard Martínez
 
Respondido : 16/09/2016 11:44 am
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola, algo he hecho mal. porque no me funciona.
He subido la imagen cómo me has dicho y me ha quedado esto:


 
Respondido : 16/09/2016 4:37 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 16/09/2016 9:17 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola He hecho esto esto:

Y no me me funciona, ¿Qué puedo hacer? me queda así:


 
Respondido : 19/09/2016 9:21 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola José Luis.

Veo que lo añadiste 😉

¿ Podemos cerrar el tema ?

Un saludo


 
Respondido : 19/09/2016 9:52 am
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Perdonar, pero ahora lo he vuelto a hacer y poniendo esto me funciona.

¿Puedo hacer que este banner sea alternativo con otro?


Esta publicación ha sido modificada el hace 5 años por Gerard Martínez
 
Respondido : 19/09/2016 9:59 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

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


 
Respondido : 19/09/2016 10:21 am
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

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


 
Respondido : 20/09/2016 12:50 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

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


 
Respondido : 20/09/2016 2:34 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

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.


 
Respondido : 21/09/2016 5:37 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 21/09/2016 10:16 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Hola, no encuentro la ruta que me dices, "style.css", me he quedado en "responsivo"


 
Respondido : 22/09/2016 11:13 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

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


 
Respondido : 22/09/2016 2:13 pm
JOSE LUIS
Respuestas: 994
Prominent Member
Topic starter
 

Primero he añadido la linea que tu me dices debajo de la linea 59, como verás lo que tengo es diferente a lo que me dices, se me ha ocurrido ponerlo todo y de momento funciona


 
Respondido : 22/09/2016 4:11 pm
Página 1 / 2