2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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!


354 megtekintés

Hozzászólások