Artisteer 2.5 is een fantastisch hulpmiddel om snel en zonder kennis van CSS, PHP en HTML een mooi ontwerp voor een website te maken. Helaas heeft Artisteer een nare eigenschap en dat is dat de website titel (die altijd hetzelfde is) in de
h1 tag komt te staan. Zoekmachines als Google vinden deze "titel tag" erg interessant en gebruikt dit om de pagina te waarderen. In het geval van een standaard Artisteer template zal dit dan altijd uw bedrijfsnaam en niet de daadwerkelijke titel van het artikel. Een gemiste kans die niet nodig is door wat aanpassingen aan te brengen in de template na het exporteren vanuit Artisteer naar uw Joomla website:
Dit artikel betreft Artisteer versie 2.x en is NIET van toepassing op versie 3.x en hoger
Index.php
Open als eerste /templates/index.php
(Gebruik een platte tekst editor als Notepad, NotePad++ of een goede HTML editor als DreamWeaver. Gebruik geen Microsoft Word of OpenOffice Writer)
Afhankelijk van uw template komt u de tekst tegen zoals hieronder.
UW TITEL
UW SLOGAN TEKST
De rood gearcheerde regel is de H1 titel die we graag NIET willen tonen als titel, dit is immers op elke pagina hetzelfde!
We passen deze regel aan in een "
Na deze wijziging slaat u het bestand op.Nu moeten we in de stylesheet wel de "art-logo-headertext" referentie aanmaken.
Template.css
Open in de map /templates//css/template.css
Dit is de template aangemaakt door Artisteer, zoek het onderdeel "logo" op met behulp van een zoekfunctie, het ziet er als onderstaande uit (kan iets afwijken)
/* begin Logo */
.art-logo
{
display: block;
position: absolute;
left: 10px;
top: 10px;
width: 962px;
}
h1.art-logo-name
{
display: block;
text-align: left;
}
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
font-size: 36px;
text-decoration: none;
padding: 0;
margin: 0;
color: #283315 !important;
}
.art-logo-text
{
display: block;
text-align: left;
}
.art-logo-text, .art-logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 20px;
padding: 0;
margin: 0;
color: #33411B !important;
}
/* end Logo */
Wij passen de 2 H1 referentieregels aan in de stylesheet door de DIV referentie art-logo-headertext in te voegen.
Wijzig alle h1.art-logo-name teksten in deze sectie naar .art-logo-headertext zie de rood gearceerde teksten
/* begin Logo */
.art-logo
{
display: block;
position: absolute;
left: 10px;
top: 10px;
width: 962px;
}
.art-logo-headertext
{
display: block;
text-align: left;
}
.art-logo-headertext, .art-logo-headertext a, .art-logo-headertext a:link, .art-logo-headertext a:visited, .art-logo-headertext a:hover
{
font-size: 36px;
text-decoration: none;
padding: 0;
margin: 0;
color: #283315 !important;
}
.art-logo-text
{
display: block;
text-align: left;
}
.art-logo-text, .art-logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 20px;
padding: 0;
margin: 0;
color: #33411B !important;
}
/* end Logo */
Sla de stylesheet op en bekijk het resultaat en als het goed is.... Geen verschil ;-)
De pagina titel omzetten van H2 naar H1
Nu we de titel van de website hebben gedeactiveerd moeten we natuurlijk de titel van elke pagina promoveren naar het hoogste niveau: H1
Open /templates//html/com_content/article/default.php
Zoek de tekst
""
vervang de h2 in h1 dus:
Zoek
een paar regels der onder en vervang dit door
Een voorbeeld:
if ($this->params->get('show_title')) {
ob_start();
?>
| < Vorige | Volgende > |
|---|
