Anchor link er bedst 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.
Sådan gør du
Vælg "Udvidelser > Skabeloner > Skabeloner"
Vælg "Din Skabelon - detaljer og filer
Vælg "Opret tilsidesætning" og vælg "content" under "Layout"
Vælg "Editor" og derefter "html > layouts > joomla > content > 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.
Til top... - anchor link tekst til top
<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>
