Avisos
Vaciar todo

[Resuelto] Reducir el número de etiquetas  

 
Miguel Ángel
 Miguel Ángel
Reputable Member

Buenas tardes.

Tal vez con esta consulta esté planteando una cuestión muy básica, pero es que no soy capaz de encontrar una solución "elegante" para la misma. Soy capaz de encontrar solución(es) pero creo que no elegante(s).

En Apariencia ---> Personalizar ---> CSS adicional he establecido y definido [A] -ver más abajo-.

En el código HTML de un post tengo [B]. En este código se puede ver un uso reiterado por mi parte de <span class="referencias"></span>. Esta solución me funciona para el objetivo que deseo lograr, pero me gustaría una solución igual de eficaz, pero más elegante, en la que bastara usar la clase "referencias" una vez únicamente, mediante <etiqueta class="referencias"> justo antes del texto "[1]" y </etiqueta> al final, justo después de "en este caso de Chiclana y su costa.". Cuando uso etiqueta = span no logro que deseo. No sé si podría logarlo con otra etiqueta HTML y/o con otra manera de enfocar el desarrollo del código.

Si me pudierais ayudar al respecto os estaría agradecido.

 

[A]
body {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue';
font-size:16px;
color: #151515;
}
.referencias {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue' !important;
font-size: 0.85em !important;
color: #151515 !important;
font-weight: 400 !important;
}

[B]
En esta sección te proporciono aclaraciones en forma de observaciones y sitios web en los que puedes encontrar información adicional sobre la costa de Chiclana. Espero que te pueda resultar útil.

<span class="referencias">[1] <a id="marcador_Referencias_Chiclana_Weather_Spark"></a><em>The Typical Weather Anywhere on Earth - Weather Spark</em>. Cedar Lake Ventures, Inc., ©2018 [consulta: 18 agosto 2021]. Disponible en: <a href="https://weatherspark.com/"> https://weatherspark.com/</a>.</span>

<span class="referencias">Se trata de un sitio web con con climas típicos de cualquier lugar del mundo y que se puede usar para obtener datos climáticos de Chiclana.</span>

<span class="referencias">[2] <em>Chiclana de la Frontera | Cádiz | Vacaciones Chiclana</em>. Ygoo, S.A., ©sin fecha [consulta: 18 agosto 2021]. Disponible en: <a href="https://chiclana.costasur.com/"> https://chiclana.costasur.com/</a>.</span>

<span class="referencias">Este sitio web proporciona guías e información turística así como reservas de alojamiento, transporte o actividades, en este caso de Chiclana y su costa.</span>

 

 

Contenido solo visible a usuarios registrados

Respondido : 21/08/2021 3:31 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Miguel,

Actualmente veo el sitio en construcción, puedes deshabilitar el complemento de mantenimiento para ver en vivo el codigo que nos compartes.

Un saludo 🖐️ 

Respondido : 21/08/2021 3:37 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Reputable Member

@argenis

Sí. Acabo de levantar provisionalmente el "Modo Mantenimiento/Construcción".

El post en cuestión está en

https://ocioybelleza.com/chiclana-cadiz-la-belleza-de-su-costa-parte-ii/

Respondido : 21/08/2021 4:07 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola miguel,

Podrias sustituir el span por un div, quedaria asi:

En esta sección te proporciono aclaraciones en forma de observaciones y sitios web en los que puedes encontrar información adicional sobre la costa de Chiclana. Espero que te pueda resultar útil.

<div class="referencias">[1] <a id="marcador_Referencias_Chiclana_Weather_Spark"></a><em>The Typical Weather Anywhere on Earth - Weather Spark</em>. Cedar Lake Ventures, Inc., ©2018 [consulta: 18 agosto 2021]. Disponible en: <a href="https://weatherspark.com/"> https://weatherspark.com/%3C/a%3E.%3C/span%3E

Se trata de un sitio web con con climas típicos de cualquier lugar del mundo y que se puede usar para obtener datos climáticos de Chiclana.

[2] <em>Chiclana de la Frontera | Cádiz | Vacaciones Chiclana</em>. Ygoo, S.A., ©sin fecha [consulta: 18 agosto 2021]. Disponible en: <a href="https://chiclana.costasur.com/"> https://chiclana.costasur.com/%3C/a%3E.%3C/span%3E

Este sitio web proporciona guías e información turística así como reservas de alojamiento, transporte o actividades, en este caso de Chiclana y su costa.</div>

De esta forma solo aplicas una clase sin agregar tantas etiquetas.

Un saludo 🖐️ 

Respondido : 21/08/2021 4:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Reputable Member

@argenis

Genial 😀 

Eficaz (cumple el objetivo) y elegante, sin usar tantas etiquetas.

Por mi parte damos el tema por cerrado.

Muchas gracias y un saludo cordial. 🙂 

Respondido : 21/08/2021 5:26 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Miguel,

Encantados siempre de poder ayudar, si tienes alguna otra duda recuerda que puedes crear un nuevo tema y con todo gusto lo atenderemos.

Un saludo 🖐️ 🤓 

Respondido : 21/08/2021 5:40 pm

Cursos Gratuitos WordPress