Cikkajánló
Jajj, de nagyon régen nem frissítettem már. Néha időm, néha meg kedvem nincsen hozzá, de most hoztam kettő darab Coppermine galéria témát. Az egyik Alicia Vikaner-rel készült, a másik
Új kategóriával bővült a galéria Vectoros grafika címmel. Amikor időm van, vagy kedvem akkor töltögetem fel a design kellékeket is a galériába, amik eddig az aranymeli.gp-n voltak elérhetőek. Persze
Hoztam egy újabb WordPress bővítményt kérésre, ami arra szolgál, hogy a sablonban bárhová betudtok szúrni közösségi ikonokat vagy szimpla ikonokat például a cikkekhez a dátum, cikkíró, kategóriák elé vagy
Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló Apró tippek weboldal szerkesztőknek

Kérésre hoztam egy olyan szövegdobozt, amiben a benne lévő szöveget egy kattintással ki lehet jelölni és ezáltal egyből másolja is a tartalmát, amit ezután már csak be kell illeszteni máshová. Ehhez tartozik egy .js fájl is, amit le kell tölteni és a saját oldalatokra fel kell másolni. Jó, ha ez a kód mindenkinek a saját szerverén van. A többi kód simán mehet abba a modulba, ahol lesz a doboz.



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 
Ez lenne a .js fájl, amit innen kell letölteni Jobb egérgomb a .js oldalán és Oldal mentése. Ez itt alatta pedig a kódja. Az src után lévő URL címet ki kell törölni és bemásolni a ti tárhelyeteken lévő .js fájl URL címét.

 

<script type="text/javascript" src="/js/copy.js"></script>

 

Ez egy másik .js fájl, amit szintén csak be kell másolni G-Portálon pl. a láblécbe, WordPress-ben pedig a header.php fájlba. A fenti .js kód is ugyanoda megy, mint ez!

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 

A két .js fájl után jöhet maga a kód

 

<center><p id="p1" class="text">IDE JÖN A SZÖVEG, AMI A DOBOZBAN LESZ</p>
<button onclick="copyToClipboard('#p1')">Kijelölés és másolás</button></center>

 

A CSS kód hozzá

 

<style>
p#p1 {
font-size: 13px;
background: #E8E8E8;
color: #797979;
text-align: justify;
border-style: solid;
border-width: 1px;
border-color: #CFCFCF;
padding: 8px 10px;
margin-bottom: 8px;
}
button {
background: #D2A482;
color: #ffffff;
padding: 8px;
border: 0;
}
button:hover {
background: #AC6C3E;
color: #ffffff;
padding: 8px;
border: 0;
}
</style>

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

Készítettem egy szabadon letölthető Coppermine galéria témát. Úgy csináltam meg, hogy csak a fejlécet kell cserélni plusz a szöveget rajta. Ezt mind meg lehet tenni a template.html fájlban, de ha valami nem menne, szívesen segítek benne :) A galéria színeit úgy hoztam össze, hogy mindegy, hogy milyen színű lesz a fejléc, menni fog hozzá. Viszont a fejléc mérete jó, ha megegyezik az én  fejlécem méretével. A menüket nem kell linkelni. Úgy van megcsinálva, hogy jó lesz, ha a témát használjátok. Más tanács nincs. A téma a Sellfy oldalról letölthető. Ugyanúgy a buy now buttonra kell kattintani, de ingyen le lehet tölteni :)

 

A csomag tartalma
– flaunt.nu hirdetés beágyazva
– beüzemelési segítség
– segítek bármiben, ha kell

 

Prémium | 01 | Free Coppermine Gallery theme
Előnézet 1 | Előnézet 2 | Kapcsolat | Letöltés
lindadesign Hozzászólások
67 megtekintés

Sziasztok :) Csak, hogy ne teljen el úgy hét, hogy nem hozok legalább egy darab prémium témát, így mára is készítettem egyet. Annyira imádom Sophie ezen fotósorozatát, hogy nem bírtam kihagyni, hogy ne készítsek vele kinézetet. És most jelenleg egy ingyenes témán dolgozom, ami majd könnyen átszerkeszthető lesz. Napokon belül fel is fog kerülni az oldalra :)

 

A csomag tartalma
– reszponzív design
– .psd file
– FontAwesome ikonok
– egyedi betűtípus
– flaunt.nu hirdetés beágyazva
– kereső az oldalon
– egyedi idézetblokk és galéria linkek doboz
– szerkesztő button minden bejegyzésnek
– beüzemelési segítség
– segítek bármiben, ha kell

 

Prémium | Sophie Turner WordPress theme
Előnézet 1 | Előnézet 2 | Kapcsolat | Vásárlás
lindadesign Hozzászólások
126 megtekintés

