Címke: ‘weboldal’

Milyen széles? Milyen magas?

Munkám során sokszor belefutok a címben feltett kérdésekbe. Pl. amikor arra vagyok kíváncsi, hogy egy oldalsávra vagy fejlécbe  milyen széles bannert/logót/stb. készítsek.

Fejlesztéskor Google Chrome böngészőt használok, amelyre van olyan kiegészítő, amelynek beépített funkciója, hogy egy-egy weboldal részletről megmondja, hogy milyen széles.

Azonban ezt mindenféle kiegészítő nélkül is tudja a Google Chrome!
Véletlenül félrenyomtam a billentyűzeten, így jöttem rá erre a funkcióra. Amikor egy weboldalt böngészel, nyomd meg a AltGr+R billentyűkombinációt, amelyre elő fog ugrani az alábbi mérőeszköz.

Ezt pozicionálva, mozgatva könnyedén meg tudod nézni, hogy egy-egy weboldal részlet milyen széles, pixelben (mert ugye a weben ebben mérünk, és nem cm-ben!). Nekem nagyban megkönnyítette ez a gyorskód a munkámat, remélem neked is hasznodra válik!

Egy kép a működéséről:

Weboldal csere, 69 mp leállással (esettanulmány)

Munkám során számos érdekes feladatom van, az egyik a következő volt: Adott egy WordPress weboldal, amely HELYETT egy másik WordPress weboldalt készítettünk, és minél kevesebb üzemidő-kieséssel szerettem volna megoldani az új WordPress weboldalra való átállást, hiszen a látogatók szempontjából létfontosságú, hogy ne hibás weboldalra érkezzenek.

Szándékosan emeltem ki a “helyett” szót, mert nem a meglévő oldalt alakítottuk, hanem egy teljesen új WordPress telepítésből alakítottuk ki az új weboldalt. Amikor elkészült az új oldal egy teszt tárhelyen, akkor azt költöztetni kellett a végleges, a régi weboldal helyére. Ugye a költöztetéskor a weboldal fájljait, és az adatbázist is át kell másolni a leendő szerverre. De esetünkben már ott volt egy WordPress weboldal összes fájlja, amely egy éppen működő weboldalt szolgált ki.

Hogyan lett mégis megoldva, hogy mindössze 69 másodpercig állt a weboldal?

  1. Az új weboldal minden fájlját lemásoltam a saját gépemre, valamint kiexportáltam az adatbázisát is.
  2. A lementett wp-config.php fájlban átírtam a kapcsolódási adatokat az új tárhelynek megfelelően.
  3. A MySQL adatbázisban kicseréltem az teszt tárhely url-jét a leendő újra.
  4. A MySQL adatbázist importáltam az új tárhelyen. Arra már az új weboldal kialakításakor figyelni kellett, hogy az adatbázis előtag más legyen, mint a régi weboldalnál. Valamint arra, hogy az alábbi pontok végrehajtása után a régi weboldal tábláit törölni kell az adatbázisból.
  5. A fájlok FTP-n történő felmásolásakor kellett figyelni, hiszen ha elkezdem felülírni/összekeverni/törölni a régi fájlokkal az újakat, abból csak bonyodalom lenne. Ezért először a saját gépemen lévő weboldal mappákkal kellett valamit kezdeni. Ugye a WordPress alapvetően 3 mappából és néhány fájlból áll. A mappák: wp-admin, wp-includes, wp-content. Ezeket átneveztem a következőkre: wp-admin2, wp-includes2, wp-content2. Így ezek a mappák anélkül felmásolhatóvá váltak az új tárhelyre, hogy befolyásolnák a jelenleg még működő, régi weboldalt. Ekkor ugye még leállás nélkül működik a régi weboldal.
  6. Miután a wp-admin2, wp-includes2, wp-content2 mappák fel lettek másolva a régi weboldal mellé, indul a stopper, indul a 69 mp, amikor elérhetetlen lesz a weboldal! Mi történik ezalatt? Lássuk:
  7. A tárhelyen már korábban fent lévő wp-admin, wp-includes, wp-content mappákat át kell nevezni a következőképpen: wp-admin3, wp-includes3, wp-content3. Azért nem töröljük egyből, hogy kevesebb ideig álljon a weboldal!
  8. A wp-config, és a többi alapértelmezett gyökér-könyvtárban található WordPress fájlt (csak azokat!!) töröltem a szerverről, és a helyettük felmásoltam az új WordPress ezekkel megegyező nevű (ha eltérő a régi és új WordPress verziója, előfordulhat, hogy nincs minden ilyen fájlnak párja) fájljait.
  9. A wp-admin2, wp-includes2, wp-content2 mappákat át kell nevezni, méghozzá így: wp-admin, wp-includes, wp-content.
  10. Ennyi volt, az régi weboldal helyén máris elérhető az új!
  11. Ne felejtsük el törölni a wp-admin3, wp-includes3, wp-content3 mappákat, valamint a 4. pontban említett táblákat.

