WordPress Shortcode létrehozása

A WordPress-ben a shortcode-ok olyan kiegészítő funkciók, melyekkel gyakran használt funkciókat tudunk pillanatok alatt alkalmazni. Ilyenek például a bejegyzésekben vagy wordPress oldalakon használt formázási funkciók. Rengeteg lehetőség rejlik bennük, például fájlokat, videókat lehet a bejegyzésbe illeszteni, különféle grafikus elemeket, gombokat, slidereket adhatunk a tartalomhoz stb. Ha nem is hallottál róla, elég nagy az esély, hogy már használtál ilyet. Prémium WordPress theme-ekbe általában alapból beépítenek, néha nagyon sok extra shortcode-ot. Ilyenek lehetnek például ártáblázatok, kép effektek, különféle dobozok stb. A shortcode-okat a szöveg szerkesztőben használjuk, mindegyiknek különböző elnevezése van amelyet szögletes zárójelbe kell tenni, hogy használhassuk. Lényegében ugyanúgy működnek mint a fórumokban használt BBkódok. Shortcode használata Shortcodeokat használhatjuk önállóan, pl: [shortcode] vagy pedig, ha egy bizonyos tartalmat szeretnénk velük megformázni akkor egy nyitó és egy lezáró részt kell használnunk: [shortcode]Ezt a szöveget formázza![/shortcode] A bonyolultabb shortcode-ok külön értékkel is rendelkezhetnek: [list_shortcode icon=”tick”] A fenti shortcode például egy listát jeleníthet meg, de a list elemei előtt nem a megszokott fekete pont jelenik meg, hanem egy kis pipa. Egyszerű Shortcode készítése Először is elkészítünk egy nagyon egyszerű shortcodeot, hogy lásd, hogyan is működik. Nyisd meg egy szerkesztővel az aktív theme-ed functions.php fájlját, majd a végére másold be az alábbi kódot: <pre class="php">function myShortCode() { return 'Shortcode próba!'; }   add_shortcode('mysc', 'myShortCode');</pre> Ez mit is jelent? Létrehozunk egy függvényt, melyet ‘myShortCode’-nak nevezünk. Ha ezt a függvényt meghívják, magyarul használjuk a shortcodeunkat akkor a “Shortcode próba!” szöveget fogja kiírni. Az ‘add_shortcode’ függvény pedig megjeleníti a használt shortcodeot. A szövegszerkesztőben amikor használjuk a shortcode-ot a szögletes zárójel közé a “mysc”-t írjuk be. [mysc] Mielőtt tovább lépnél, próbáld ki, hogy működik e. Bonyolultabb shortcode készítése Most...
Hajszín módosítása Photoshop-al

Hajszín módosítása Photoshop-al

Ebben a tutorialban megmutatom, hogyan lehet egy képen látható személy hajszínét megváltoztatni. Az alábbi képen látható eredményt kell kapnod a végén. A képen a Fringe-ből jól ismert Anna Torv látható. A bal oldali kép az eredeti, a jobb oldali pedig a módosított. Első lépésként nyisd meg a képet amelyet szerkeszteni szeretnél és hozz létre egy új layert. A layer blending mode-ját módosítsd “Soft light”-ra. A szín palettán válassz ki egy számodra megfelelő színt. Válaszd ki az Ecseteszközt és válassz egy “Soft” ecsetet, ügyelj a következő beállításokra: Hardness: 0% Opacity: 50% Flow: 100% Ezután kezd el befesteni a hajat. Nem baj ha a haj melletti részekre rászaladsz, később az “Eraser tool”-al törölheted. Használd a zoom-ot, és/vagy válassz kisebb ecset átmérőt a kényesebb részeknél. Ha radíroznod kell a végén, akkor ügyelj, hogy a fenti beállítások ott is meglegyenek. A jobb alsó sarokban kattints az “Adjustment Layer” ikonra, majd válaszd a “Hue/Saturation” opciót. Ezzel létrehozol egy új layert. Jobb klikk a  “Hue/Saturation” layeren és válaszd a “Create clipping Mask” opciót. Ezzel lényegében kész is vagyunk. A “Hue/Saturation” opcióval tovább módosíthatod a haj színét, fényességét...

Többszínű fénylő vonal készítése