Mindig is foglalkoztatott, hogy hogyan lehet egyszerűen azt látni, hogy egy adott fájlt mennyien töltöttek le. Gondolom nem meglepő, hogy erre is van WordPress bővítmény Download Monitor néven, amit innen lehet letölteni. Ez azoknak jó, akik letöltésre szánt fájlokat tartanak az oldalukon, mint én is. Jó, ha tudom, hogy például melyik sablonomat mennyien töltötték le. Ez által tudom, hogy az tetszetős volt-e vagy sem és akkor a jövőben olyasmiket hozok még. Az nem látszik, hogy ki töltötte le a fájlt, csak számolja a letöltéseket. Azt is be lehet állítani, hogy csak regisztrált felhasználók töltsenek le. Összesítője is van, ahol kinaplózza, hogy mikor és hányszor lett letöltve a fájl. Bármilyen fájlt be lehet linkelni vele. Akár képet is.

 

Ha feltelepítettétek és bekapcsoltátok a bővítményt, akkor a vezérlősávban megjelenik egy Letöltések menüpont is. Az almenüben az Új hozzáadására kell kattintani. Ha ide rámegyünk, hasonló oldal fogad, mintha bejegyzést szeretnénk írni. Felülre be kell írni a címet, aztán ha nem akarunk hozzá szöveget, akkor az alatta lévő részt üresen lehet hagyni. A letölthető fájlok modulban pedig vagy fel kell tölteni oda a fájlt vagy ha már fenn van a tárhelyen, akkor azt az URL címet kell megadni ott. A többi részt akár üresen is lehet hagyni. Ahogy ti jónak látjátok.

 

 

 

Ha készen vagytok, akkor jobb oldalon a Közzététel buttonra kattintsatok. Ezzel még nem vagyunk készen. Most jön a letöltés URL címe, amit már az elején lehet is látni jobbra fent.

 

 

Nekünk most az URL címre van szükségünk. Ezt kell belinkelni a fájl letöltéséhez. Példa ez az Emma Roberts-es sablon. Ha a letöltöm fölé viszitek az egeret, akkor a böngészőben alul mutatja az URL címet.

 


megnézemaloldalletöltöm

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

Amiket itt most fel fogok sorolni, azokról az oldalon már írtam bővebben, de szerintem nem mindenki böngészi át ezt a rengeteg tartalmat, amit meg is értek. Szóval ebben a bejegyzésben pár szóban felsorolnám azt, hogy nagyjából mit és hogyan csináljatok. Nem muszáj megfogadni a tanácsokat, de ha kicsit is precízek vagytok azért megpróbálhatjátok ;)

 

 

  1. Szerintem (ismétlem) szerintem a tisztára sötét oldalak nem előnyösek. Nagyon nehéz rajtuk komolyan böngészni, főleg, ha a betű színe erősen beleolvad a kinézetbe. Vagy, ha éppen túl világos a szöveg színe. Az is ugyanolyan rossz választás. Én a helyetekben valami világos kinézetben gondolkodnék.
  2. Ez egy eléggé fontos dolog: ha hosszú fejlécet használtok, vagy rövidebbet, mindegy is, akkor a CSS kódban nem kell a repeat a fejlécnél! Helyette a no-repeat kell.
  3. Ha túl hosszú cikket írtok vagy sok mindent tesztek egy-egy bejegyzésbe, akkor használjátok a bővebben szerkesztő modult is, hogy a főoldal ne legyen olyan zsúfolt. Esztétikailag is szebb, és ha valakit érdekel, amit írtok, úgy is elolvassa a teljes szöveget.
  4. Ami még szerintem jó dolog, ha a külső hivatkozású linkek mindig új ablakban nyílnak meg. Mert ha egyre is valaki rákattint, az nem azt jelenti, hogy a ti oldalatokat máris el szeretné hagyni, csak érdekli a másik is, és akkor az neki új fülön fog megjelenni a böngészőjében
  5. A kinézetről már sokat írtam, de újra leírom, hogy letisztult legyen. Nem kell szerintem a túlcicomázott kinézet. A fejléc lehet egyszerűbb, vagy az némileg csicsásabb, de talán ennyi is. A többi rész legyen tiszta. Már egyébként sem divat a nagyon színes, túlcicomázott kinézet.
  6. Mindenféle arányra figyeljetek oda és ha valami el van csúszva, akkor a CSS kódban azt állítsátok be, vagy ha nem tudjátok, akkor valakitől kérjetek segítséget. Eléggé zavaró a látványos elcsúszás, akár csak egy címkénél vagy egy dátumnál is.
  7. Az sem annyira divat már, hogy az oldal a böngésző valamelyik szélén legyen. Tegyétek középre. Úgy az igazi.
  8. Örök probléma a betűméret. Abban sem divat már az apró betű. Legyen kellemes a szemnek, hogy könnyen lehessen olvasni.
  9. Ha már egyszer flaunt-on vagytok akkor ne már, hogy külső tárhelyekre töltsétek fel a képeket vagy a letöltendő fájlokat. Könyörgöm: a tárhely korlátlan…
  10. Hasonló vonatkozik a G-Portálosokra is: 300MB áll a rendelkezésre. Igaz, hogy nem sok, de legalább a kiemelt képeket, a blogban lévő képeket és az elit csere képeket a saját tárhelyetekre töltsétek fel. Olyan csúnya, amikor valamilyen okból törlődik a kép és egy ronda üres rész marad a kép helyén. 300MB képeknek elég sok, jó sokat fel lehet a képtárba tölteni. Igaz, nem HQ minőségre gondolok, de az apróbb képekre.

 

