Aprender CSS – Modificando Enlaces

El modo en que se muestran los enlaces en un theme de WordPress se determina con la hoja de estilos del mismo. Cada plantilla de WordPress está codificada con ligeras variaciones pero una vez localizado el código es muy fácil de cambiarlas. Lo que voy a tratar en esta entrada es una sencilla guía que te dé una comprensión general acerca de como cambiar el aspecto y comportamiento de los enlaces en una plantilla de WordPress.

Antes de nada debes asegurarte de que los archivos del theme tengan permisos de escritura y puedas editarlos desde tu panel de administración. No obstante, en mi caso siempre prefiero editarlos desde el cliente FTP con la ayuda de mi editor de código favorito (Smultron). Los permisos correctos para editar estos archivos suelen ser 666, y estarán localizados en “wp-content/themes/tuplantilla“.

Como decía antes, cada theme está codificado de distinto modo, y los enlaces en el título del blog, la cabecera, la barra lateral, pié de página o contenido, pueden tener estilos distintos en la hoja de estilos (normalmente el fichero llamado “style.css“). Elos enlaces básicos de la parte del contenido pueden ser algo así:

El primer apartado corresponde a los enlaces normales (a), y verás que en la primera línea se define el color de los mismos, mientras que en la segunda puedes elegir si tendrá subrayado por defecto (underline) o sin subrayado (none). El segundo apartado, con la misma estructura, marcará el aspecto de los enlaces que ya haya visitado tu lector (visited) mientras que la última parte es la que añade estilo a tus enlaces cuando el visitante coloca el cursor sobre el mismo, y antes de hacer clic sobre el enlace (hover).

Otro ejemplo, este de los enlaces de cabecera, podría ser parecido a este:

Fíjate de la llamada a la cabecera (header) antes de la llamada al enlace (a), esto especifica que el enlace es relativo a la cabecera, en concreto a los enlaces que aparezcan en la misma, normalmente referidos al título del blog.

También puedes encontrarte una sección dedicada a la barra lateral, en la que vendría marcada por su identificador (p.ej. “sidebar“), pero la estructura sería la misma que en los casos anteriores.

Por supuesto, antes de hacer cambios en tu hoja de estilo siempre es recomendable que hagas una copia de seguridad de la misma para poder recuperarla en caso de que no te guste el resultado de los cambios que realices.

Otro día tocaremos algún otro aspecto del CSS si te parece bien.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (1 votos, promedio: 4,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Al dejar un comentario se solicitan datos como tu correo y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad | Responsable de los datos: Fernando Tellado García | Finalidad: Gestión y moderación de comentarios | Legitimación: Tu consentimiento expreso | Destinatario: Disqus (acogido a EU-US Privacy Shield) | Derechos: Tienes derecho al derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas y para servir más rápidos los contenidos.

gpdr, wpSGCacheBypass

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid

Pin It on Pinterest