wordpress Archives - Webshark Blog https://blog.webshark.hu/tag/wordpress/ ... jquery, ajax, design, psd, plugin, modul, web2, social, miegymás... Thu, 12 Jun 2014 08:33:25 +0000 hu hourly 1 https://wordpress.org/?v=6.1.6 Olvass tovább link hozzáadása az oldaladról kimásolt szöveghez https://blog.webshark.hu/2014/06/12/olvass-tovabb-link-hozzaadasa-az-oldaladrol-kimasolt-szoveghez/ Thu, 12 Jun 2014 05:22:40 +0000 http://blog.webshark.hu/?p=780 A weben a tartalom megosztás nagy része „másolás/beillesztés” módszerrel történik. Biztosan találkoztunk már olyan oldallal, ahol ha kimásoltunk egy szöveget a tartalomból, akkor nem csak a kimásolt részt kaptuk vissza. Ilyenkor a hozzáfűzött szöveg általában egy cselekvésre ösztönző rövid mondat egy linkel kiegészítve. Ennek a megoldásnak van jó és rossz oldala is. SEO szempontjából egész […]

The post Olvass tovább link hozzáadása az oldaladról kimásolt szöveghez appeared first on Webshark Blog.

]]> A weben a tartalom megosztás nagy része „másolás/beillesztés” módszerrel történik. Biztosan találkoztunk már olyan oldallal, ahol ha kimásoltunk egy szöveget a tartalomból, akkor nem csak a kimásolt részt kaptuk vissza. Ilyenkor a hozzáfűzött szöveg általában egy cselekvésre ösztönző rövid mondat egy linkel kiegészítve.

Ennek a megoldásnak van jó és rossz oldala is. SEO szempontjából egész jó módszer, hiszen sok hivatkozás mutat majd így az oldalunkra, valamint az így megosztott tartalmat nem lesz nehéz felkeresnie az érdeklődőknek.

Azonban ez a módszer sok esetben bosszantó is lehet, például ha sokszor másulunk egy adott oldalról, ahol alkalmazzák ezt a megoldást. Véleményem szerint a legnagyobb probléma, hogy a felhasználó nem tudja, hogy a kimásolt szöveget más formában kapja vissza, hiszen nem ez a megszokott megoldás.

A módszer használata, mint oly sok dolog számos tényezőtől függ és nekünk kell eldöntenünk, hogy használjuk-e, vagy sem.

Megvalósítás

<script type='text/javascript'>
        function addLink() {
            if (window.getSelection().containsNode(document.getElementsByClassName('content')[0], true)) {

                var body_element,
                    selection,
                    pagelink,
                    copy_text,
                    new_div;

                body_element = document.getElementsByTagName('body')[0];
                selection = window.getSelection();

                pagelink = " - Olvass tovább a következő címen: <a href='http://blog.webshark.hu'>webshark.hu</a>";
             
                copy_text = selection + pagelink;

                new_div = document.createElement('div');
                new_div.style.left = '-99999px';
                new_div.style.position = 'absolute';
                body_element.appendChild(new_div );

                new_div.innerHTML = copy_text;

                selection.selectAllChildren(new_div);

                window.setTimeout(function() {
                    body_element.removeChild(new_div);
                },0);
            }
        }

        document.oncopy = addLink;

</script>

A függvény hívását a dokumentum oncopy eseményéhez kötjük, ami ahogy a neve is utal rá, akkor fut le, ha valaki szöveget másol a dokumentumunkból.

A függvény elején található feltétellel meghatározzuk, hogy csak a content osztály kijelölővel rendelkező elemeinken fusson le a kijelölés, ami ebben az esetben a tényleges szöveges tartalom.

Az if-ben található window.getSelection()-el visszakapjuk a kijelölt objektumot, a containsNode-al pedig ellenőrizzük, hogy a kijelölés a content class-al ellátott területen belül található-e.

Ezt követően létrehozzuk a kijelöléshez hozzákapcsolandó szöveget, amit aztán egybefűzünk a kijelölés szövegével. Mivel a kijelölésünket, csak úgy tudjuk módosítani, hogy egy meglévő elemmel és annak tartalmával lecseréljük az aktuális kijelölést, létre kell hoznunk egy új HTML elemet amibe innerHTML-el beillesztjük az új szövegünket. Ezt az elemet a kijelölés frissítése után töröljük!

WordPress

WordPress esetében a fenti kódot functions.php-n vagy egyedi bővítményen keresztül is beilleszthetjük. Ehhez használjuk a wp_head akció hook-ot, az alábbi módon!

function add_read_more_text() {
// Ide jön a JS kód, ne lezárni, majd újra megnyitni a PHP kódblokkot!
}

add_action( 'wp_head', 'add_read_more_text');

Összefoglalás

