Erstatte "Les mer" med et bilde

[Dag Frogner]

Når man skal erstatte "Les mer" med et bilde må dette gjøres ved å modifisere følgende tekst noe alla dette (i tillegg til CSS)

<?php the_excerpt (); ?>
<a href="<?php the_permalink(); ?>" class="more-button">&nbsp;</a>

Problemet mitt er at jeg ikke har denne teksten overhodet i designet jeg har valgt.

I designet jeg har valgt ser denne teksten f.eks slik ut:

<a class="more more-link" href="http://fotoblogg.no/hva-er-lukker-blender-og-iso/#more-54">Les hele artikkelen</a>

Jeg har da søkt opp "more more-link" og dette finnes ett sted:

public function filterTheContentMoreLink($more_link_html)
	{
		return str_replace('more-link', 'more more-link', $more_link_html);
	}

Og der datt jeg litt av lasset. Noen som har en idè til hvordan jeg kan få endret dette til et bilde?

Url: FotoBlogg.no | Alt innen digital fotografering

adeneo?

 

[LekeFly]

Søk etter kun "more-link" ? Burde være rimelig enkelt og finne i php filene..

 

[Dag Frogner]

Jeg burde kanskje skrevet det, men det har jeg også søkt etter og det eneste stedet det også finnes er i koden jeg la inn i hovedinnlegget

 

[TorsteinO]

Egentlig trenger du ikke å endre teksten i det hele tatt. Bare sett inn noe sånt som dette i css'en, så blir teksten flytta langt pokkerivold ut til venstre og viser det bildet du vil som bakgrunn i stedet:

a.more.more-link {
	text-indent: -9999px;
	background: url(.....bildet.png) no-repeat top left;
	display: inline-block;
	height: 10px;
	width: 50px;
}

Jeg bruker det f.ex. hele tiden til å bytte ut tittelfeltet på en nettside med et bilde av logoen. Både brukervennlig/seo-vennlig og designvennlig