Cikkajánló
Létrejött egy új menüpont az oldalon PSD kellékek címmel. Ebben a modulban találhatóak majd az általam Photoshop-pal készített kellékek Photoshop formátumban természetesen :), hogy letöltés után áttudjátok alakítani és
Már többször kérdeztétek tőlem, hogy meglehet-e azt csinálni, amikor átlátszó modult használtok, hogy csak a modul legyen átlátszó, de a benne lévő tartalom vagy kép az ne. A válasz
Hoztam még kettő darab Sosugary galéria témát, hogy ne csak egy darabból tudjatok válogatni, hanem mindjárt háromból :) A CSS kód átírása egyébként nagyon egyszerű. Kiírtam minden fontos kód
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

A blog modulban azt is meg lehet csinálni, hogy teljesen eltérő linkelt képet adtok meg. Vagy lehet eltérő sima link vagy a vastag, dőlt, aláhúzott stílus is lehet teljesen eltérő a blog modulban. Én most konkrétan a linkelt képekre térek ki, de a kód alatt azért hozok példát a többire is. Szóval, ha a linkelt képeket szeretnétek a blog modulban megváltoztatni, akkor ahhoz ez a CSS kód kell:

 

div[id*="post"] p a:link img, div[id*="post"] p a:visited img { /* linkelt kép a blogban */
background: #F0F0F0;
padding: 7px;
filter: alpha(opacity=70);
opacity: .7;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
div[id*="post"] p a:hover img { /* linkelt kép a blogban, ha ráviszed az egeret */
background: #E6E6E6;
padding: 7px;
filter: alpha(opacity=100);
opacity: 10;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}

 

Itt ez a rész a fontos. Ezzel hivatkozik arra a CSS kód, hogy csak a blogban lévő linkelt képekre fog hatni. A többire nem. A div[id*=”post”] p kódrész az, amivel a blogra hivatkozik.

 

div[id*="post"] p a:link img, div[id*="post"] p a:visited img
div[id*="post"] p a:hover img

 

Sima képeknél így néz ki a kód:

 

div[id*="post"] p img
div[id*="post"] p img:hover

 

Vastag, dőlt, aláhúzott szavaknál így néz ki a kód:

 

div[id*="post"] p strong, div[id*="post"] p B
div[id*="post"] p EM, div[id*="post"] p I
div[id*="post"] p underline, div[id*="post"] p U

 

stb…

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

Ahhoz, hogy a régi WordPress hozzászólásokat be lehessen importálni a Disqus-be mindenképpen fel kell telepíteni a Disqus plugint, ami utána törölhető. Én is csak addig tettem fel, utána töröltem az egészet, mert én kóddal állítottam be ezt a hozzászólást, így bővítményre nem volt szükségem. Szóval letöltjük ezt a bővítményt innen, majd például Total Commanderrel a WordPress plugins mappájába feltelepítjük. Ezután az oldal vezérlőpultjában be kell kapcsolni a plugint. Ha kész, akkor a Hozzászólás beállításainál meg is fog jelenni a Disqus hozzászólás is.

 

Nem írom le újra, hogyan kell aktiválni a bővítményt a WordPress-ben, mert itt már leírtam. Miután az aktiválással végeztetek a Vezérlőpult – Hozzászólás beállításainál menjünk a Disqus beállításaihoz

 

 

A Disqus beállításain belül jobbra fent lesz ez a beállítás. Itt kattintsatok a Plugin Settins linkre. (a monitorodon jobbra fent látod) Itt fogjuk először is kiexportálni az összes régi hozzászólást a WordPress-ből. Azért itt, mert ez az exportáló az összes hozzászólást kiexportálja, ami a WordPress-be eddig érkezett.

 

 

Keressétek ezt a részt: (inkább a lap alja felé lesz)

 

 

Kattintsatok az Export Comments buttonra és várjatok. Ha sok a hozzászólás, akkor elég sok időt vehet igénybe. Ha pár száz hozzászólás van, akkor elég hamar végez. A kész fájlt le kell menteni a számítógépre és ezen a linken be kell importálni a Disqus-be azokat.

 

 

Először bele kell lépni a regisztrált Disqus rendszeretekbe, ami megjelenik az importálás oldalon (jelen esetben LindaDesign NonStop). Aztán be kell tallózni a lementett hozzászólás fájlt itt

 

 

Ez után az Upload buttonra kattintani és várni, hogy feltöltse a régi hozzászólásokat. Feltöltés után pedig az All imports fülön látható, hogy végzett. Ez után a régi hozzászólások benne lesznek a Disqus-rendszerben :)

 

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