Főként a rendszerünkön múlik, hogy milyen hivatkozást állítunk elő. Ha a sablonfájl fejlécében helyezzük el a kódot, úgy könnyedén adhatjuk hozzá a CMS-ünk által nyújtott, a megfelelő hivatkozás lekérdezésére szolgáló függvényeket.

The post Olvass tovább link hozzáadása az oldaladról kimásolt szöveghez appeared first on Webshark Blog.

]]> WordPress 3.9 https://blog.webshark.hu/2014/04/17/wordpress-3-9/ Thu, 17 Apr 2014 09:00:59 +0000 http://blog.webshark.hu/?p=645 Április 16.-án jelent meg a – három béta verzió után – WordPress legfrissebb, 3.9-es verziója. Ez volt az utolsó nagyobb verzió a sokak által kiváncsian várt 4.0 megjelenése előtt. Habár, sokan vagyunk akik figyelme már az egész számú verzióra irányul, nem mehetünk el szótlanul a 3.9-es verzióban található újdonságok mellett! A következőkben megnézzük, melyek azok […]

The post WordPress 3.9 appeared first on Webshark Blog.

]]> Április 16.-án jelent meg a – három béta verzió után – WordPress legfrissebb, 3.9-es verziója. Ez volt az utolsó nagyobb verzió a sokak által kiváncsian várt 4.0 megjelenése előtt. Habár, sokan vagyunk akik figyelme már az egész számú verzióra irányul, nem mehetünk el szótlanul a 3.9-es verzióban található újdonságok mellett!

A következőkben megnézzük, melyek azok a nagyobb újítások, amelyek ezzel a verzióval jöttek!

Élő widget előnézet a testreszabás során

A Theme Customizer (téma tesztreszabás) nem túl régi funkciója a WordPress-nek, csupán a 3.4-es verzióval jelent meg, így elég sok új fejlesztés történik ezen a területen. Mindez érthető is, hiszen elég látványos és hasznos, ha élőben tudjuk testreszabni a témánakat, úgy hogy minden változtatást azonnal látunk is!

A most bekerült fejlesztéssel már widget-eket is kezelhetünk itt. Megjelennek a témához beállított pozíciók és az azokhoz rendelt widget-ek. Tudunk rendezni, törölni, újat hozzáadni, mindezt élő előnézettel!

wordpress-live-widget-theme-customizer

Audió és videó lejátszási listák

Mostantól egyszerűen a média kezelő segítségével hozhatunk létre audió és videó lejátszási listákat. Nincs más teendőnk, mint a képeknél már megszokott módon feltölteni a hang, vagy videó fájljainkat és kiválasztani a média kezelő által felkinált lejátszási lista készítés funkciót!

A megfelelő lejátszásért a magba integrált mediaelement.js felel. A rendszer felhasználja a fájlok ID3 cimkéit is!

wordpress-audio-video-playlist

TinyMce frissítés

A TinyMCE (a WordPress által használt vizuális szerkesztő – WYSIWYG) a közelmúltban állt elő az új verzióval, ami számos újítást tartalmaz. A 3.9-be ez a verzió került integrálásra.

Előkép a szerkesztőben

Eddig ha galériát, vagy videót szúrtunk be a vizuális szerkesztőben, akkor ugyan itt nem láttuk ezek előképét. Mindez megváltozik, hiszen mostantól, mind a galériák, mind a lejátszási listák előnézetét láthatjuk itt is.

Könnyebb kép beillesztés

Mostantól, ha képet szeretnénk beilleszteni a vizuális szerkesztőben, nem kell a média hozzáadása gombra kattintanunk, elég ha beejtjük a szerkesztő területére a képet (aminek megváltozik a felülete, amikor felé mozgatjuk a fájlokat). Ez egy elég kényelmes módja a média kezelésnek írás közben.

További képkezelési újdonságok

Megváltozott a kép szerkesztés felülete a vizuális szerkesztőben (amikor a már beszúrt képet szeretnénk szerkeszteni). Mindemellet mostantól közvetlenül tudunk beillesztett képet átméretezni. Képre kattintás után nem csak a szerkesztés és törlés ikon jelenik meg, hanem a befoglaló váz is, amit tetszőlegesen mozgathatunk!

wordpress-live-resize

Összegzés

Igaz, hogy olyan hatalmas újdonságokkal nem találkozhatunk ebben a verzióban, de a fent említett példák mellett mégis rengeteg apró, használhatóságot javító dolog került be ebbe a verzióba a felhasználóknak és a fejlesztőknek egyaránt.

