Cikkajánló
Kellemes karácsonyi ünnepeket kívánok minden kedves látogatómnak! Teljen nagyon jól az ünnep! :)  
Mostanában nagy divat lett a dupla aláhúzás a modulfejlécekben. Minden aláhúzás más színű általában. A legtöbb helyen ezt .png képpel oldjátok meg, de simán CSS kóddal is meglehet csinálni,
Egy olyan kódot hoztam, amivel meg lehet jeleníteni a látogatók számát az adott bejegyzésekben vagy oldalakban. Hasonló a PostViews számlálóhoz annyi különbséggel, hogy ide semmilyen bővítményt nem kell feltelepíteni,
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra

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
32 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
33 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
70 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
342 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
43 megtekintés

Sziasztok! Már eléggé ideje volt új kinézetet varázsolnom az oldalamra azt hiszem, így ezen a hétvégén szántam rá egy kis időt. Nem vittem túlzásba a dolgot. Nem akartam semmi cicomát vagy extra dolgot készíteni az oldalnak, így eléggé egyszerűre sikeredett az egész. A főoldalon megváltoztattam a bejegyzések kinézetét, mert egy kicsit már untam a két hasábot. A fejlécről pedig mindent levettem, mert azok is csak idegesítettek már ott. Ez most jobban tetszik :)

 

A frissítés pedig annyi, hogy a régi Google Fonts-os leírásomat átírtam, hogy passzoljon a mostani kinézetű Fonts-os oldalhoz és aki esetleg nem tud egyelőre rajta kiigazodni, az is tudjon egyedi betűtípust használni a saját weboldalán :) A leírás frissítését itt éritek el: HTML/PHP – Betűtípus leírások – Egyedi betűtípus honlapodon 1.

 

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

Sziasztok! Kicsit csúszásban vagyok a honlapverseny kihirdetésével, de hát ez van sajnos. Mostanában alig jutok gép közelébe. Igaz, hogy április elseje van, de a verseny végeredménye nem tréfa, még ha egyesek majd úgy is fogják gondolni ;) A résztvevőknél figyelembe vettem a kinézetet, a tartalmat, a szövegszerkesztést és a frissek gyakoriságát is. Igaz, hogy mind a három oldallal előfordult már, hogy kihagyott napokat vagy heteket friss hír hozásával, de ez mindenkivel előfordul, így ezt annyira nem vettem figyelembe. Bármi közbe jöhet, ami miatt egy ideig az ember nem tud elég időt szakítani az oldalára.

 

Lejjebb a helyezettek alatt ott vannak a többiek is felsorolva, hogy ki hányadik lett ezen a versenyen. Na, de nem is húzom tovább az időt. Akkor lássuk a helyezetteket:

 

3. helyezett
http://www.fromninaa.gportal.hu/

 

2. helyezett
http://www.the-walkingdead.gportal.hu/

 

1. helyezett
http://www.charmed500.gportal.hu/

 
Gratulálok a helyezetteknek! A nyeremények mennek e-mailben és postán is. Aki igényt tart a gravírozott tollra, éremre és érembetétre, az majd adja meg az elérhetőségét nekem e-mailben és a jövőhét folyamán küldöm őket :) És ott majd minden más egyebet is megbeszélünk.

 

A többiek helyezései a következőek

 

4. helyezett: http://www.seb-vettel.gportal.hu/

5. helyezett: http://www.glamour-factory.gportal.hu/

6. helyezett: http://www.nox-arcana.gportal.hu/

7. helyezett: http://www.criminalminds.gportal.hu/

8. helyezett: http://www.shay-m.gportal.hu/

9. helyezett: http://www.l-hale.gportal.hu/

10. helyezett: http://www.lovely-ninadobrev.gportal.hu/

11. helyezett: http://www.steroline.gportal.hu/

12. helyezett: http://www.arrowolicity.gportal.hu/

13. helyezett: http://www.emmroberts.gportal.hu/

14. helyezett: http://d-obrien.com/

15. helyezett: https://avikander.us/

16. helyezett: http://www.delena.gportal.hu/

17. helyezett: http://www.fuckinway.gportal.hu/

18. helyezett: http://www.bigbangtheory.gportal.hu/

19. helyezett: http://www.greta-chevelle.gportal.hu/

20. helyezett: http://www.always-zendaya.gportal.hu/

21. helyezett: http://www.jegvirag.gportal.hu/

22. helyezett: http://www.art-of-imagination.gportal.hu/

23. helyezett: http://www.transportus.gportal.hu/

24. helyezett: http://www.star-stable-online.gportal.hu/

25. helyezett: http://www.depressed.gportal.hu/

26. helyezett: http://www.goodnite.gportal.hu/

27. helyezett: http://www.neverendingstory.gportal.hu/

28. helyezett: http://www.unicornkiss.gportal.hu/

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

Sziasztok! Kicsit megkésve, de most hozom a Facebook-os szavazás egy darab közönségnyertesét és a három darab oldalt, akik sorsolás által nyertek mindannyian 50-50-50 kreditet :) A fő végeredményt a jövőhét végén hirdetem majd ki. A táblát már nyugodtan levehetitek, innentől nem számít, hogy kint van-e vagy sem. Gratulálok a közönségszavazás nyertesének. 91 like-kal a http://www.transportus.gportal.hu/ oldalt like-olták a legtöbben, így övé lett 50 kredit.

 

