Avisos
Vaciar todo

imagen de banner  

Página 1 / 2
 
JOSE LUIS
 JOSE LUIS
Prominent Member

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

Citar
Respondido : 16/09/2016 10:21 am
Pablo Velasco
 Pablo Velasco
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 4 años por Gerard Martínez
ResponderCitar
Respondido : 16/09/2016 12:44 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 16/09/2016 5:37 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 16/09/2016 10:17 pm

JOSE LUIS
 JOSE LUIS
Prominent Member

Hola He hecho esto esto:

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

ResponderCitar
Respondido : 19/09/2016 10:21 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola José Luis.

Veo que lo añadiste 😉

¿ Podemos cerrar el tema ?

Un saludo

ResponderCitar
Respondido : 19/09/2016 10:52 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

JOSE LUIS
 JOSE LUIS
Prominent Member

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 4 años por Gerard Martínez
ResponderCitar
Respondido : 19/09/2016 10:59 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 19/09/2016 11:21 am

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 20/09/2016 1:50 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 20/09/2016 3:34 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

JOSE LUIS
 JOSE LUIS
Prominent Member

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.

ResponderCitar
Respondido : 21/09/2016 6:37 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 21/09/2016 11:16 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

JOSE LUIS
 JOSE LUIS
Prominent Member

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

ResponderCitar
Respondido : 22/09/2016 12:13 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 22/09/2016 3:13 pm

JOSE LUIS
 JOSE LUIS
Prominent Member

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

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