Avisos
Vaciar todo

Bloque con contenido y funciones dentro de un post

17 Respuestas
4 Usuarios
0 Reactions
698 Visitas
Respuestas: 66
Trusted Member
Topic starter
 

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


 
Respondido : 04/12/2017 1:05 pm
Pepe
 Pepe
Respuestas: 41098
Illustrious Member 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


 
Respondido : 04/12/2017 5:27 pm
Respuestas: 66
Trusted Member
Topic starter
 

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.


 
Respondido : 04/12/2017 6:58 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 04/12/2017 9:08 pm
Respuestas: 66
Trusted Member
Topic starter
 

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.


 
Respondido : 04/12/2017 9:37 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


     
    Respondido : 04/12/2017 10:50 pm
    Respuestas: 66
    Trusted Member
    Topic starter
     

    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?


     
    Respondido : 05/12/2017 5:12 pm
    Jhon
     Jhon
    Respuestas: 44989
    Soporte CMS Webempresa
     

    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.


     
    Respondido : 05/12/2017 8:14 pm
    Respuestas: 66
    Trusted Member
    Topic starter
     

    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,


     
    Respondido : 05/12/2017 8:39 pm
    Adrián
    Respuestas: 124
    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.


     
    Respondido : 06/12/2017 9:44 am
    Respuestas: 66
    Trusted Member
    Topic starter
     

    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.


     
    Respondido : 06/12/2017 2:01 pm
    Jhon
     Jhon
    Respuestas: 44989
    Soporte CMS Webempresa
     

    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.


     
    Respondido : 06/12/2017 5:16 pm
    Respuestas: 66
    Trusted Member
    Topic starter
     

    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


     
    Respondido : 06/12/2017 5:59 pm
    Jhon
     Jhon
    Respuestas: 44989
    Soporte CMS Webempresa
     

    Hola

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

    Saludos.


     
    Respondido : 06/12/2017 8:35 pm
    Respuestas: 66
    Trusted Member
    Topic starter
     

    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.


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