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...
PayPal fizetés tesztelése

PayPal fizetés tesztelése

A PayPal fejlesztői környezete (angolul sandbox) lehetőséget nyújta arra, hogy teszt regisztrációval és teszt fizetéssel kipróbáljuk, tesztelhessük a PayPal funkcióit mielőtt azokat élesben is használnánk a weboldalunkon. A fejlesztői környezetbe a következő linken lehet regisztrálni: https://developer.paypal.com/ A regisztrációhoz kattints a “Sign up now” gombra és töltsd ki az adatokat. A PayPal figyelmeztet, hogy ne az érvényes PayPal email címedet add meg. Ha kész vagy a regisztrációval, a rendszer küld neked egy megerősítő emailt, miután már be tudsz jelentkezni a fejlesztői környezetbe. Az első bejelentkezésnél létre kell hoznod min. 2 teszt fiókot. Egyet a vásárlónak, egyet pedig az eladónak. A bal oldali menüben kattints a “Test Accounts” menüre. Ezután kattins a “Preconfigured” opcióra. Ezzel minden fontos beállítás automatikusan meg lesz adva, neked csak a felhasználói adatokat kell kitöltened. Ha manuálisan szeretnéd létrehozni a fiókot akkor neked kell minden egyes beállítást megadnod. ez hasznos lehet, hiszen pontosan azokat az adatokat kell megadnod mint amikor élesben hozol létre egy új PayPal fiókot. Kétféle vásárlói és eladói profilt hozhatsz létre. Vásárlói profilok: Buyer (Use to represent your customer’s experience): ez egy egyszerű vásárlói profil. Ezzel azt lehet tesztelni, hogy mi történik, ha például a vásárló rákattint egy PayPal gombra, hogy megvásároljon egy terméket vagy szolgáltatást. Buyer In-Store (Use to represent your customer’s experience with in-store checkout enabled): Ezt az opciót akkor használd, ha a PayPal fizetés saját webshopon keresztül történik. Eladói profilok:   Seller (Use to represent yourself as the merchant): ez az egyszerűbb eladói profil. Ha a vásárló rákattint a fizetési linkedre akkor átirányításra kerül a PayPal oldalára. PayPal Payments Pro (Use to represent yourself as a merchant using Pro): Ennek az...

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....
Visszautasított linkek

Visszautasított linkek

Néhány héttel ezelőtt a Google Webmestereszközök új opcióval bővült, melyet arra használhatunk, hogy a webhelyünkre mutató rossz minőségű linkeket visszautasítsuk, és így azokat a Google ne vegye figyelembe az oldalunk rangsorolásánál. Az új opciót ezen a linken érhetjük el miután bejelentkeztünk a Webmestereszközök kezelőfelületére. Miért is lehet erre szükségünk? A keresési eredmények rangsorolásánál a Google, elsősorban az oldalunkra mutató linkeket és azok minőségét veszi figyelembe. A Panda és a Penguin algoritmus frissítések után már nem az oldalunkra mutató linkek mennyisége számít, hanem inkább azok minősége (releváns, nem spam szagú oldalakról mutasson felénk). A google a mi oldalunkra hivatkozó webhelyek minőségét, tartalmát is elemzi és így határozza meg a link minőségét is. Ha nagy mennyiségű, rossz hírnevű oldalakról származó linkek mutatnak a weboldalunk felé, akkor elképzelhető, hogy a Webmestereszközökben a Google már küldött is nekünk figyelmeztetést, hogy természetellenes linkek mutatnak a webhelyünkre. Ha ez megtörtént, akkor ezeket a linkeket meg kell szüntetni, hogy mihamarabb javuljon az oldalunk megítélése, és ne sérüljön a keresőben elfoglalt helyünk. Amennyiben hasonló probléma adódott, eddig csak annyit tehettünk, hogy kapcsolatba léptünk az oldal tulajdonosával és kértük a kérdéses linkek eltávolítását. Továbbra is ez az amit elsődlegesen tennünk kell. A visszautasított linkek opció akkor kerül a képbe, ha a linkek nem kerülnek eltávolításra. Ebben az esetben látogass el a fenti linkre, ahol megadhatod, hogy mely linkeket nem szeretnéd, hogy a Google figyelembe vegye az oldalad feltérképezése és rangsorolása során. Jelentkezz be a Webmestereszközök fiókodba és menj a Visszautasított linkek opcióra. Válaszd ki az oldaladat: Ezután fel kell töltened egy sima txt fájlt a következő tartalommal: # Contacted owner of spamdomain1.com on 7/1/2012 to # ask for...