Bár a weboldalak készítéséhez nagyon is kézenfekvő választás lehet a WordPress, hiszen teljesen platform-független módon rakhatjuk benne össze, majd menedzselhetjük a honlapunkat, ha valakit nem zavar a rendszerhez kötött szerkesztés, akadhatnak jobb megoldások is. Sokan nem tudják, hogy a klasszikus weboldal-készítő szoftverek világa még mindig aktív, kiváltképp macOS-en. A RapidWeaver Elements 2 például tökéletes példája annak, hogy van élet a WordPressen és a többi online oldalépítő és CMS szolgáltatásokon túl is. Ezzel a programmal offline készíthetjük el modern weblapjainkat, hogy aztán pillanatok alatt publikáljuk azokat olyan formában, hogy akár egyszerűbb szervereken is kiválóan teljesítsenek. Ráadásul itt is megúszhatjuk a dolgot HTML, JS és CSS kódok irogatása nélkül, bár természetesen adott a lehetőség arra is, hogy ilyenek segítségével illesszünk be egyedi megoldásokat leendő honlapjainkba. Bár az a helyzet, hogy viszonylag kevés olyan elem van, amivel kapcsolatban az Elementsben erre szükség lenne. Lássuk, hogyan oldható meg a weboldal készítés Macen, akár egyetlen sor kód beírása nélkül is, profi kivitelben.
RapidWeaver Elements 2: weboldal készítés Macen, akár kódok írása nélkül is
Aki a kezdetektől velünk tart, már találkozhatott a RapidWeaver nevével hosszú évekkel ezelőtt is. Anno ugyanis teszteltük a programot, amely így visszanézve, ehhez képes már fapadosnak tűnik, pedig amúgy szintén elég praktikus – csak sok szempontból korlátozott – volt. Ennek utódja a RapidWeaver Elements, amelynél már az első indításakor feltűnhet, hogy nem pusztán ráncfelvarrás történt. A fejlesztők egy sokkal modulárisabb, vizuálisabb rendszert építettek, amelyben az úgynevezett Elements-komponensek segítségével rakhatjuk össze az oldalainkat.
Indulhatunk teljesen üres lappal, de kapunk egy halom ingyenes sablont is, amelyeket vagy felhasználhatunk, vagy kiváló alapot adnak a felület használatának megtanulásához. Sőt, alkalmazáson belül komplett weboldalakat is vásárolhatunk, ami egy sürgős fejlesztés esetében jelentősen lerövidítheti a honlap elkészítésének idejét. Ráadásul nem csak a weblap felépítését tervezhetjük meg játszi könnyedséggel a vizuális elemeket használva és azok jellemzőit igény szerint módosítva, merthogy az új verzió természetesen már AI funkciókat is kapott. Ennek megfelelően a tartalom megírása, átírása, de akár fordítása is pillanatok műve lehet.
Nem állítjuk, hogy a RapidWeaver Elements 2 használatának elsajátítása mindössze 5 perc lenne, de az biztos, hogy sokkal gyorsabban meg lehet szokni, mint a WordPress-t és társait. A felületen nagyon kényelmesen menedzselhetjük az aloldalakat, villámgyorsan kiválogathatjuk egy adott oldal elemeit, s azok testreszabásában is kiváló partner a program.
Természetesen dolgozhatunk központi formázásokkal is, amelyeket pillanatok alatt ráhúzhatunk egy-egy lap elemeire, így ha utólag módosítani kell a színen, betűtípuson és egyéb oldaljellemzőkön, sokszor az egész megvan egyetlen kattintással. Emellett pedig ott a lehetőség, hogy minden elemmel elbíbelődjünk manuálisan, akár teljesen egyedi felépítést adva az oldalaknak.
Bár a program maga macOS alatt működik – és gyönyörűen optimalizálták, így villámgyors -, az elkészült weboldal természetesen platformfüggetlen, megnyitható lesz bármely rendszeren, bármely böngészőben. És a kor követelményeinek megfelelően akár reszponzív is lehet.
Reszponzív design kompromisszumok nélkül
Fontosabb fejlesztési irány volt a reszponzív működés. Az Elements 2-ben már nem kell külön trükkökhöz folyamodnunk, ha mobilbarát oldalt szeretnénk készíteni. A layout rendszer alapból úgy lett kialakítva, hogy a végeredmény passzoljon a különböző kijelzőméretekhez.
A szerkesztőfelületen könnyedén válthatunk nézeteket, így azonnal látjuk, hogyan viselkedik az oldal asztali, tablet vagy mobil kijelzőkön. Így az esetleges problémákat még a publikálás előtt könnyedén kiszúrhatjuk.
A lapokon felhasználható komponensek között minden lényeges webes objektum képviselteti magát, az egyszerű gomboktól, az űrlap elemeken át, az interaktív sliderekig. Ezeknek minden jellemzőjét kényelmesen testreszabhatjuk a jobb oldalsávon, egy sornyi CSS kódot sem kell írnunk, hogy az összes elem pontosan ott és úgy jelenjen meg, ahogy azt elképzeltük. Minden módosítás hatása azonnal látható a vásznon, így teljes kényelemben tervezhetünk. Természetesen van lehetőség külön világos és sötét témához igazítani az oldalt, s bizonyos elemek jellemzőinél is külön beállítható, hogy melyik üzemmód esetében miként viselkedjenek. Az Elements 2-ben nem vagyunk bezárva egy sablonrendszerbe. Ha szeretnénk, pixelre pontosan kialakíthatjuk az oldal megjelenését, miközben a vizuális szerkesztő bármikor gyorsítja a munkafolyamatot.
Ugyanilyen kényelmesen, a grafikus felületen tudjuk módosítani az aloldalak vagy épp a teljes site jellemzőit is, beleértve a SEO optimalizálást, a robotokhoz való viszonyt stb. Az Edit extra code gombra kattintva pedig ugyanitt könnyedén megadhatunk egyedi kódokat az oldal teljes kódjának adott részletéhez (head, body stb.), illetve egyedi CSS és JS kódokat is beilleszthetünk (ezek hatását viszont már csak teljes előnézet megnyitásával vagy az oldal publikálásával tudjuk ellenőrizni), a vásznon nincs hatásuk.
Bár a felületen mindent összerakhatunk magunk is, a Templates fülre kattintva a bal oldalsávon egy halom előre összerakott Core elemet találunk (kapcsolati űrlaptól a zenelejátszóig), amelyek tökéletesen megfelelnek a modern weboldalaknál elvárt stílusnak és felépítésnek. Utólag persze ezek jellemzőit is gond nélkül módosíthatjuk, de amúgy villámgyorsan összerakhatunk velük egy komplett oldalt.
Ugyanott van egy Resources fül is, amelynél nyomon követhetjük az összes, az site-on használt képet, grafikai elemet, médiafájlt, illetve a Core részben itt is találunk előre definiált dolgokat, többek között egy halom professzionális hátteret, ikont és elválasztót.
A beállítások között egyébként találunk optimalizálási lehetőségeket is, így például van CSS és JavaScrip minify, CSS optimalizálás, sitemap generálás, anonimizálási opció, vagy épp lazy loading a képekhez egyaránt. De akár a template-ek alap kódjába is bele tudunk nyúlni, ha valami nem nyerte el a tetszésünket.
Beépített markdown-alapú CMS megoldás
Míg a korábbi verziónak egy integrált blogszerkesztő funkciója volt, ami ugyan kényelmes megoldás, de egyben azt is jelentette, hogy ha bármilyen új tartalmat, esetleg blogbejegyzést kellett feltenni, azt csak a programban tehettük meg, addig a RapidWeaver Elements 2 erre a célra egy markdown alapú CMS megoldást kínál. Így nemcsak statikus oldalak készítésére alkalmas, hanem egy saját blogot vagy gyakran frissülő tartalmú oldalakat is gond nélkül készíthetünk vele. Mindezt úgy, hogy nem kell adatbázis-alapú rendszert üzemeltetni, mert a tartalmakat egyszerű szöveges fájlokban tárolhatjuk, amelyekben markdown jelölésekkel tudunk formázni mindent. Ezeket az Elements automatikusan feldolgozza és beépít az oldal struktúrájába. Ha új bejegyzést szeretnénk létrehozni, elegendő egy új fájlt hozzáadni a szerveren a megfelelő mappához, és az máris megjelenik a weboldalon a megfelelő helyen, az általunk eltervezett módon tördelve. Ezen az elven dinamikus listák, blognézetek vagy akár egyedi tartalmi struktúrák is kialakíthatók, mindezt anélkül, hogy szerveroldali programozásra lenne szükségünk.
Összegzésül: sokoldalú és még bővíthető is
A RapidWeaver Elements 2 leginkább azoknak lehet érdekes, akik macOS-en dolgoznak, és értékelik a natív alkalmazások stabilitását és teljesítményét. Bár a használata gyorsan elsajátítható és annyira kényelmes, hogy kezdők is pillanatok alatt hozhatnak vele létre összetett site-okat, azért ha van némi webes ismeretünk, akkor jóval többet is kihozhatunk belőle, mint a Core elemek és sablonok használatával. Ráadásul a programon belül van egy webshop is, amelyben tucatnyi kész site, sablon, színséma, kiegészítő funkciókat kínáló összetevő – oldalak jelszavas védelme, véletlenszerű tartalom megjelenítő, előtte-után képek stb. – tölthető le ingyen, vagy vásárolható meg külön.
Fura, hogy az AI funkciók terén az oldalépítésre nem kaptunk – egyelőre – lehetőséget, viszont a szövegek manipulálására, vagy akár újak írására, meglévők fordítására remekül használható az AI eszköztár.
Maga a RapidWeaver Elements próbaképpen használható ingyen is, de ha ténylegesen dolgoznánk vele, akkor ezt éves előfizetéssel tehetjük meg, amihez több csomagból is választhatunk, attól függően, hogy pontosan mi a célunk (saját oldalakat készítenénk, esetleg ügyfeleknek is létrehoznánk site-okat stb.). A megvásárolt változat amúgy 3 Macen telepíthető, így ha több környezetben fejlesztünk, nem kell bajlódnunk a licenc ide-oda aktiválásával
Mindent egybevetve, bár a korábbi verzió is remekül kiszolgálta a kezdőket, azért zongorázni lehet a különbséget a régi és az új között. A RapidWeaver Elements 2 már egyértelműen professzionális eszköz a webfejlesztéshez, amelyet mindenkinek csak ajánlani tudunk, aki maces környezetben foglalkozik webfejlesztéssel, akár saját célra, akár üzletileg, s nem mindig WordPress alapú megoldásokban gondolkodik.
Saját weboldalt készítene, de jól jönne hozzá profi segítség?
A cikkben bemutatott eszközökkel ma már sok mindent el lehet készíteni önállóan is, legyen szó bemutatkozó oldalról, céges honlapról vagy egyszerűbb landing page-ről. Ha viszont fontos a jól átgondolt felépítés, a letisztult megjelenés, a keresőbarát tartalom és a technikailag stabil megvalósítás, érdemes szakmai segítséget kérni.
