Nie chciałbym dezawuować metody i pomocnej ręki... ale po co "szablon który daje mi możliwość "kafli"?
To jak byś chciał użyć biegu wstecznego w samochodzie... i kupujesz samochód który ma "wbity" bieg wsteczny.
Te "Kafle" to po prostu moduł "Własny HTML" z odpowiednim kodem HTML opisanym CSS. Może to być link, obrazek z linkiem, ikonka, cokolwiek. Po co nowy szablon???
Jeśli twój szablon nie posiada 3 kolumn w wybranym miejscu to można utworzyć moduł i w NIM zbudować owe kafle. Oto przykład:
http://prntscr.com/mrao83
http://siristru.prolusatia.pl/
Kod HTML:
Kod HTML:
<div class="row-fluid">
<div class="span4 kol1">
<div class="kol-container">
<a class="maska" href="https://www.kwantowo.pl/"></a>
<h2>TIME MACHINE</h2>
<i class="far fa-clock"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.<p>
</div>
</div>
<div class="span4 kol2">
<div class="kol-container">
<a class="maska" href="http://www.geekweek.pl/"></a>
<h2>ANALYTICS</h2>
<i class="fas fa-chart-line"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.<p>
</div>
</div>
<div class="span4 kol3">
<div class="kol-container">
<a class="maska" href="https://niebezpiecznik.pl/"></a>
<h2>WORLD WIDE SERVICES</h2>
<i class="fas fa-globe"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.<p>
</div>
</div>
</div>
Kod CSS:
Kod:
.kol1, .kol2, .kol3 {
color: #fff;
padding: 15px;
text-align: center;
}
.kol1 i, .kol2 i, .kol3 i {
font-size: 4rem;
margin: 15px 0;
}
.kol1 {background: #027EBA;}
.kol2 {background: #A1B047;}
.kol3 {background: #F78144;}
.kolumny3 {margin: 30px 0;}
.kol-container {position: relative;}
a.maska {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
Ikonki pochodzą z https://fontawesome.com/ więc to sobie trzeba zintegrować (instrukcja zawiera tylko jeden krok i jest bajecznie prosta).
Wybaczcie, że się tak wcinam ale... no nie mogłem... zaproponować zainstalowanie szablonu by mieć kafelki...
Rozumiem, że nie każdy może znać CSS i HTML ale kod można podać... a zainteresowany może choć odrobinkę się nauczyć.