[Wordpress] Icone Services font awesome cliccabili

[MatteoSpy]

ciao a tutti ragazzi!
vorrei che le iconcine dei "services" di questo tema "pytheas" fossero cliccabili..si può?
fanno parte dello stock font awesomese ispeziono una icona vedo:
<div class="service-icon">
<i class="fa fa-comments-o"></i>
</div>
che si riporta qui credo:
<div class="service-icon">
<i class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?>"></i>
</div><!-- .service-icon -->parte della pagina font-awesome.php:
http://pastebin.com/sbXaPayGcome posso fare?? grazie mille!

[partime]

Puoi farlo sostituendo i tag i con i tag a, in questo modo:

<div class="service-icon">
<a class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?> href="RECUPERA IL LINK DAL PARAGRAFO A FIANCO"></a>
</div><!-- .service-icon -->

Devi però anche aggiungere una regola al foglio di stile:

a.fa
{
color: #fff;
}

perché vedo che normalmente i link hanno come colore lo stesso dello sfondo dei pallini.

[MatteoSpy]

grazie mille innanzitutto per la risposta..
<div class="service-icon">
<i class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?>"></i>
</div><!-- .service-icon -->
<?php } ?>
<div class="service-entry-details clr">
<h3 class="service-entry-title"><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>


il problema è che ogni iconcina dovrebbe portare ad un link diverso...
esempio del tema:
responsive: a url responsive + iconcina che dovrebbe portare a url responsive
advanced options: a url/advancedoptions + iconcina che dovrebbe portare a url advancedoptions


spero di essermi spiegato bene...grazie ancora

[partime]

Ogni icona deve avere il medesimo link che ha il testo cliccabile a fianco, ad esempio l'ombrello deve avere lo stesso link di "Advanced Options" e così via... non so com'è programmato quel tema, per cui non so perché dici che è un problema...

[MatteoSpy]

Devo icona deve avere il medesimo link che ha il testo cliccabile a fianco, ad esempio l'ombrello deve avere lo stesso link di "Advanced Options" e così via... non so com'è programmato quel tema, per cui non so perché dici che è un problema...

sisi esatto stiamo dicendo la stessa cosa, questo è il mio scopo!

ma il contenitore div è unico..non so se mi spiego!
magari ti sto facendo mangiare le mani per la mia ignoranza in materia..perdonami!


..ad esempio:
<a class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?> href="http://wpexplorer-demos.com/pytheas/...es/responsive/"></a>


facendo così, non mi portano tutte le icone a quel link?

[MatteoSpy]

nessuno sa come aiutarmi? grazie mille...

[partime]

Suppongo che ti trovi dentro al Loop (se non sai cos'è, dovresti leggerti questa pagina: http://codex.wordpress.org/The_Loop), per cui il codice per mettere il link giusto a quelle icone dovrebbe essere:

<a class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?> href="<?php echo get_permalink(); ?>"></a>

[MatteoSpy]

okk grazie partime per la disponibilità, mi armo di traduttore e mi leggo quella pagina!
intanto ho inserito quel codice..e qualcosa è cambiato, 1. le iconcine sono blu come i nomi dei servizi al momento che ci passo con il mouse su..2. sotto ad ogni iconcina poi, se ci passo il mouse sopra diventa underline ma purtroppo non sono ancora cliccabili

[partime]

Blu? Com'è possibile? Io ho simulato con "Ispeziona elemento" di Google Chrome e se hai seguito tutto quanto ho scritto dovrebbe funzionare...
Scrivi qui il codice HTML che ti viene generato per quel box, anche solo per una delle icone...

[MatteoSpy]

ok allora ricapitolando in content-services.php ho:

<div class="service-icon">
<a class="fa fa-<?php echo get_post_meta( get_the_ID(), 'wpex_services_icon', TRUE ); ?> href="<?php echo get_permalink(); ?>"></a>
</div><!-- .service-icon -->

correggo:
nel css:

a.fa
{
color: #fff;
}


ispezionando:
<div class="service-icon">
<a class="fa fa-cog href=" http:="" sito.it="" services="" tourist-services="" "=""></a>
</div>


non è più blu, errore nel css! però non è cliccabile