Most ennyi jutott eszembe. Ha valakinek van még valami ötlete, nyugodtan megoszthatja másokkal is ;)

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

2017. október. 14.

Sziasztok :) A napokban kissé elvoltam havazva, mert meg kellett csinálnom több mindenkinek is a kinézeteit rendelésre. Négy Coppermine galériát készítettem és három WordPress témát. És mivel ez itt a reklám helye, így kiteszem a rendelőket és az oldalaikat is, bár van, aki még nem tette fel az oldalára az új kinézetet, de ti azért megnézhetitek azokat a galériában is.

 

 


 

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

Most, hogy kicsit jobban rákattantam a Coppermine Galériára és annak trükkjeire, észrevettem, hogy nagyon-nagyon régen nem hoztam már .png képeket, bár készítgettem őket, csak nem lettek feltöltve, így most szántam rá időt és összesen 304 darabot hoztam :) Ja, és a design-t is lecseréltem a galériában, ha már arra jártok. Ezek a sztárok frissültek vagy újonnan jöttek létre:

 


   
    
    
    
    

 

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

Mostanában egy csomó dolgot át akarok változtatni a galériában, így mindig vannak új ötleteim, amiről írhatok :) Ez is egy olyan dolog, ami már hosszú ideje idegesített, csak eddig nem néztem utána, hogy hogyan lehet megoldani. Eléggé zavaró tud lenni, már aki rendszeresen csinál galéria témákat akár magának, akár másnak és kicsit egyedivé tenné, de a lábléc rész a Powered by felirat miatt kicsit kötött (volt eddig). De ha azt onnan eltüntetjük, akkor már simán fogunk tudni vele dolgozni, mintha egy sima link lenne és akárhová lehet pakolni a képtáron belül. Fejlécre, láblécbe, oldalsávba, stb. Még ha ugyanúgy a láblécben is marad, akkor is jobb ez a módszer, mert így már a lábléc nem kötött és bármit lehet vele csinálni kinézetileg, sőt egy csomó tartalmat lehet bele pakolni, ha pl. nincs oldalsáv.

 

Viszont azt jegyezzétek meg, hogy ha az eredeti Powered by feliratot eltüntetjük, attól függetlenül valahol máshol meg kell jeleníteni azt, mert nélküle a galéria törlésére is sor kerülhet! Az eredeti feliratot úgy lehet eltüntetni, hogy a galéria mappán belül az includes mappában lévő functions.inc.php fájlt másoljátok le a gépre, majd NotePad-dal nyissátok meg és keressétek meg benne ezt a sort:

 