Telepítést és hasznos leírásokkat ezeken a linkeken olvashattok:

 

 

Ebben a cikkben most pár szóban megismertetem veletek ennek a hozzászólásnak a fontosabb és hasznos tulajdonságait.

 

  • Az első és legfontosabb, hogy úgy is hozzá lehet szólni, hogy nem kell regisztrálni a Disqus oldalán, sem a Facebook vagy Twitter oldalra sem kell belépni hozzá. Egyszerűen csak rá kell kattintani a beszélgetés indítása mezőre, aztán a név mezőbe kell kattintani

 

 

 

és végül ki kell pipálni ezt a lehetőséget: I’d rather post as a guest

 

 

  • Ebben a hozzászólás-kezelőben lehet értékelni a kommenteket, válaszolni máséra, megosztani a hozzászólásokat, stb.
  • Oldalfrissítés nélkül jelzi, ha új hozzászólás érkezett, olyan kicsit mint egy Chat :)
  • Ha regisztráltok, akkor saját avatarotok lehet, bármilyen felhasználó nevet választhattok, kérhettek értesítést, ha várjátok a választ a hozzászólásra, stb.
  • Nagyon egyszerű a kezelése, könnyen be lehet tenni az oldalba és minden design-hoz passzol. A CSS kód felesleges hozzá. Egyel kevesebb beállítás design váltásnál.
  • A régi WordPress kommenteket is be lehet importálni a Disqus-be, így egy hozzászólás sem fog elveszni :)
  • Alkalmazkodik a weboldal kinézetéhez
  • Ebből következik, hogy design cserénél a disqus-hez nem kell nyúlni
  • Beállítható az e-mailes értesítés hozzászólásnál
  • Beállítható, hogy csak akkor jelenik meg egy hozzászólás, ha engedélyezve van
  • Nem jönnek SPAM hozzászólások
  • Egy hozzászólásra lehet közvetlenül válaszolni
  • Lehet tetszikelni vagy nem tetszikelni egy hozzászólást, sőt megosztani is lehet
  • Beállítható, hogy a hozzászólások alatt cikkajánló jelenjen meg másik cikkekről
  • A rendszer tárolja az összes hozzászólást
  • Egy regisztrációval mindenhova hozzá lehet szólni, ahol ilyen a hozzászólás modul
  • A disqus hozzászólások visszaimportálhatóak WordPress-be

 

Egyszóval ajánlom mindenkinek a használatát.

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

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
62 megtekintés

Az első lépés, ha szeretnétek a Disqus bővítményt, hogy regisztrálni kell az oldalukra és az ott regisztrált felhasználónevet és jelszót kell majd megadni a WordPress bővítményben. Itt tudtok regisztrálni: https://disqus.com/

 

A bővítménnyel való használat annyira egyszerű, hogy bárki megtudja csinálni. Szó szerint nem kell semmilyen tudás hozzá igazából. 1-2 kattintás az egész és készen is van. Mivel bővítményről van szó, így értelemszerűen az első lépés az, hogy letöltjük ezt a bővítményt innen, majd például Total Commanderrel a WordPress plugins mappájába feltelepítjük. Ezután az oldal vezérlőpultjában be kell kapcsolni a plugint. Ha kész, akkor a Hozzászólás beállításainál meg is fog jelenni a Disqus hozzászólás is.

 

 

Kattintsunk is rá a beállításaira és pár lépésben aktiváljuk ezt a hozzászólást. Kérni fog egy felhasználónevet és egy jelszót is azért, hogy aktiválás után a Disqus honlapjára is be tudjatok lépni. Mert ezentúl ott kell a beállítási lehetőségeket megadni. (pl. csak regisztráltak írhatnak, moderálhatóak a hozzászólások, avatart lehet beállítani, stb.)

 

 

A felhasználónév és jelszó után kéri, hogy válasszátok ki az oldalatok, ahol a hozzászólások lesznek.

 

 

 

Ha mindennel végeztetek, ez az ablak jön elő

 

 

Itt kéri a kék linken írt szöveg, hogy kattintsatok a hozzászólások beállításaihoz, ahol pl. moderálni lehet a hozzászólásokat. Plusz egy csomó beállítási lehetőség közül lehet választani.

 

