2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
16 napja
24 néző

WordPress themes

WordPress themes
17 napja
26 néző

G-Portál themes

G-Portál themes
17 napja
12 néző

Tumblr themes

Tumblr themes
17 napja
25 néző

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!


377 megtekintés

Hozzászólások