if (!strstr($template, '{CREDITS}')) {

 

Ha megvan a sor, akkor az alatta lévő sor is fog kelleni. Az-az ez a kettő sor:

 

if (!strstr($template, '{CREDITS}')) {
$template = str_replace('{GALLERY}', '{CREDITS}', $template);

 

 

Ebből a kettő sorból ezt a részt ki kell törölni: {CREDITS} a kapcsos zárójelekkel együtt. Ez után a kód ilyen lesz:

 

if (!strstr($template, '')) {
$template = str_replace('{GALLERY}', '', $template);

 

És most vissza lehet másolni a fájlt, aztán örülni, hogy nincs ott a láblécben a felirat. Ez után pedig valahol, ahol szimpi készítsetek egy linket neki. Példákat találtok nálam. Az egyik galériában az oldalsávban van a credit, a másikban ugyan a láblécben, de saját linkkel elkészítve.

 

 

 

Sőt! Akár TITLE részt is lehet adni a linknek és ha ráviszitek az egeret, akkor felugrik egy ablakocska is

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

Hogy mi is ez? Ez egy olyan kicsi button, amit csak a WordPress-be való bejelentkezés után lát a szerkesztő. Minden bejegyzésbe és oldalakba be lehet tenni, ami arra jó, hogy egyetlen kattintással szerkesztő nézetbe tudunk kerülni és átírni vagy módosítani lehet egy-egy bejegyzést vagy oldalt. Az oldalakra annyira nem is kell, mert minden oldalon, amikor azon vagyunk felül a vezérlősávban ott van, hogy Bejegyzés szerkesztése, és a button is pont erre szolgál.

 


Az első képen lehet látni, hogy a jobb felső sarokban ott az Edit Post button. A másikon nincsen ott. Az Edit post button szövegét is meglehet változtatni a kódjában, ha akarjátok.

 

Viszont a főoldalon csak akkor van ott a vezérlősávban, hogy bejegyzés szerkesztése, ha konkrétan azon a bejegyzésen állunk. Ezzel a buttonnal viszont pár kattintást megspórolunk magunknak, mert így egy kattintás után már akár a főoldalról is szerkeszthetjük a bejegyzésünket. Ismétlem, csak akkor látszik a button, ha be vagyunk jelentkezve. Ezt a kódot általában a home.php, page.php, single.php és index.php oldalakra szokás tenni, és ugyanúgy kell használni, mint például a kategóriák vagy dátum kódját. Külön DIV-be is tehető az elhelyezése végett. A lenti CSS kód csak a kinézetre vonatkozik.

 

Szerkesztő button kódja

 

<?php edit_post_link('Edit Post', '<p align="right" class="button"><strong> ', '</strong></p>'); ?>

 

CSS kód

 

.button a, .button a:visited {
padding: 8px 10px;
color: #ffffff !important;
background: #85B6D9;
}
.button a:hover {
background: #4B84A7;
color: #ffffff;
}

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

Nem tudom ti hogy vagytok vele, de engem mindig is idegesített az, hogy ha feltöltöttem egy képet a Coppermine galériába, akkor sokszor úgy jelent meg a kép, hogy az alak közepe volt látható és nem a feje. Most volt időm ennek utána nézni és örömömre megtaláltam arra a választ ezen az oldalon, hogy a kép tetejétől mutassa az alakot és ne középről. És most leírom nektek részletesen, hogy mi mindent kell azért tenni, hogy a képek nálatok is rendesen jelenjenek meg. Már aki szeretné ezt ;) Szóval erről beszélek:

 

 

Az első dolog az, hogy a szerveren lévő galéria mappán belül az include mappában meg kell keresni és lementeni a gépre ezt a fájlt: picmgmt.inc.php. Javaslom, hogy NotePad-dal nyissátok meg és keressétek ezt a sort benne:

 

$yOffset = round(($srcHeight - $cpyHeight) / 2);

 

A sor kétszer szerepel!!!! Lásd a képen. Mind a kettő helyen meg kell változtatni erre a rövidke sorra:

 

$yOffset = 0;

 

Előtte

 

Utána

 

Ez után vissza lehet másolni és felülírni az eredeti fájlt. De ettől még nem fog változni semmi. A galériában nekünk meg kell frissíteni a kis képeket és azután minden jó lesz :) Azt pedig így kell csinálni:

 

Admin menü – Admin eszközök

 

 

A legfelsőből kiválasztani ezt: Update thumbs and / or resized photos
És a harmadik sort bejelölni: Both thumbnails and resized pictures
Ez után a lap aljára menni és SUBMIT
Aztán meg kell várni amíg frissít. Ez több percig is eltarthat a szerver és a galériában lévő képek számától függően.

 

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

Sziasztok :) Most egy prémium csomagot készítettem, mert egy ideje eléggé nagy divat az, hogy a weboldal és a galéria kinézetileg egyformák. Így most én is azt tettem, hogy készítettem egy WordPress témát és ahhoz egy ugyanolyan Coppermine Gallery témát is. Ebben a bejegyzésben megtekinthető mind a kettő még élőben is.

 

WordPress Theme

 

A csomag tartalma
– reszponzív design
– .psd file
– FontAwesome ikonok
– egyedi betűtípus
– flaunt.nu hirdetés beágyazva
– kereső az oldalon
– egyedi idézetblokk és galéria linkek doboz
– szerkesztő button minden bejegyzésnek
– beüzemelési segítség
– segítek bármiben, ha kell

 

Prémium | Blake Lively WordPress theme
Előnézet 1 | Előnézet 2 | Kapcsolat | Vásárlás

 

Coppermine Gallery Theme

 

A csomag tartalma
– reszponzív design
– .psd file
– FontAwesome ikonok
– egyedi betűtípus
– flaunt.nu hirdetés beágyazva
– beüzemelési segítség
– segítek bármiben, ha kell

 

Prémium | Blake Lively Coppermine Gallery theme
Előnézet 1 | Előnézet 2 | Kapcsolat | Vásárlás

 

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