Avisos
Vaciar todo

Bloque con contenido y funciones dentro de un post  

Página 1 / 2
 
julian
 julian
Usuario experto

Buenos días,

Me gustaría poner dentro de todos mis post un contenido que resaltase sobre el general.
Mando captura de pantalla como ejemplo de como me gustaría que quedase http://prntscr.com/hivj8q

Alguna idea o plugin que haga esto mismo, gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/12/2017 1:05 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julian.

Así de primeras se me ocurre que puedes añadir un background al texto que quieres resaltar, seria algo parecido como esto:

 ... el texto que quieras destacar ... 

Con la propiedad background-color puedes resaltar el texto con el color que quieras.

También puedes probar lo mismo pero en este caso encerrándolo en un div, la diferencia es que con el div te creara un cuadro.

... el texto que quieras destacar ...

... el texto que quieras destacar ...

Un saludo

ResponderCitar
Respondido : 04/12/2017 5:27 pm

julian
 julian
Usuario experto

Hola Pepe,

Gracias por tu respuesta, pero no es lo que busco en la captura que mando no creo que lo haga de eso modo.
Yo creo que tiene que existir algún plugin o alguna manera de que sea algo general para todos los post y paginas del blog.

Estoy buscando y buscando pero no consigo dar con la clave, en el ejemplo que mando mete varias opciones como la de imprimir sólo esa parte, y no todo el post.

ResponderCitar
Respondido : 04/12/2017 6:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que ya tienes el contenido, sólo que quieres poner un marco, destacar títulos, etc.

Si ya tienes el contenido con una estructura válida la idea sería sólo aplicar CSS, es decir una clase CSS al contenedor principal y a partir de allí cada vez que quieres tener un contenido similar sólo aplicas la clase CSS en tu HTML.

Indícanos la url de algún contenido que quieras destacar para revisar la estructura HTML

Saludos.

ResponderCitar
Respondido : 04/12/2017 9:08 pm

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

julian
 julian
Usuario experto

Buenas tardes Jhon,

Si es algo así como dices por ejemplo:
http://ananyes-cp17.wordpresstemporal.com/laslugas.com/2017/10/02/chips-de-calabacin-al-parmesano/

En la parte donde pongo los ingredientes http://prntscr.com/hj38zc es la que me gustaría resaltar de alguna manera como otro fondo, un marco,,, y si es posible meter algún boton como el de imprimir esta parte sólo, y compartir.

Muchas gracias.

ResponderCitar
Respondido : 04/12/2017 9:37 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

para lograr lo que quieres tienes que mejorara la estructura html, por ejemplo envuelve dentro de un

todo lo que irá en el marco principal, este div tendrá una clase por ejempo:

....

Luego por cada elemento que quieras resaltar tendrás que tener algún identificador similar, de otra manera no será posible.

Mejora tu HTML, por ejemplo la lista de ingredientes podría ir también en una lista

    Cuando tengas una estructura con clase podremos aplicar CSS

    Saludos.

    ResponderCitar
    Respondido : 04/12/2017 10:50 pm

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

    julian
     julian
    Usuario experto

    Buenas tardes,

    El problema que no controlo de HTML mucho y no se como mejorar lo que me propones para poder aplicar el css.

    ¿La estructura del html está mal?

    ResponderCitar
    Respondido : 05/12/2017 5:12 pm
    Jhon
     Jhon
    Soporte CMS Webempresa Moderator

    Hola

    Si no tienes una estructura correcta lamentablemente no podrás aplicar una clase genérica CSS.
    Básicamente lo que tienes que hacer es envolver lo que quieres enmarcar con un contenedor y un clase.

    Si quieres hacer este tipo de modificaciones si que debes conocer algo de HTML, te sugiero revisar algún curso o videocurso de HTML, por ejemplo:
    https://www.youtube.com/watch?v=Ch1GG4xM8nw

    Saludos.

    ResponderCitar
    Respondido : 05/12/2017 8:14 pm

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

    julian
     julian
    Usuario experto

    Buenas tardes,

    Primero gracias por el consejo, pero no existe algo como un plugin para realizar lo que os comento.

    Creo que en el ejemplo que pongo es un plugin .

    Gracias otra vez,

    ResponderCitar
    Respondido : 05/12/2017 8:39 pm
    Adrián
     Adrián
    Estimable Member

    Hola Julian, buenos días

    Actualmente desconocemos de la existencia de algún plugin que haga la función que comentas.

    Normalmente este tipo de cuadros se suelen hacer mediante código html como te comentaban mis compañeros.

    Si tienes cualquier otra duda a este u otro respecto, háznoslo saber.

    ResponderCitar
    Respondido : 06/12/2017 9:44 am

    Cursos Gratuitos WordPress

    julian
     julian
    Usuario experto

    Buenas tardes chicos,,

    Ya lo tengo encontré un plugin maravilloso.
    Pero estoy intentando cambiar algunas cosas mediante código y no consigo encontrar en cual carpeta se ubica.

    Mando captura http://prntscr.com/hjuald Quiero cambiar el color pero no encuentro en la carpeta donde está, me pueden orientar.

    Muchas gracias por vuestra ayuda.

    ResponderCitar
    Respondido : 06/12/2017 2:01 pm
    Jhon
     Jhon
    Soporte CMS Webempresa Moderator

    Hola

    Actualmente veo que tiene color blanco de fondo, si quieres cambiar el color prueba con este código CSS

    .wprm-recipe.wprm-recipe-tastefully-simple{
      background-color:lightyellow!important;;
    }

    Tendrías que agregar este código al final de algún archivo CSS que cargue tu theme, por ejemplo al final del style.css de tu theme.

    Saludos.

    ResponderCitar
    Respondido : 06/12/2017 5:16 pm

    julian
     julian
    Usuario experto

    Buenas tardes,
    Si pero se me cambiará toda la pagina de color o sólo lo que indico en la imagen?

    Quiero cambiar sólo esa parte

    ResponderCitar
    Respondido : 06/12/2017 5:59 pm
    Jhon
     Jhon
    Soporte CMS Webempresa Moderator

    Hola

    Pruébalo, sólo debe cambiar lo que indicas en la imagen.

    Saludos.

    ResponderCitar
    Respondido : 06/12/2017 8:35 pm

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

    julian
     julian
    Usuario experto

    Buenos días.

    Perfecto muchas gracias
    ¿Alguna manera sencilla de buscar en el código de la pagina?

    Y gracias otra vez sois de gran ayuda de veras.

    ResponderCitar
    Respondido : 07/12/2017 11:43 am
    Página 1 / 2