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. ...
Pon un Child Theme en tu wordpress: Qué es y por qué usarlo

Pon un Child Theme en tu wordpress: Qué es y por qué usarlo

Imagina que ya tienes elegida una plantilla para tu sitio web. Imagina que la tienes instalada, que has empezado a configurarla y adaptar su diseño para que quede tal y como espera. Imagina que llevas un tiempo con ella y poco a poco has ido haciendo pequeñas modificaciones de estilos, tocando su css aquí y allá para mejorar el menú, para hacer efectos sobre las imágenes, para eliminar espacios…. Imagina que un día hay una actualización del theme que tienes instalado y lo actualizas. Y te das cuenta de que todas las modificaciones que has ido haciendo poco a poco, ya no están. Es por eso por lo que es aconsejable que uses un Child Theme para tu sitio WordPress. Pero ¿Qué es un child theme? Un Child Theme o plantilla hija es una plantilla secundaria creado a partir de una principal. La plantilla hija hereda todo lo que venga con la plantilla principal a no ser que le indiquemos otra cosa. Para que funcione, tenemos que tener ambas plantillas instaladas en nuestro WordPress, pero activaremos la hija. Sobre esta es sobre la que aplicaremos las modificaciones que consideremos necesarias. Si la plantilla madre o principal tiene una actualización, podemos aplicarla sin que las modificaciones que hayamos hecho sobre la hija se pierdan. ¿Cómo conseguimos una plantilla hija de nuestro theme? Hay muchos themes que ya vienen con un Child Theme incluido. Si has comprado un theme Premium revisa la carpeta por si fuera así. Sólo tendrías que subirlo como un theme más, y activarlo desde el panel de WordPress. También hay plugins para crear plantillas Child. Sin embargo,...
¿Desde dónde llegan mis visitas? Fuentes de adquisición y canales de tráfico en Google Analytics

¿Desde dónde llegan mis visitas? Fuentes de adquisición y canales de tráfico en Google Analytics

Con las nuevas modificaciones que ha sufrido Analytics ahora vemos las fuentes de adquisición y los canales de tráfico que llega a nuestras webs de manera un poco distinta y a nuestro gusto, un poco más clara. Vamos a hablar hoy de las distintas fuentes de tráfico que están recogidas en analytics y qué significa cada una de ellas. Fuentes de adquisición Si queremos ver desde dónde nos llegan las visitas, en Analytics iríamos al bloque de “adquisición”. Aquí  Analytics ha agrupado las métricas más relevantes en cuanto a la fuentes de adquisición de tráfico. En esta sección, en primer lugar encontraremos el apartado “visión General” que nos presenta un resumen agrupado de la adquisición, comportamiento y objetivos del tráfico de nuestra web. Veremos los canales de adquisición agrupados en estos términos: Direct, Organic Search, Social, Email, Referral, Paid Search, Other Advertising, Display No os preocupéis si alguno no está claro, porque ahora los explicaremos en detalle. Para cada una de estas fuentes, en el apartado de adquisición veremos el  total de visitas, el % de visitas nuevas y el total de visitas nuevas. También veremos el comportamiento de los visitantes, referido al % de rebote, las páginas vistas y la duración media de las visitas. Estos datos están cruzados con los canales de adquisición, por lo que podemos  saber qué visitas son de más calidad. Por último, en esta ventana veremos también los objetivos que hayamos marcado, nuevamente cruzados con la fuente de tráfico, por lo que podemos saber qué fuente se acerca mejor al objetivo que nos habíamos marcado.   Canales de tráfico Si volvemos al menú...

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