De jól néz ki! Ez WordPress? Vajon mi a kinézet neve?

Volt már olyan veled, hogy egy weboldalt nézegettél, és felmerült benned a címben szereplő kérdések bármelyike? Ha igen, és értesz hozzá, akkor ezután nyilván az következett, hogy megnézted az adott weboldal forráskódját, majd kinyerted onnan a szükséges információkat, pl. a kinézet fájljait tároló mappa nevéből és/vagy a css fájlból, vagy egyéb módon.

Mostantól meg könnyebb dolgod lesz, sőt, még extra információkat is megtudhatsz egy-egy WordPress weboldalról. Persze csak olyanokat, amelyeket a forráskód megnézésével is kinyerhetnél. De miért is turkálnánk a forráskódban, amikor van rá egyszerűbb megoldás is?

A “Milyen WordPress kinézet ez?” weboldal használatával könnyedén megtudhatjuk a minket érdeklő információkat. Ehhez nem kell mást tenni, mint a minket érdeklő weboldal címét bemásolni az ott található mezőbe, majd a “Check Site” (oldal ellenőrzése) gombra kattintani.

Ezután két dolog történhet:

1) A weboldal nem WordPress. Ezt jelzi is a weboldal. Ezzel most nem foglalkozok, hiszen nem erről szól ez az oldal.

2) A weboldal WordPress. Ekkor a weboldal kinyeri a forráskódból és a fájlokból az információt, és ha elérhető, akkor megmutatja a használt kinézet nevét, elérhetőségét, szerzőjét. SŐT, extraként még a használt bővítményekről is készít egy listát, amely mellé egyből felajánl egy Google keresést is, vagy egy kattintással átmehetünk a bővítmény wordpress.org-os lapjára.

Plusz remek funkció: felül található egy “Most Popular” menüpont, ahol meg lehet nézni, hogy mely kinézetek a legelterjedtebbek, illetve mely bővítményeket használják a leggyakrabban a lekérdezett weboldalakon.

qTranslate – widgetcím fordítási trükk

Ahogy a mondás tartja: “A jó pap is holtig tanul.” – Munkám során nap mint nap rengeteg dolgot tapasztalok, próbálok ki, és tanulok meg. Következzék hát egy kulisszatitok. Sokáig úgy gondoltam, hogy a qTranslate nevű WordPress bővítménnyel csak egy nevet lehet megadni egy-egy widgetnek. Azaz bármilyen nyelven is nézi a látogató a weboldalt, mindig csak egy adott nyelven láthatja a widgetek címet. Ez alól kivétel volt az összes alapértelmezett (pl.: legutolsó hozzászólások, legújabb cikkek, oldalak, stb.) WordPress widget, amelyeknek ha nem adtunk címet, akkor a rendszer olyan nyelven jelenítette meg a widget-címet, amely nyelven éppen állt a weboldal. De az egyéni widgeteknél nem lehetett mást tenni, mint megadni egy címet, amelyen nem lehetett nyelvenként változtatni. Legalábbis így tudtam. Lehet, hogy a lentebb bemutatott trükk már a régebbi qTranslate verziónál is működött, azonban én csak nemrég ismerkedtem meg vele egy ügyfél által kezelt weboldalon.

A következő videón tehát bemutatom, hogyan lehet az alábbi képnek megfelelően nyelvenként egyedi címet adni a widgeteknek:


qTranslate kompatibilitási probléma

