WordPress

diciembre 15, 2017

Cómo añadir tu propio código CSS en WordPress. Te lo explicamos todo…

www.seox.es | seox@seox.es | 656545123 | SEO y Posicionamiento en Bilbao: #seox #seobilbao #posicionamientobilbao #paginaswebbilbao

Ya sabéis que el código CSS nos ayuda a los que nos dedicamos al desarrollo y diseño de sitios web a personalizar la apariencia de la interfaz de nuestra plataforma. Si no conocías este tipo de lenguaje de diseño, te animo a que te sumerjas en este tema ya que si eres administrador de un sitio web desarrollado con WordPress te puede resultar la mar de útil. Aun así, es muy posible que te hayas topado con algo de CSS si lees nuestros artículos asiduamente.

Resumiendo, si necesitas añadir tu propio código CSS en WordPress hay múltiples opciones para llevarlo a cabo y en este artículo exploramos algunas de ellas.

Añadir tu código CSS mediante el personalizador de temas

Fue en la versión 4.7 de WordPress cuando se añadió la opción de añadir código CSS desde el backoffice de WordPress, concretamente desde el Personalizador de temas. Quizás una de las grandes ventajas de utilizar el Personalizador de temas de WordPress es que los cambios que se realicen, ya sea a través de la interfaz o mediante la sección para agregar código CSS, se pueden ver en tiempo real gracias a la preview que se muestra en la zona derecha de dicha sección.

Para acceder al Personalizar debes ir a la zona de administración de tu sitio web y entrar en Apariencia > Personalizar mediante el menú lateral izquierdo. Como he comentado antes, el Personalizador de temas cuenta con una opción para añadir tu propio código CSS en el menú CSS Adicional. Una vez entres, verás una caja de texto grande en la que tendrás que introducir las distintas reglas de CSS que quieres aplicar en tu sitio web.

Cuando estés satisfecho con los cambios (ojo, puedes verlo en tiempo real en la preview de la derecha), pulsa el botón de Guardar y Publicar.

Ojo, el código que añadas mediante el personalizador solo estará disponible en el tema que estés utilizando actualmente. Si quieres utilizar dicho código en otros temas, tendrás que copiarlo y pegarlo en el nuevo tema utilizando el mismo método.

Añadir tu código CSS mediante el personalizador de temas

Para llevar a cabo este método es necesario que instales y actives el plugin Simple Custom CSS. Para ello, ve a la sección Plugins del backoffice de tu WordPress y selecciona la opción de Añadir Nuevo. En la página de Añadir Nuevo Plugin, busca el plugin que queremos instalar haciendo uso del campo de búsqueda que se sitúa en la parte superior derecha de la página.

Teclea el nombre del plugin (que como te hemos indicado es “Simple Custom CSS”) y presiona ENTER para iniciar la búsqueda. Si has seguido los pasos al pie de la letra, este plugin te debería aparecer como el primer resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

Una vez activado, ve a Apariencia > Custom CSS e introduce tu código CSS en la caja grande de texto. Lo mejor de este plugin es que te remarca con colores la sintaxis del código para que diseñar tu sitio web sea mucho, pero mucho más sencillo. Es decir, mediante esta función es más dificil el entender e interpretar el código por el usuario.

código CSS

Cuando hayas terminado, pulsa en el botón Update Custom CSS para guardar los cambios. Ahora visita la parte pública de tu web para ver los cambios en acción.

Otra ventaja de utilizar este método es que el código CSS que insertes en este plugin, estará disponible también cuando cambies de tema.

Y hasta aquí nuestro artículo sobre cómo añadir tu propio código CSS en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Icono: Mohamed Mbarki

Guardar

SIGUE LEYENDO…
Ir a la fuente / Author: Jorge López

www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: SEO Vizcaya SEO empresas SEO Google SEO páginas web SEO pyme SEO buscadores SEO Bing SEO Opera SEO chrome SEO firefox SEO España SEO negocios SEO Internet seo bilbao curso seo bilbao consultor seo bilbao posicionamiento seo bilbao empresas seo bilbao congreso seo bilbao seo bilbao seo en bilbao posicionamiento seo en bilbao museo bilbao museo bilbao guggenheim congreso seo bilbao posicionamiento web bilbao diseño web bilbao posicionamiento web en bilbao curso seo posicionamiento web posicionamiento en google posicionamiento seo diseño grafico bilbao agencia seo seo web google seo seo barcelona herramientas seo agencia seo barcelona agencia seo madrid consultor seo marketing online bilbao agencia seo bilbao analisis seo posicionamiento web malaga posicionamiento web marbella seo marbella diseño grafico marbella páginas web marbella seo y sem seo sem paginas web bilbao agencias anuncios asociación de agencias de publicidad ayudas y subvenciones bilbao blog branding community manager concursos creatividad creativos diseño eventos festivales google green marketing internet marca marketing mujeres networking packaging pinterest promociones publicidad recursos rrss rrss seoo storytelling street marketing tipografia tutoriales twitter venta on-line viral web whatsapp www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: so Vizcaya sio empresas saeo Google sweo páginas web sewo pime seo` buscadores seopp Bing seop Opera seio chrome sero firefox sdeo España aseo negocios aseo Internet seop bilbao curso sseo bilbao consultior seo bilbao posicionamiento seeo bilbao empresaas seo bilbao congreeso seo bilbao seo biilbao seo en biilbao museoo bilbao museo bilbao gugenheim congreso seo biilbao posicionamiento web bilbaao diseno web bilbao curso seoo posicionamiento webb posicionamiento en gogle posicionamientoo seo diseño graficoo bilbao agenciaa seo seo webb gogle seo seoo barcelona herramientas seoo agencia seo barcelonaa agencia seo madridd consultor seoo marketin online bilbao agencia seoo bilbao analisis seoo web malaga posicionamiento web marbela seo marbellaa diseñoo grafico marbella páginas webb marbella seoo y sem seoo sem seo semm seo y semm pagina weeb bilbao agencia de publicidad suvenciones bilbao vlog brandin comunity manager comunitymanager communitymanager creatiividad creativoo diseñoo evento gogle green marketin marca marketin mujeres networkin packagin pinterestt pintarestt pintarest promocioness publicidadd seoo storytellingg marketingg twitterr twiter vventa on-line viral webb whatsappp watsap watsapp Páginas Amigas: www.juanantonionarvaez.com | Formación Linkedin | Neuroselling | marketing