The post WordPress 3.9 appeared first on Webshark Blog.

]]> A legjobb honlap design inspirációk karácsonyra https://blog.webshark.hu/2013/11/18/legjobb-honlap-design-inspiraciok-karacsonyra/ Mon, 18 Nov 2013 22:19:28 +0000 http://blog.webshark.hu/?p=120 Blogok, honlapok, webshopok, közösségi oldalak öltöznek át a karácsonyt megelőző időszakban pirosba, vagy zöldbe és Télapó sapkákkal, hópelyhekkel, csengettyűkkel, ajándékokkal és fenyőfákkal (f)árasztják el a látogatókat. Hogyan tudod megfelelően felkészíteni honlapodat az ünnepekre anélkül, hogy nyomasztanád vele a látogatód? Hiszen a cél most is egyértelműen megfogalmazható: minél több látogatót csábítani az oldaladra és minél több […]

The post A legjobb honlap design inspirációk karácsonyra appeared first on Webshark Blog.

]]> Blogok, honlapok, webshopok, közösségi oldalak öltöznek át a karácsonyt megelőző időszakban pirosba, vagy zöldbe és Télapó sapkákkal, hópelyhekkel, csengettyűkkel, ajándékokkal és fenyőfákkal (f)árasztják el a látogatókat. Hogyan tudod megfelelően felkészíteni honlapodat az ünnepekre anélkül, hogy nyomasztanád vele a látogatód? Hiszen a cél most is egyértelműen megfogalmazható: minél több látogatót csábítani az oldaladra és minél több vásárlást generálni. Ehhez nélkülözhetetlenek a kreatív ötletek és megvalósítások, ebben szeretnénk segítséget nyújtani. Íme néhány könnyen megvalósítható ötlet arra, hogy mit csinálj és mit ne, ha WordPress alapú a weboldalad!

Karácsonyra új hangulat

AMIT CSINÁLJ

Változtasd meg akár az egész templated, vagy a teljes fejlécet honlapodon, beleértve a színeket és képeket! A piros, a zöld, az arany és az ezüst hagyományos karácsonyi színek. Amennyiben a weboldalad domináns színe kék, akkor változtasd meg egy szép rubin vörösre és használj arany, vagy smaragd zöld betűszíneket. Dobd fel a fejlécképedet egy hópehellyel, vagy egy szép karácsonyi grafikával. A következő weboldalakon gyönyörű grafikai megoldásokkal és változatos, kreatív ötletek alkalmazásával szépen jelenik meg az ünnepi hangulat:  Bath & BodyWorks,  Barnes & Noble.

Csak olyan design-t használj, ami Neked is tetszik! Ami beágyazható céged profiljába. Más felhasználóktól is leshetsz el ötleteket, de alkalmazd saját stílusodhoz a felületeket. Amennyiben nincs túl nagy tapasztalatod az admin felületek kezelésében, akkor alkalmazz egészen egyszerű változtatásokat, amelyeket designer segítsége nélkül is könnyedén megtehetsz.

bodyworks

Egyszerűen karácsonyi hangulatba öltöztetheted például az oldaladon linkelt grafikáidat. Adj egy Télapó sapkát a kis kék Twitter madár fejére. Van saját logód? Egy fenyőfával, vagy egy hópihével könnyedén feldobhatod. Komolyabb módosításokhoz kérd ki grafikusod véleményét, vagy bízd rá a feladatot, hiszen úgyis megtérül!

AMIT NE CSINÁLJ

Semmiképpen ne tegyél karácsonyi zenéket a honlapod alá. Felhasználóid, látogatóid egyaránt hálásak lesznek, ha ezt a lépést kihagyod.

Ne pakold tele az oldaladat animációval: hulló hópelyhekkel, állandóan felugró télapókkal, vagy ajándékcsomagokkal. A túl sok animációnak köszönhetően várhatóan kínzó fejfájással kattint a látogatód azonnal egy másik oldalra. A Tiffany & Co. egy szép és egyszerű kék-piros grafikával kelti fel a látogató érdeklődését és hívja fel termékeire a figyelmet.

Óvakodj a tucatárutól, az interneten innen-onnan letölthető igénytelen kis grafikáktól. Egyrészt többtucat weboldalon visszaköszön, másrészt az igénytelenség látszatát keltheti a látogatóban.

WordPress Pluginok

WordPress blogod van?

wordpress

Nagyszerű! Itt van néhány könnyen beágyazható plugin, ami szépen öltözteti az oldaladat és biztosan vonzza a látogatót:

Reméljük, hogy hasznosnak találtad cikkünket és segítenek az ötletek a kreatív megvalósításhoz. Amennyiben egyedi grafikát, vagy design-t szeretnél weboldaladra, akkor keress meg minket Facebook-on, vagy az info@webshark.hu e-mail címen most!

Kérj ajánlatot most WordPress oldal kialakítására!

The post A legjobb honlap design inspirációk karácsonyra appeared first on Webshark Blog.

]]>