Ha használod a weboldalad több nyelven való megjelenítéséhez a qTranslate nevű bővítményt, akkor hasznos lesz számodra a következő táblázat.

Mivel a többnyelvű weboldalt kiszolgáló WordPress-t is frissíteni kell, nem árt tisztában lenne vele, hogy ennél a bővítménynél a frissítés tönkreteheti a weboldalt részben, vagy egészben. Mielőtt frissíted a WordPress-t, meg kellene nézned a lenti linken, hogy a leendő WordPress verzióhoz van-e működő qTranslate verzió. AZAZ NEM MINDEGY, HOGY MILYEN WORDPRESS VERZIÓ MELLÉ MILYEN VERZIÓJÚ QTRANSLATE PLUGINT HASZNÁLSZ! Ha van, akkor egymás után kell frissíteni a WordPress-t, és a qTranslate bővítményt is, hogy ne legyen fennakadás csak az egyiknek a frissítése miatt.

Egy Ügyfél oldalát frissítettem a napokban, és ott derült ki, hogy a fentiekre figyelni kell. Frissítettem a WordPress-t a 3.5 verzióra, és a qTranslate plugint is a legfrissebbre. Erre elromlott a szerkesztőfelület. Erre csak azt tudtam csinálni, hogy a WordPress-t VISSZAFELÉ frissítettem, kettővel korábbi verzióra, míg a qTranslate plugint eggyel régebbire. Így helyreállt a rend, és ismét működött minden megfelelően.

A jelenlegi kompatibilitás táblázat itt érhető el. A legfrissebb táblázat itt található mindig: http://www.qianqin.de/qtranslate/download/

qTranslate 2.5.31 letöltés – (ez a WordPress 3.4.1-es verziójával kompatibilis.

Használt bővítmények megmutatása a látogatóidnak!

A következő videón bemutatott bővítmény segítségével lehetőség van arra, hogy a látogatóidnak egyszerűen megmutasd, hogy milyen bővítményeket használsz a weboldaladon. A bővítmény generál egy listát, amely tartalmazza a bővítmények nevét, verzióját és leírását.

A plugin konfigurálható, nem muszáj az összes bővítményt kilistáztatni, sőt biztonsági okokból nem is érdemes.


Egy igen gyakori, kinézeteket és bővítményeket érintő biztonsági rés befoltozása

A Timthumb nevű php scriptet rengeteg bővítmény és WordPress kinézet használja. Azonban van a korábbi verziójában egy súlyos sérülékenység!

A Te weboldalad biztonságban van?
A videó megtekintése után nem kell félned, pillanatokon belül befoltozhatod a weboldaladon tátongó biztonsági rést, természetesen programozói tudás NÉLKÜL!


Jelszó követelmények – biztonsági bővítmény!

Tudtad, hogy nem csak a saját felhasználói fiókon keresztül törhetik fel a weboldaladat, hanem az összes, a weboldaladhoz hozzáféréssel rendelkező ember fiókján keresztül is?

Sajnos az emberek hajlamosak gyenge jelszót használni, főleg ha nem a saját weboldaluk biztonságáról van szó.

A következő – magyar nyelvű – bővítménnyel meghúzhatod a határokat. Mindenkinek kötelező lesz minimum olyan erősségű jelszót választania, amely megfelel az általad támasztott jelszó követelményeknek!

Íme a videó a bővítményről:


WordPress weboldal klónozás, biztonsági mentés

Weboldal klónozás – Miért hasznos?
Az éles weboldal működésének veszélyzetetése nélkül létrehozhatod egy másik tárhelyen/domain alatt/almappában/aldomainen stb. a weboldalad “klónját”, amelyen bátran kísérletezgethetsz, fejleszthetsz az eredeti, éles weboldalban nem tudsz kárt tenni!

WordPress biztonsági mentés – Miért hasznos?
Itt, a weboldal készítés tanfolyamon volt már arról szó, hogy a biztonsági mentés rendszeres elkészítése nagyon fontos dolog, ezt itt nem is részletezem tovább, hogy miért.

Hogyan?
Nézd meg a következő, ~12 perces videót!


Videót az oldalsávra – videómegosztó portálokról

A következő bővítmény segítségével rengeteg videómegosztó portálról jeleníthetsz meg videó(ka)t a weboldalad oldalsávján!