És, ami még nagyon fontos: most, hogy végeztünk a Disqus aktiválásával és beállításaival, ha megnézitek a bejegyzéseiteket, alatta már a Disqus jelenik meg. A régi hozzászólás-kezelő, az-az a comments.php fájl most nem aktív. A Disqus kikapcsolta azt. Nem veszett el semmi, mert ha a Bővítményeknél kikapcsoljátok a Disqus plugint, akkor visszaáll a régi hozzászólás funkció :)

 

Ajánlott leírások, amik még ide tartozhatnak:
Disqus WordPress-ben bővítmény nélkül
Disqus megjelenítése oldalsávban
WordPress hozzászólások importálása Disqusbe

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

A Disqus hozzászólás-kezelő egy olyan rendszer, ami már nagyon sok weboldalba be van ágyazva. Nekem is nagyon tetszik ez a fajta hozzászólás funkció, így az egyik napom felét arra szántam, hogy ismerkedjek vele és én is tudjam már használni az oldalamon. Először féltem tőle, mert egy valamire való oldalt sem találtam, ami részletesen leírná, hogy mit és hogyan is kell csinálni, így magyar és külföldi oldalakról szedtem össze az információkat. Na, de a lényeg, hogy elsőre sikerült :) És még a szélső sávban is megtudtam jeleníteni a legújabb hozzászólásokat. Szóval ezt szeretném most megosztani veletek is.

 

A leges-legelső lépés, hogy regisztrálni kell a Disqus honlapján. A Sing up feliratot keressétek a lap tetején és regisztráljatok. Regisztráció után lépjetek be az admin felületre vagy ha jól emlékszem alapból be is léptet az oldal. Jobb oldalon a lap tetején találjátok meg a beállítási lehetőségeket:

 

 

Pár dolgot állítsunk is be. Menjünk sorba

 

 

Edit profile: ha rákattintottatok, akkor bal oldalon újabb menük lesznek beállítási lehetőségekkel. Itt kell megadni a felhasználó nevet, a weboldal címét, avatart lehet feltölteni, ami a nevek mellett fog megjelenni, stb. Össze lehet kötni a Disqus-t Facebook, Twitter vagy Google fiókkal is.

 

 

Az Edit profile beállítás után menjünk az Admin menüpontra. Ez is felül van. Itt újabb három másik beállítási lehetőség jön elő

 

 

Ezekben a beállításokban a Disqus hozzászólásokat lehet beállítani. A modul nyelvét magyarra állítani, avatart feltölteni ide is, ami akkor jelenik meg, ha valaki olyan ír, akinek nincs avatarja. Itt lehet importálni és exportálni hozzászólásokat. Például, ha már nem szeretnétek a Disqus-t használni, akkor ki lehet a hozzászólásokat exportálni, hogy utána pl. a WordPress-be be lehessen importálni, így nem veszik el. Szóval meg tud maradni minden hozzászólás. Moderálni is lehet itt a hozzászólásokat, stb.

 

És most vissza a jobb felső beállításokhoz: most keressétek az Add Disqus To Site menüt. A következő oldalon kattintsatok a bekeretezett linkre

 

 

Töltsétek ki az űrlapot majd kattintsatok a Finish registration-re. Ez igazából azt jelenti, hogy az oldalunkat összekötöttük a Disqus-el :)

 

 

Nagyjából készen is vagyunk. A beállítási lehetőségeket azért ajánlott majd jobban át tanulmányozni nektek is. És most jelenítsük meg ezt a hozzászólást a WordPress hozzászólás modul helyett. Ha már vannak hozzászólások az oldalon, akkor azt is be lehet importálni a Disqus-be. Erről itt találtok leírást.

 

Szóval jelenítsük meg a Disqus-t a WordPress-ben a cikkek alatt. Nyissuk meg a comments.php fájlt és mindent, ami benne van töröljük ki. Bár biztonsági másolatot készíthettek erről a kódról, hogy az is meg legyen azért. Kitörlés után pedig ezt a kódot illesszétek be. Az 5. sorban az “ide jön a rövid neved” helyére írjátok be a ti rövid neveteket. A kód alatt találjátok, hogy mi is a rövid nevetek.

 

<?php if ( comments_open() ) : ?>
<div class="home-module">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'ide jön a rövid neved';
var disqus_identifier = '<?php the_ID(); ?>';
var disqus_title = '<?php the_title(); ?>';
var disqus_url = '<?php the_permalink(); ?>';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild
(dsq);
})();
</script>
</div>
<?php endif; ?>

 

