Cikkajánló
Valamivel meg kell tölteni a főoldal bejegyzéseit, hogy ne legyen olyan üres, amíg vissza nem térek a frissítésekhez, így leírok pár dolgot, hogy mik változtak most, hogy új oldalon
Jaj, de nagyon régen nem hoztam már új bejegyzést. Na, de ma megírtam hármat is. Mostanában nem sok időm van erre. A hétvégén a sok-sok e-mailre is válaszolok majd.
Készítettem egy újabb .psd fejlécet, ami szabadon letölthető. A fejlécen Hilary Duff díszeleg :) A nagyon alap kinézetet ez a fejléc ihlette, csak én jobban ki díszítettem plusz inkább
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
Disqus megjelenítése WordPress oldalsávban

Miután már beállítottátok ezt a hozzászólás-rendszert az oldalatokba (mindegy, hogy kóddal vagy bővítménnyel), akkor most jelenítsük meg a legfrissebb hozzászólásokat az oldalsávban. Ehhez nyissátok meg a sidebar.php fájlt és oda, ahol el fogjátok helyezni a hozzászólásokat ezt a kódot illesszétek be. A kiemelt url helyére a ti disqus elérhetőségeteket kell írni, az-az a felhasználóneveteket, amit megadtatok a regisztrációnál a Disqus-nél.

 

<div id="recentcomments" class="dsq-widget">
<script type="text/javascript" src="http://felhasználóneved.disqus.com/recent_comments_widget.js?num_items=3&;hide_avatars=0&avatar_size=50&excerpt_length=100"></script>
</div>

 

A kiemelt 100-as szám a kódban azt jelenti, hogy ennyi karakter jelenik meg a hozzászólásból az oldalsávban.

 

A style.css kódba pedig a hozzá tartozó CSS kódot kell beilleszteni, amit aztán át is lehet alakítani a saját stílusotokká

 

/* disques hozzászólás az oldalsávban */
.dsq-widget ul.dsq-widget-list {
padding: 0;
margin: 0;
text-align: justify !important;
}
img.dsq-widget-avatar {
width: 50px !important;
height: 50px !important;
border: 0px !important;
margin: 0px;
padding: 0px 5px 0px 0px !important;
background: transparent !important;
float: left;
}
a.dsq-widget-user {
font-weight: bold;
text-shadow: none !important;
}
a.dsq-widget-thread {
font-weight: bold;
}
p.dsq-widget-meta { /* cikk címe, amihez hozzászóltak, plusz a dátum */
clear: both;
padding: 0;
margin: 0;
}
p.dsq-widget-meta a:link, p.dsq-widget-meta a:visited { /* cikk címe, amihez hozzászóltak, plusz a dátum */
font-size: 12px !important;
text-shadow: none !important;
}
li.dsq-widget-item { /* teljes egy egész hozzászólás. pl. háttere */
margin: 15px 0 0 0 !important;
list-style-type: none;
clear: both;
background: #a1a44e !important;
padding: 3px;
}
span.dsq-widget-clout {
padding: 0 2px;
background-color: #ff7300;
color: #fff;
}
table.dsq-widget-horiz td {
padding-right: 15px;
}
.dsq-widget-comment p {
display: inline;
}

 

Ha készen vagytok, akkor ne felejtsétek a módosított sidebar.php és style.css fájlokat feltölteni és felülírni a tárhelyeteken!

lindadesign Hozzászólások
326 megtekintés

Hozzászólások