Cómo añadir iconos extra en DIVI

Cómo añadir iconos extra en DIVI

La semana pasada me encontré con un pequeño problema en un proyecto que estaba desarrollando con DIVI. Una de las redes sociales que utilizaban para cargar contenido es Slideshare y no había manera de añadir el icono de Slideshare al top-header de la web en DIVI. Por eso he pensado en crear esta pequeña guía para que podáis añadir ese icono o cualquier otro que queráis a la cabecera de vuestra web. Cómo añadir más iconos sociales ya definidos en DIVI Por defecto, la versión actual del theme DIVI permite añadir los siguientes iconos sociales: Sin embargo, la plantilla permite añadir más iconos de forma relativamente sencilla. Esto es lo que tenéis que hacer. ATENCIÓN - Como siempre recomiendo, haced copia de seguridad de todo antes de tocar nada. Y si no lo estáis usando ya, trabajad sobre un Child Theme para no perder los cambios que hagáis en la próxima modificación de vuestro Theme. Si aún no sabéis cómo, aquí tenéis una guía sobre cómo crear un child theme. Bien. Ahora localiza el archivo style.css que hay en la carpeta del theme Divi. Ahí encontrarás las referencias a todas las redes sociales que, aunque no están añadidas por defecto, puedes añadir de forma sencilla a tu sitio web: .et-social-facebook a.icon:before { content: '\e093'; } .et-social-twitter a.icon:before { content: '\e094'; } .et-social-google-plus a.icon:before { content: '\e096'; } .et-social-pinterest a.icon:before { content: '\e095'; } .et-social-linkedin a.icon:before { content: '\e09d'; } .et-social-tumblr a.icon:before { content: '\e097'; } .et-social-instagram a.icon:before { content: '\e09a'; } .et-social-skype a.icon:before { content: '\e0a2'; } .et-social-flikr a.icon:before { content: '\e0a6'; } .et-social-myspace a.icon:before { content: '\e0a1'; } .et-social-dribbble a.icon:before...
Trucos DIVI: da un aire nuevo a tu logo

Trucos DIVI: da un aire nuevo a tu logo

No sé si conoces el Framework de Elegant Themes DIVI. Elegant Themes es una empresa que se dedica desde hace muchos años a crear plantillas Premium y plugins para WordPress con muy buenos resultados. Yo he usado muchas de ellas en proyectos como estos: Una de las cosas que más me gustó fue la estupenda comunidad que empezaba a surgir en Internet y que aportaba sus trucos y consejos para customizar DIVI. Hoy voy a aprovecharme del conocimiento de uno de ellos para contaros, de forma muy sencilla, cómo darle un aire diferente al logo de vuestra web hecha con DIVI. ATENCIÓN: Antes de tocar nada, te aconsejo dos cosas. Por un lado, crea un theme Child de tu DIVI, si es que no lo has hecho ya. Si no sabes cómo hacerlo, puedes ver un sencillo tutorial aquí. Lo segundo, haz una copia de seguridad de todo. Vamos a tocar algunas cosas “sensibles”, nada grave, no te preocupes. Pero es mejor prevenir que curar, así que haz una copia de respaldo tanto de tu instalación como de tu base de datos. Lo ideal es que estos cambios no los hagas en la versión “real”, sino en una copia que puedes tener instalada en local, por ejemplo. EMPEZAMOS: Para hacer esta prueba, he hecho una instalación en blanco, sin contenido, he instalado DIVI, he creado un child y he modificado un poco el aspecto: Ahora vamos a subir el nuevo logo. En mi caso es este: Bien, vamos a hacer un poquito más grande el logo, para que se vea mejor. Mi logo tiene unas dimensiones de 260×100 px. ...

Este sitio usa cookies. Si continúa navegando da su consentimiento para el uso de dichas cookies y la aceptación de nuestra política de cookies. ACEPTAR

Aviso de cookies

Pin It on Pinterest