A kiemelt DIV kódrész az nekem a középső modulom tartalmi része, csak ide is betettem, hogy legyen a hozzászólás modulnak háttere. Rövid neved: az a név, amit itt adtatok meg a lenti képen a 2. mezőben: valami.disqus.com

 

 

Most a header.php fájlt nyissátok meg és oda pedig egy másik kódot kell illeszteni e kódsor fölé:

 

<?php wp_head(); ?>
Szóval e fölé illeszd be

 

<script type="text/javascript">
var disqus_shortname = 'ide is a rövid neved jön';
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

 

Ez után a function.php fájlt nyissátok meg és ezt a kódot illesszétek be:

 

//Disqus
function disqus_count($disqus_shortname) {
wp_enqueue_script('disqus_count','http://'.$disqus_shortname.'.disqus.com/count.js');
echo '<a href="'. get_permalink() .'#disqus_thread"></a>';
}

 

És már csak meg kell jeleníteni a cikkek alatt vagy felett azt, hogy x hozzászólás. Úgy, mint ahogy eddig is ott volt, csak az a WordPress-es volt. Tehát, ahol meg szeretnétek jeleníteni, hogy mennyi hozzászólás érkezett az adott cikkre, oda ezt a kódot kell illeszteni. Vagy is: nyissátok meg a home.php vagy index.php fájlt. Kinek mi a kezdő oldal.

 

A WordPress kód ez:

 

<?php comments_popup_link('0', '1', '%'); ?>

 

A helyére ezt illesszétek be:

 

<?php disqus_count('ide is jön a rövid Disqus neved'); ?>

 

Az összes oldalon ezt meg kell csinálni. Ilyen oldalak pl.: home.php, index.php, page.php, stb. Ha készen vagytok, akkor már csak felül kell írni a tárhelyen a módosított fájlokat és kész is. Az új hozzászólás-kezelő már meg is jelent :) Ezentúl a hozzászólásokat nem a WordPress-ben kell moderálni, kezelni, hanem a Disqus admin felületen.

 

 

Következő két cikk, ami ehhez kapcsolódik:

 

 

Források:
dynamicart.hu
dynamicart.hu
stackoverflow.com
disqus.com
wordpress.org
code.tutsplus.com

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

Biztos gondoltatok már rá, milyen jó lenne, ha nem csak úgy lehetne kiemelt képet beállítani az oldalra, ha azt előtte feltöltjük, hanem simán mondjuk URL cím megadásával is lehessen, ami annyit jelent, hogy maga a kép másik tárhelyre van feltöltve. Ez akkor a legjobb megoldás, ha olyan helyen van az oldalatok, aminek eléggé kicsi a tárhelye és a képeket inkább egy képfeltöltő oldalra vagy pl. Facebookra töltitek fel. Feltöltés után pedig csak az adott kép URL címét kell bemásolni a megfelelő helyre és máris van kiemelt képünk :)

 

Ehhez egy bővítményre lesz szükségünk. Erre pontosan: Nelio External Featured Image

 

Fel kell telepíteni a bővítményt, aztán bekapcsolni és kész is. A bejegyzéseknél jobb oldalt úgy mint a kiemelt kép funkció kerül egy új dobozba.

 

A kiemelt kép méretezéséről itt olvashattok: Kiemelt képek arányos beállítása

 

 

 

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

Amióta használok kiemelt képeket az oldalon azóta foglalkoztatott a dolog, hogy lehetne azt megcsinálni, hogy a képeket lehessen méretileg alakítani és ne kelljen esetleg törölni őket. Ezzel a megoldással simán lehet a kiemelt képeket mindig egyforma méretűre tenni. Igazodik a modul szélességéhez is, így keskenyebb vagy szélesebb modult is lehet beállítani. Design készítésnél nagyon ajánlott tud lenni. Csak utána ne felejtsétek el a képek méretét is átállítani. Így a régi bejegyzések képei is mindig jól fognak mutatni :) Persze akkor lesznek a képek szépek, ha minél szebb és nagyobb minőségű képeket használtok. De a képarány mérete mindegy, a kód így is-úgy is arányosan fogja levágni a képet :)

 

Ha pedig később újra kell méretezni a kiemelt képeket, mert másik design-t használtok majd, akkor a functions.php fájlban át kell írni a méretezést, utána pedig ezzel a bővítménnyel a régi kiemelt képeket frissíteni kell, hogy felvehesse az új képméretet :)

 

Először a functions.php fájlba teszünk egy kódot. Ha használtok kiemelt képeket, akkor az alap kód az már benne van. Az ez lenne:

 