A sorsolás által ez a három oldal nyert még 50 kreditet fejenként:

 

 

A krediteket a napokban minden oldalnak ki fogom küldeni :) Még egyszer gratulálok nektek és remélem legközelebb is neveztek ;)

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

2017. február. 26.

Sziasztok! Először is nagyon sajnálom, hogy ilyen sokáig nem jelentkeztem, de a gépemmel volt egy kisebb hiba. Azóta új gépem van, plusz a régi vinyóm is bekrepált és azon volt minden adatom. Csak mostanában sikerült visszakapnom róla mindenemet. Így elsőre hoztam kettő darab ingyenes blog témát G-Portálra, plusz az elmaradt G-Portálos kinézeteket is megcsináltam. Akik WordPress kinézetet rendeltek, azokét a jövőhét végén fogom elkezdeni vagy befejezni. Mostanában egyre több a blog és egyre letisztultabb kinézeteket látok mindenhol, így követve ezt a stílust én is olyan témákat készítettem most az ingyenes témákból. Egy ideig, amíg vissza nem rázódom több sablont fogok hozni. Mert azok hasznosak is és gyorsan készen vannak :)

 

A két téma bekerült a többi közé ide: G-Portálos teljes kinézetek
Alulról az utolsó kettő a legfrissebb.

 

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

2017. február. 04.

Szia mindenki! Elindult A tél weboldala verseny szavazása. Összesen 28 darab oldal nevezett a versenyre. Mindegyik különleges a maga nemében ♥ Ez most a közönségszavazás. Amelyik képre a legtöbb szavazat érkezik, az-az oldal nyer 50 kreditet, függetlenül a verseny teljes végeredményétől. Már jött is 1-2 szavazat :) Azért választottam a Facebook-os megoldást, mert így senki nem mondhatja, hogy a verseny igazságtalan lenne. Csak az oldal tulajdonosokon múlik, hogy melyik képre mennyien fognak szavazni. A szavazás a hónap végéig mehet. Minden eredményt egyszerre fogok majd kihirdetni a verseny legvégén, ami előre láthatólag február 28-a lesz. Vagy is, az azutáni hétvége, ami március 4-5-re esik. Izgalmakkal teli versenyzést mindenkinek :)

 

Ha véletlenül valaki mégis csalna a lájkokkal, akkor az a teljes versenyből ki lesz zárva!

 

Itt a link, ahol lehet szavazni:
https://www.facebook.com/LindaDesign.NonStop/photos/?tab=album&album_id=1589200261097126

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

Igaz, mondhatni senki nem használja a címkéket a WordPress-ben, csak a kategóriákat. Pedig ennek a használatával pl. a Google keresőben még előrébb lehetne az oldal a találati listák között. Nem tudom miért van, de a címkéket a Google jobban szereti. Ha rákeresek valami cikkre vagy bármire, akkor 99%-ban olyan linkeket ad ki, ami az adott szó címke változata. Például elvezet az index.hu oldalára, ami a Titanic címkék gyűjtőhelye. Szóval azt tanácsolom, hogy használjatok címkéket. Én is ha lesz időm, akkor becímkézem a cikkeimet, ami nem kevés. Még, ha nem is jelenítitek meg az oldalsávban a címkéket, akkor is használjátok.

 

 

Na, de a cikket azért írom, mert ezeket a címkéket meg lehet jeleníteni a bejegyzéseknél és az oldalsávban is. A bejegyzésnél ugyanúgy kell, mint a kategóriákat. Ez a kódja és oda teszitek, ahol meg akarjátok jeleníteni a címkéket.

 

<?php the_tags(' '); ?>

 

Az oldalsávban pedig ezt a kódot kell bemásolni. Kis ismertető a kódhoz, ami fontosabb:

 

smallest: a legkisebb méretű címke (pixelben)
largest: a legnagyobb méretű címke (pixelben)
number: mennyi címkét jelenítsen meg
separator: ha nem tesztek semmit a két jel közé, akkor nem választj el semmivel a címkéket. Lehet bele tenni vesszőt, pontot, stb.
order: jelen esetben ABC sorrendbe teszi a címkéket

 

<center>
<div class="cimkefelho">
<?php
wp_tag_cloud( array( 'topic_count_text_callback' => 'my_tag_text_callback', 'smallest' => '15', 'largest' => '20', 'unit' => 'px', 'number' => '45', 'separator' => ' ', 'orderby' => 'count', 'order' => 'ASC' ) );
function my_tag_text_callback( $count ) {
return sprintf( _n( '', '', $count ), number_format_i18n( $count ) );
}
?>
</div>
</center>

 

A hozzá való CSS kód pedig ez. Ez már rajtatok múlik, hogy hogyan nézzen ki.

 

.cimkefelho {
text-decoration: none !important;
width: 100%;
display: inline;
}
.cimkefelho a:link, .cimkefelho a:visited {
color: #00899B !important;
padding: 0px 10px;
}
.cimkefelho a:hover {
color: #FF703E !important;
text-decoration: none;
}

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