Klint WebDesign - Logo
»Læs mere...« - Titel som »ikke synlig« anchor tekst

Anchor link er bedst med anchor link tekst

kode til laes mere med anchor link tekst

Vil du gerne undgå linkede titler, men alligevel have et godt anchor link med titlen som anchor tekst?

Her viser jeg dig, hvordan du let kan få dine overskrifter med i dine "læs mere" link, uden at titlen vises på "Læs mere..." knappen.

Det kan gøres med en en lille overide / tilsidesætning. Jeg viser dig trin for trin, hvordan du kan gøre det på din egen side. Du behøver ikke at have kendskab til hverken HTML eller PHP. Bare du kan copy/paste.

kode til laes mere med anchor link tekst

Sådan gør du

Vælg "Udvidelser > Skabeloner > Skabeloner"

vaelg udvidelser skabeloner skabeloner

Vælg "Din Skabelon - detaljer og filer
vaelg din skabelon detaljer og filer

Vælg "Opret tilsidesætning" og vælg "content" under "Layout"
vaelg opret tilsidesaetning layout content

Vælg "Editor" og derefter "html > layouts > joomla > content > readmore.php
vaelg html layouts joomla content infoblock readmore php

Når editor er åbnet, skal du finde linjerne nedenfor nederst i filen

else :
   echo JText::_('COM_CONTENT_READ_MORE_TITLE');
   echo JHtml::_('string.truncate', ($item->title), $params->get('readmore_limit'));
endif; ?>

... og tiføj 2 linjer som her...

else :
echo JText::_('COM_CONTENT_READ_MORE_TITLE');
 echo ' - '; // Span tag tilføjet for medtage anchor link text, men kun at vise Se mere......
echo JHtml::_('string.truncate', ($item->title), $params->get('readmore_limit'));
 echo ''; // tilføjet for at lukke span tag
endif; ?>

Du kan se hele indholdet i filen her:


<?php
/**
* @package Joomla.Site
* @subpackage Layout
*
* @copyright Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('JPATH_BASE') or die;

$params = $displayData['params'];
$item = $displayData['item'];
?>

<p class="readmore">
<a class="btn" href="/<?php echo $displayData['link']; ?>" itemprop="url">
<span class="icon-chevron-right"></span>
<?php if (!$params->get('access-view')) :
echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
elseif ($readmore = $item->alternative_readmore) :
echo $readmore;
if ($params->get('show_readmore_title', 0) != 0) :
echo JHtml::_('string.truncate', ($item->title), $params->get('readmore_limit'));
endif;
elseif ($params->get('show_readmore_title', 0) == 0) :
echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
else :
echo JText::_('COM_CONTENT_READ_MORE_TITLE');
echo '<span class="readmore_anchor_link_text"> - '; // Span tag added to make anchor link text, but only display Read more...
echo JHtml::_('string.truncate', ($item->title), $params->get('readmore_limit'));
echo '</span>'; // Added to finish span tag
endif; ?>
</a>
</p>

På mange Templates / Skabeloner er snan tag i "Læs mere..." allerede sat til ikke at blive vist.

Ellers skal du bare tilføje nedenstående i din CSS. Hvis der er en custom.css, skal du vælge den

a .readmore_anchor_link_text {
visibility: hidden;
width: 0px !important;
display: table-column;
}

Wupti - nu er dine overskrifter tilføjet "Læs mere..." knappen - her som "Til top...", men de vises ikke for brugerne.


<p class="readmore">
<a class="btn" href="#top" itemprop="url">
<span class="icon-chevron-right"></span>
Til top...<span class="readmore_anchor_link_text"> - titel på artikel</span> </a>
</p>