if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
}

 

Ez alá kellene még ezt a kódot bemásolni

 

if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'new-size', 720, 450, true );
add_image_size( 'category', 300, 200, true );
}
add_filter('image_size_names_choose', 'my_image_sizes');
function my_image_sizes($sizes) {
$addsizes = array(
"new-size" => __( "New Size"),
"category" => __( "New Size")
);
$newsizes = array_merge($sizes, $addsizes);
return $newsizes;
}

 

Magyarázat a kódhoz
Felülről a második és harmadik sorban láthatóak az értékek (ami több sor is lehet), ahol meg kell adni, hogy egyes oldalakon majd a kiemelt képek mekkorák legyenek. Így eltérőek is lehetnek a képek, mert mondjuk a főoldalon csak bélyegképek jelennek meg, míg, ha rákattintunk, hogy a teljes cikket lássuk, akkor pedig nagyban lesz ott a kép. A második sor nálam az a sor, ami a főoldali képekre hat. Az-az erre:

 

 

A harmadik sor pedig egy minta oldalra hat jelenleg, ahol ezt-azt próbálgatok. Itt most ez a kategória oldal, és ott úgy állítottam be, hogy csak bélyegképek jelenjenek meg ugyanazokból a képekből.

 

 

 

Az alattuk lévő kódban pedig szintén meg vannak nevezve a méretek new-size és category néven. Ezt a sort is ki kell egészíteni, ha még teszünk hozzá méretet vagy lehet törölni, ha csak a főoldali képeket akarjuk méretezni.

 

És van még egy kód. Ezt pedig pontosan oda kell tennetek, ahol megszeretnétek majd jeleníteni a kiemelt képeket vagy bélyegképeket. Ez lehet index.php, page.php, home.php, stb. Cikk alá, fölé, mellé, stb…

 

<?php if ( has_post_thumbnail() ) { the_post_thumbnail('new-size');} ?>

 

Kiemeltem mind a két kódban egy fontos részt három helyen. Ezt: new-size. Az a lényeg, hogy a function.php-ban, ahol megadjátok a kép méretét ott van egyszer egy new-size. Ez lesz a kép mérete. Alatta pár sorral is van egy new-size. Ez vágja le arányosan a képet. És a harmadik kódban is van egy new-size. Ezzel hivatkoztok a function.php-ban lévő méretre, hogy a script tudja azt, hogy melyik oldalon melyik méretű kép mekkora legyen. Fúú, remélem lehet érteni, amit mondani akarok :D Ha nem, akkor kérdezzetek és segítek.

 

A category nevezetű kód értelemszerűen nálam a category.php-ba lett téve, így ott kisebbek lettek a képek.

 

<?php the_post_thumbnail( 'category' ); ?>

 

Ennyi az egész. Egyáltalán nem bonyolult, de nagyon hasznos kód.

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

Amikor rákattintunk egy cikkre, hogy teljes egészében elolvassuk, akkor sok helyen van a cikk alatt egyfajta cikkajánló. Nálam is van ilyen. Arról már írtam, hogy azt kóddal hogyan lehet előhozni. Viszont van olyan, aki a bővítményeket szereti jobban, mert nem kell kódokkal bíbelődni. Bár azért amit lehet sokkal jobb, ha inkább kóddal van megoldva. De itt most bemutatok egy bővítményt, ami szerintem tök egyszerű, és többféle stílus közül lehet benne választani, hogy a kapcsolódó cikkek hogyan jelenjenek meg. Erről a bővítményről van szó: Yuzo – Related Posts

 

 

Telepítsétek fel a bővítményt az oldalatokra, majd kapcsoljátok be. Bekapcsolás után megjelenik a vezérlőben a bal listában.

 

 

A beállításai nagyon egyszerűek, szóval arról bővebben nem írok most. A Main settings fül alatt lehet beállítani, hogy mennyi kapcsolódó bejegyzést mutasson, milyen szélesen, stb. A szélességét általában úgy érdemes beállítani, amilyen széles a modul is, hogy passzoljon. A Styling részen pedig a kinézetét lehet beállítani. Betű méret, színek, stb. Legyen kiemelt kép, ne legyen, ilyesmik.

 

Ami fontos lehet még az a Productivity fülön van.

 

 

Azon belül pedig ez lenne az

 

 

Ezt állítsátok át ON-ra, mert ha Off-on marad, akkor ez a hibaüzenet lesz látható a bejegyzéseknél az admin felületen.

 

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

