Søg på siderne...

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>

Bedste resultat på Pingdom, GTMetrix og PageSpeed Insight

Vi har lavet en ny hjemmeside, som er optimeret bedst muligt for hurtig visning, som er med til at få en bedre placering på Google. De fleste hjemmesider kan optimeres, så de vises meget hurtigere. Derfor har Google besluttet, at PageSpeed fremover skal vægte meget mere i forhold til at opnå en bedre placering på Google. Vi tester primært hastighed på GTMetrix - Performance Test, og på Pindom - website speed test.


GTMetrix PageSpeed 100 / 100 
Pingdom test A100 98 Klint WebDesign


Det bedste framework - Vertex, fra Shape5

Vi bruger det professionelle framework Vertex fra Shape5, fordi det lever op til såvel Joomlas som Googles "Best Practice" - og så er det let at arbejde med. Hvis du selv vil bestille en Template - Joomla eller WordPress, er du velkommen til at kontakte til os her...