Ebben a Photoshop tutorialban lépésről lépésre elfogunk készíteni egy többszínű fénylő vonalat, amely körbe veszi az alábbi képen látható hölgyet. Első lépésként nyisd meg a szerkeszteni kívánt képet és hozz létre egy új layert. Az új layert az egyszerűség kedvéért nevezzük el Pen tool layer-nek, mivel a Pen tool-al fogunk rajta dolgozni. Válaszd ki a Pen tool-t a bal oldali menüből. Győződj meg róla, hogy a felső menün a “Paths” opció van kiválasztva a Pen tool-hoz. Használd a Pen tool-t, hogy megrajzold a vonal formáját. Kattints egyet a kép (amely köré szeretnéd rajzolni a vonalat) felé vagy valahová a bal oldalára, majd kattints még egyet a jobb oldala mellé kicsit lejjebb. A lényeg, hogy fentről lefelé haladj. A második kattintásnál tartsd lenyomva a bal egér gombot és húzd az egeret lefelé egy picit amíg egy szép kanyar nem lesz a vonalban. Ha ez megvan engedd fel az egér gombot és kattints egyet a kép másik oldalán. Ezt ismételd addig amíg nem érsz a kép aljára. Ha kész vagy valami ilyesmit kell kapnod: Ezután válasszuk a Brush tool-t (vagy a ‘B’ gomb) és válassz ki egy neked megfelelő méretet. Ehhez a képhez én a “Soft round 5 pixels” ecsetet választottam. Úgy válaszd ki, hogy ne legyen se túl nagy se túl kicsi, mert ilyen lesz a vonal mérete amely majd körbe veszi a képet. Ha kiválasztottad az ecsetet, menj vissza a Pen tool-ra, jobb klikk a képen és válaszd a “Stroke path” opciót, ezenbelül pedig a Brush legyen kiválasztva. Kattints az OK-ra, és látni fogod, hogy a Pen tool-al megrajzolt vonal kitöltődik azzal a színnel ami neked be van állítva....
Saját WebShop Készítése

Saját WebShop Készítése

Minden modern cégnek, amely termékeket értékesít alapvető fontosságú, hogy rendelkezzen webshop-al, képes legyen termékeit és szolgáltatásait online értékesíteni. A legjobb megoldás erre egy online webshop készítése. A honlaptervezés, ebben az esetben egy webshop megterveztetése nagyon sok pénzbe kerülhet. Szerencsére van olcsóbb megoldás. Nagyon könnyen elkészíthetjük saját webshop-unkat, még akkor is ha nem értünk a programozáshoz és honlaptervezéshez. Ezzel akár több százezer forintot is megspórolhatunk magunknak. Vannak előre elkészített webshop rendszerek, melyek vagy ingyenesek, vagy egy kisebb összegért megvásárolhatóak. Ezekkel általában csak annyi a teendőnk, hogy a webshop fájljait feltöltjük a webszerverünkre, néhány kattintással telepítjük azt és már van is egy működő webshopunk. Az alábbiakban röviden bemutatok néhány webshopot, amelyeket használhatsz a weboldaladon termékeid értékesítésére. 1. OpenCart Az Opencart egy ingyenesen letölthető webshop. A rendszer rengeteg hasznos funkcióval rendelkezik, valamint továbbiakkal lehet bővíteni. A shop többféle fizetési és szállítási módot támogat, több nyelven is lehet használni, ha nem csak magyar a célközönségünk, valamint különböző pénznemeket is meglehet adni. A rendszerben beépített partner program is van. OpenCart Demo 2. Magneto A magneto-nak többféle verziója létezik, ebből csak a “Community Edition” ingyenes. Ez a rendszer is tartalmaz rengeteg hasznos funkciót, például kereső optimalizált URL-ek, digitális és fizikai termékek árusítása, többféle fizetési és szállítási mód, diszkont kuponok használata, okostelefonokra optimalizált megjelenés stb. Magneto Demo Webshop letöltése 3. ShopperPress ShopperPress lényegében egy theme az ingyenes WordPress blog rendszerhez, amely egy kattintással online shop-á változtatja a blogunkat. A theme tartalmaz minden funkciót ami egy profi webshop-ból nem hiányozhat. A theme nem ingyenes, de ha ragaszkodunk a WordPress bloghoz, akkor ez egy tökéletes megoldás lehet. A theme itt vásárolható meg! 4. osCommerce osCommerce valószínűleg az egyik...