Már többször kérdeztétek tőlem, hogy meglehet-e azt csinálni, amikor átlátszó modult használtok, hogy csak a modul legyen átlátszó, de a benne lévő tartalom vagy kép az ne. A válasz az, hogy igen meglehet csinálni, és ennek most el is hoztam a leírását. Teljesen egyszerű az egész. Annyi a változtatás az eddigiekhez képet, hogy a CSS kódban a background-color részhez nem a HTML színkódot kell írni (#000000), hanem az RGB színkódját, ami a HTML színkódnak megfelelő. Ezt például Photoshop-ban itt találjátok meg (a bekeretezett rész az). Mondjuk jó színt választottam, mert a feketének az RGB kódja pont három darab nulla, de ha másik színt választotok, akkor ott lent ez az érték nektek más lesz.

 

 

A CSS kód pedig valahogy így néz ki ekkor:
A három RGB számot egymás után vesszővel el kell választani. A negyedik érték pedig az átlátszóság értéke. Ez mind a zárójelen belül van!!! Minél nagyobb a szám, annál kevésbé átlátszó a modul.

 

.column_side_td .module .modbody {
font-size: 15px;
background-color: rgb(0, 0, 0, 0.3);
font-family: 'Rajdhani', sans-serif;
color: #CFCFCF;
line-height: 22px;
letter-spacing: 0px;
text-align: justify;
border: 1px solid #56222E;
padding: 15px 0 15px 0;
}

 

Én példának az egyik próba G-Portálos oldalamon készítettem ezt el és ennek a képét hoztam el ide, hogy lássátok, hogy csak a modul lett átlátszó, de a benne lévő tartalom az nem :)

 

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

Leírom, hogy én hogyan szoktam telepíteni és használni egy WordPress bővítményt. Meg kell jegyeznem, hogy ezt ÉN szoktam így, biztos van olyan emberke, akik ezt máshogy oldják meg, mert nem ez az egyetlen megoldás erre.

 

Jelentkezzetek be a böngészőben az oldalatokon a WordPress-be. oldaladneve.net/wp-admin. A bal oldali menüből válasszátok ki: Bővítmények/Új hozzáadása

 

 

Fent a lap tetején a jobb oldali keresőben tudtok keresni bővítményre. Ha nem tudjátok a pontos nevét, akkor elég csak kulcsszót bírni. Ha valaki egy cikkben pl. ajánl egy bővítményt linkkel együtt, akkor is ide írjátok inkább a nevét és innen telepítsétek fel.

 

 

Mondjuk keresünk egy plugint, ami automatikusan megosztja a közzétett cikkeinket Facebookon. Így a keresőbe beírjuk, hogy facebook auto publish. És már lehet is válogatni. Vegyétek figyelembe, hogy mennyire vannak értékelve a bővítmények és mennyi idő telt el a legutóbbi frissítés óta. Mert ha valamit pl. 2015-ben frissítettek utoljára, olyat inkább ne válasszatok.

 

 

A további részletekre kattintva olvashatóak a bővítmény leírásai és a legtöbb esetben képek is vannak mellékelve. Azt is leírják, hogyan kell telepíteni a plugint. Ezt is érdemes átnézni. Ha tetszik amit láttok, akkor telepítsétek fel a Telepítés most buttonra kattintva. Kicsit várni kell, aztán jelzi, hogy kész a telepítés. És most jöhet a bekapcsolása. Fel is ajánlja, szóval kattintsatok rá. Aztán a bal admin menüben meg is jelenik az új bővítmény a nevével általában. Könnyen megtalálható. Van, hogy egyből látható a bal oldalon, de olyan bővítmény is van, ami a bal oldalon egy menün belül található meg.

 

 

 

Állítsátok be az új bővítményt a nektek megfelelőre és kész is. Majdnem minden bővítménynek van beállítási lehetősége.

 

Én azt javaslom, hogy a számítógépeteken legyen egy mappa pl. biztonsági mentések néven, amin belül pl. egy bővítmények mappa. Ide a tárhelyetekről mentsétek le a bővítményeiteket és legyen meg. Bármi történhet és így legalább meg van a gépen. Pl. frissítésnél egy plugin sajnos elromolhat. Kicsi az esély rá, de volt már ilyen. Akkor vissza tudjátok tenni a gépeteken lévőt, és ha szerencsétek van, még a beállítások is megmaradnak.

 

Nem egy bonyolult dolog a bővítmények kezelése sem szerencsére.

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