Beste websitebouwer 2023. Maak je eigen websitesjabloon

U kunt meerdere elementen selecteren door met een cursor over het gebied te klikken en deze te slepen. U kunt alle multi-geselecteerde elementen samen verplaatsen, uitlijnen, dupliceren en indien nodig converteren naar een Group of Grid Repeater.

Ook al kunt u gegroepeerde elementen als een enkele eenheid verplaatsen en selecteren, u kunt ze allemaal bewerken — dubbelklik om een gegroepeerd element te openen en de eigenschappen ervan te bewerken in de contextwerkbalk of het eigenschappenvenster.

Het raster, rasterrepeater, over het algemeen alle containerelementen op volledige breedte, en het tekstelement zijn altijd 100% breed. U kunt de echte 100% zien in het waardeveld van het eigenschappenpaneel voor het geselecteerde element. U kunt de waarde voor Breedte ook in procenten instellen. De hoogte kan echter maar 100 procent zijn.

Groeperen is een veel voorkomende bewerking waarmee relatieve elementen kunnen worden gecombineerd en de belasting van het afzonderlijk besturen van elk element tijdens het verplaatsen, uitlijnen, enz. wordt geminimaliseerd. Om meerdere elementen te groeperen, selecteert u gebiedselementen of selecteert u elk door de SHIFT-toets ingedrukt te houden en vervolgens op de CTRL+G combinatie.

Veel populaire grafische en mockup-editors kunnen waarden wijzigen met de muis scrollen of verplaatsen. U kunt hetzelfde doen als de parameters en eigenschappen die met pictogrammen worden geïllustreerd. Ga naar het Eigenschappenpaneel, beweeg de muis over het pictogram naast het invoerveld voor eigenschappen en beweeg de muis naar rechts om de waarde te verhogen en naar links om deze te verlagen.

Wissel eenvoudig van blokpositie in de Page Navigator. U kunt ook de pijlen in de blokzijbalk en inhoudswerkbalk gebruiken om blokken omhoog en omlaag te verplaatsen in de editor.

De Groepsbewerking creëert een Groepselement, waarmee u verschillende elementen kunt samenstellen en als één geheel in de Editor kunt gebruiken. Als groep kunt u verschillende bewerkingen uitvoeren en acties toevoegen, waaronder het toevoegen van achtergrond en bewegende elementen en het toepassen van verschillende animatie-effecten op een groep en zijn elementen.

U kunt groepen, vormen en afbeeldingen toevoegen en randen voor elke zijde afzonderlijk opgeven. Het geeft u extra vrijheid om uw creatieve ideeën te realiseren. Selecteer bijvoorbeeld uw vorm. Ga dan naar het eigenschappenpaneel. Zoek het gedeelte Rand en klik op de optiepictogrammen. Selecteer de zijden waarvoor u de rand wilt weergeven.

U kunt de elementen, containers of blokken in de omtrek vergrendelen en ontgrendelen door op het pictogram Vergrendelen op de elementlaag te klikken. Het maakt uw ontwerpwerk handiger, vooral als u met meerdere details werkt.

Mogen afbeeldingen hun proporties veranderen tijdens het creatieve proces door in te zoomen en ze te passen tijdens het bouwen van een webpagina. Daarom kunt u de verhoudingen terugzetten naar het origineel door op het pictogram op de Context-werkbalk te klikken. Klik op het afbeeldingselement, vak of rastercel en klik op het pictogram Verhoudingen opnieuw instellen.

Gebruik de Smart Magnetic Guides om de positie van elementen in het ontwerp uit te lijnen en te perfectioneren. U kunt de snelgidsen zien terwijl u een element verplaatst dat aan andere elementen en containers vastklikt. Ze zijn erg handig voor het uitlijnen, bewerken en transformeren van elementen ten opzichte van andere elementen en containers wanneer u een website ontwerpt.

Sleep een gegroepeerd element om de hele groep te verplaatsen. U kunt elementen in een webblok groeperen en ze vervolgens als een enkele eenheid manipuleren door een groep met de binnenste elementen te selecteren en te slepen.

U kunt de afstanden tussen elementen in een blok meten terwijl u sleept en uitlijnt met de slimme magnetische hulplijnen. U ziet de afstanden terwijl u de afstand meet tussen teksten, afbeeldingen, pictogrammen, vormen, enz., en binnen groepen en rasters en andere containerelementen.

Terwijl u in de editor werkt, kunt u elementen, containers of hele blokken in de omtrek verbergen. Het is handig om je op enkele details te concentreren terwijl je de overlappende of belemmerende details verbergt.

Sleep markeringen voor afbeeldingen, teksten en andere elementen om het formaat te wijzigen. U kunt de SHIFT-toets ingedrukt houden om het formaat proportioneel te wijzigen en de ALT-toets om het midden vast te leggen. U kunt de rode magnetische geleiders volgen en vastklikken voor precisie.

U kunt de inhoudsbreedte wijzigen door de waarde te selecteren in de vervolgkeuzelijst voor de blokbreedte. Selecteer een blok en ga vervolgens naar het eigenschappenvenster. Klik in de eigenschap W (Breedte) op de kleine pijl om de vervolgkeuzelijst met opties te openen. Klik op de opties om de inhoudsbreedte te wijzigen van omkaderd naar breed.

U kunt afbeeldingen kopiëren en plakken vanaf het klembord. Deze functie wordt alleen ondersteund in de Nicepage Desktop-applicaties. U kunt afbeeldingen uit elke grafische editor kopiëren en in de Nicepage-editor plakken.

Om blokken te ordenen en te beheren, kun je ze hernoemen in het overzicht. Selecteer de pagina-navigator naar links om naar het tabblad Overzicht te gaan. Dubbelklik of selecteer de optie Naam wijzigen in de Opties. Wijzig de bloknaam om uw proces voor het ontwerpen van een website beter beheersbaar en handiger te maken.

Wijzig het formaat van blokken door simpelweg op de balkmarkeringen aan de boven- of onderkant van een blok te klikken en te slepen. Tijdens het vergroten/verkleinen kun je de afstanden zien voor en na de elementen die in een blok zijn geplaatst.

De rasterkolommen zijn een handig opmaakhulpmiddel voor grafische en website-editors. Ze vergemakkelijken de positionering en uitlijning van webdesign-elementen op een webpagina. Rasterkolommen zijn overal op de pagina zichtbaar. U kunt ze inschakelen door op de sneltoetsen CTRL+SHIFT+4 te klikken of door te selecteren in het rechtermuisknopmenu of de werkbalk Page's en Block's ñontext.

Pagina-opties zijn erg belangrijk voor het bouwen van websites, omdat deze lijst de essentiële bewerkingen voor de pagina bevat. U kunt de rasterkolommen inschakelen, de bewerkingen voor kopiëren en plakken, importeren en exporteren van pagina's gebruiken en toegang krijgen tot de instellingen. U kunt de pagina-opties openen vanuit het rechtsklikmenu door op het pictogram Opties rechtsboven in de Editor te klikken.

Ontwerp uw webpagina's en sjablonen door middel van slepen en neerzetten. Geniet van je werk terwijl je op een speelse manier prachtige websites bouwt zonder codering. Ontwerp en pas uw ontwerp aan met onze revolutionaire freehand Editor. Het is intuïtief, visueel, gebruiksvriendelijk, uit de vrije hand, slepen en neerzetten. Het gebruik van Nicepage is vergelijkbaar met werken in Microsoft PowerPoint, Apple Keynote en professionele ontwerpsystemen zoals Adobe Photoshop en Adobe XD.

De voettekst is een onderste blok van elke website die wordt gedeeld door alle webpagina's die gegevens bevatten die voor andere pagina's gelden. De informatie in voetteksten kan links bevatten naar pagina's, berichten of externe bronnen, referenties en copyrightvermeldingen, evenals links naar de sociale accounts, contact- en abonneegegevens, en meer.

Plak de voettekst onder aan een webpagina. U kunt deze optie toepassen om de voettekst naar de onderkant van het scherm te klikken als u niet genoeg inhoud heeft om de voettekst naar beneden te duwen.

U kunt de koptekst in het eigenschappenvenster voor een pagina verbergen en zichtbaar maken door op het grijze gebied buiten de editor te klikken en naar het eigenschappenvenster te gaan. Bovendien kunt u op de link rechtsboven in de Editor naast het pictogram Opties klikken om de verborgen koptekst op elk moment zichtbaar te maken, wat erg handig, snel en gemakkelijk te vinden is.

Voeg uw bedrijfs- of persoonlijk logo toe om uw website op internet te onderscheiden. Het logo is een afbeelding die in elk modern grafisch formaat kan zijn, inclusief SVG en WEBP.

Voeg het Нeadline-element in de koptekst in, die u als titel voor uw website kunt gebruiken. U kunt de kop gebruiken in plaats van het grafische logo en het stileren als elke tekst in de editor.

Gebruik de koptekst, het meest gedeelde blok op webpagina's. Het bevat meestal een logo, een menu, een oproep tot actie, contactgegevens, enz. De koptekst kan het volgende blok overlappen en kan plakkerig zijn bij het scrollen.

Het menu is het essentiële navigatie-element van elke website. U kunt het menu alleen aan de kop- en voettekst toevoegen en subitems maken als u veel webpagina's op uw site heeft.

Laat uw gebruikers de vereiste informatie op uw website vinden met behulp van het zoekelement in de koptekst. Houd er rekening mee dat de zoekfunctie de standaardfuncties van WordPress en Joomla gebruikt en om deze voor de HTML-website in te schakelen, moet u de code schrijven.

Voeg de aanmeldingslink in om verbinding te maken met de aanmeldingspagina op uw website. U kunt de link indien nodig stileren.

Het Mega-menu is de meest populaire lay-out die wordt gebruikt in moderne menu's met submenu-items. Hiermee kunnen subitems in kolommen worden toegevoegd, evenals afbeeldingen en andere elementen aan een menu. Om een megamenu toe te voegen, kun je een menu in de koptekst selecteren, naar het eigenschappenvenster aan de rechterkant gaan en de lay-out ervan overschakelen naar het megamenu door op het overeenkomstige pictogram in de sectie Lay-out te klikken.

Combineer meerdere koptekstblokken bovenaan uw pagina's tot één grote koptekst. Hiermee kunt u meer informatie plaatsen dan in de klassieke koptekst met één rij. U kunt menu, zoekveld, winkelwagen, sociale pictogrammen en contacten toevoegen aan twee en meer koptekstblokken. Meestal met verschillende kleuren voor de blokachtergronden. Het is het meest populair op eCommerce-websites.

Typografie bepaalt de stijl van alle tekstelementen op een hele website. Hiermee kunnen pagina's en blokken er in één stijl uitzien, wat essentieel is voor een goed webontwerp. Het helpt bij het stileren van elementen als titel, kop, tekst, hyperlink, knop, citaat en lijsten. U kunt het lettertype, de grootte, het gewicht, de kleur, de inspringingen en de afstand tussen tekstregels en letters wijzigen. Om uw werk te vereenvoudigen, hebben we de kant-en-klare Presets voorbereid.

Met de zijbalk rechts of links van het hoofdgedeelte van uw website hebben uw bezoekers snel toegang tot verschillende informatie. Gewoonlijk kunt u in WordPress-thema of Joomla-sjablonen de zijbalk toewijzen om widgets of modules uit te voeren, waarvoor WordPress-widgetgebieden of Joomla-posities vereist zijn die u kunt toevoegen en wijzigen in het beheerpaneel van uw website.

Voor WordPress- en Joomla-websites zijn er veel Login Designs beschikbaar. Om ze te openen, gaat u naar het paneel Snelle toegang tot sjablonen. Wanneer u de inlogsjabloon opent, klikt u op het blauwe Plus-pictogram om het menu Toevoegen te openen. U ziet de lijst met beschikbare ontwerpen voor de inlogsjabloon, waarmee u kunt beginnen of die u kunt gebruiken op uw webontwerpen.

De lettertypeschema's zijn een paar lettertypen die worden weergegeven als voorinstellingen voor lettertypen, die u voor alle tekst op een website kunt selecteren. Het eerste lettertype komt overeen en wordt toegepast op alle kopjes en titels van een website, en het tweede lettertype past goed en wordt gebruikt voor alle reguliere teksten en alinea's.

Het is aan te raden om niet meer dan vijf hoofdkleuren door de hele website heen te gebruiken, waardoor een goed webdesign ontstaat. Het geeft uw webpagina's een consistente en professionele uitstraling. Stel vijf kleuren in voor uw kleurenschema of kies er een uit kant-en-klare voorinstellingen. Nicepage genereerde automatisch meer kleuren met verschillende helderheid op basis van het hoofdschema. Je kunt ook zo veel kleuren toevoegen als je wilt.

In WordPress en Joomla worden blogs gestileerd met de themasjablonen. De blogsjabloon wordt gebruikt om overzichten van verschillende berichten weer te geven, en de berichtsjabloon geeft de inhoud van een enkele post weer. U kunt deze sjablonen aanpassen en verfijnen om een uniek uiterlijk te krijgen en de blogpagina's consistent te maken met de rest van uw webontwerp. Bovendien kunt u aangepaste blogsjablonen maken om ze aan verschillende berichtcategorieën toe te wijzen.

Als je een webshop hebt in WordPress of Joomla, dan kun je de eCommerce templates aanpassen met Nicepage. Gebruik de productlijstsjabloon om de productcatalogus met prijzen en korte beschrijvingen weer te geven. De Productdetails geven de informatie over elk Product weer, zodat uw gebruikers de hoeveelheid en variatie kunnen kiezen en door de productafbeeldingen kunnen schuiven. Door de lay-outs en kleuren van uw eCommerce-sjablonen aan te passen, kunt u ze in stijl houden met andere pagina's. Net als bij andere sjablonen, kunt u aangepaste eCommerce-sjablonen maken voor verschillende productcategorieën.

Mensen kunnen naar uw website komen voor een verkeerde URL of deze verkeerd typen in de adresbalk van een browser. In dat geval tonen veel websites de speciale 404 Not Found-pagina in plaats van de browserfout waardoor bezoekers op uw website kunnen blijven en doorgaan met navigeren. U kunt die pagina voor uw WordPress- of Joomla-website wijzigen met de Nicepage-toepassing door de 404 Not Found-sjabloon te bewerken.

Stel dat u een site in WordPress of Joomla heeft en u wilt dat uw gebruikers inhoud toevoegen via de administratie van een website. De standaard inlogpagina die door uw contentmanagementsysteem wordt aangeboden, komt qua ontwerp echter niet overeen met de rest van uw website. In dat geval kunt u de lay-out van de inlogsjabloon stileren in de Nicepage-toepassing, waardoor de inlogpagina een consistente maar tegelijkertijd unieke uitstraling krijgt voor uw specifieke websiteproject.

Exporteer HTML-websites, WordPress-thema's en Joomla-sjablonen vanuit de Nicepage-toepassing voor Windows of Mac OS. Deel projecten met andere gebruikers en toon screenshots aan uw bestaande en potentiële klanten.

Als er meerdere mensen aan een website werken, is er een probleem dat iemand met minder ervaring het ontwerp of de inhoud kan breken. Of u bent een ontwerpstudio en u wilt voorkomen dat uw klanten de website aanpassen en u wilt de bewerking alleen zelf doen. Om bewerkingsmogelijkheden te scheiden, kunt u de gebruikersrollen gebruiken, zoals Design Editor of Content Editor. Om een editor in WordPress toe te voegen, kunt u een nieuwe gebruiker registreren en een benodigde rol toewijzen.

De White Label-functie stelt u of uw bedrijf in staat om websites en thema's die met Nicepage voor WordPress en Joomla zijn geproduceerd, te hernoemen, zodat ze eruitzien als die van u. Het zal de geloofwaardigheid van uw merk vergroten, uw klantenloyaliteit versterken en u veel tijd en geld besparen. Veel ontwerpstudio's en digitale marketingbureaus genieten van de White Label-optie. Door uw branding op plug-ins te plaatsen, bouwt u aan naamsbekendheid en een sterker gevoel van vertrouwen bij uw klanten.

Voeg de Cookie Popup toe die voldoet aan de vereisten van de Algemene Verordening Gegevensbescherming van de EU. Voor de Europese Economische Ruimte is de wettelijke regeling op het gebied van gegevensbescherming en privacy vereist. Het behandelt ook de overdracht van persoonsgegevens buiten de Europese Unie. U kunt de AVG-cookiepop-up inschakelen in de site-instellingen.

Voeg de Favicon van uw website toe aan de site-instellingen. De moderne browsers hebben meestal de Favicon-ondersteuning en geven deze weer in de adresbalk van de browser, tabbladen naast de naam van de pagina en de lijst met bladwijzers. Meestal heeft de Favicon het ICO-formaat.

Koppel uw sites aan Google Analytics, Google Tag Manager en Google Optimize Container om gegevens te verzamelen en meer inzicht te krijgen in uw sitepubliek. U krijgt alle analysetools gratis en op één plek voor al uw persoonlijke of zakelijke taken.

Het Custom Domain is een unieke naam die je voor je website of merk hebt gekocht bij een van de populaire registranten. U kunt dit aangepaste domein toewijzen aan één site die is ontworpen in plaats van de automatisch gegenereerde subdomeinnaam door de Nicepage Online Builder. U kunt het aangepaste domein online instellen in de site-instellingen en de exportdialoog in de bureaubladtoepassingen.

U kunt uw webpagina's beveiligen met een wachtwoord. Klik hiervoor op het grijze gebied rond de Editor om de pagina te selecteren. Ga naar het eigenschappenvenster en scrol omlaag naar het gedeelte Wachtwoordbeveiliging. Stel je wachtwoord in. Voorbeeld. Als u een dergelijke pagina opent, wordt wachtwoordbeveiliging geopend.

Op het Dashboard is het nodig om direct de gepubliceerde webpagina's te zien. Daarom is er een pictogram dat dit aangeeft. Als u een website publiceert, ziet u het blauwe wereldbolpictogram links van de projectnaam van de website.

U kunt het aangepaste domein en subdomein voor een website die wordt gehost op Nicepage zien en instellen in de site-instellingen. Klik daarvoor op het pictogram Site-instellingen of de link op de bovenste balk. Voer in het tabblad Algemeen de gewenste datum in die overeenkomt met uw website.

Gebruik het tabblad Sociaal delen in de pagina-instellingen om aan te geven hoe uw webpagina op de sociale media wordt weergegeven. U moet de titel, beschrijving, afbeelding en URL invoeren.

Presenteer het aanbevolen product op uw websitepagina's. U kunt de lay-out wijzigen en het productblok stileren om het een unieke uitstraling te geven.

De winkelwagensjabloon is een afsluitende pagina van elke online winkel. Het moet een productoverzicht, hoeveelheid, prijs, totalen, andere essentiële gegevens bevatten en, belangrijker nog, doorgaan naar de afrekenknop.

Voeg het winkelwagenpictogram toe aan de kop van uw website, die het aantal toegevoegde producten aan de winkelwagen toont en u met een klik de afrekenpagina kunt openen.

Met Nicepage Desktop Application voor Windows of Mac OS kunt u afrekenpagina's ontwerpen voor WooCommerce in WordPress en VirtueMart in Joomla. Om de Checkout-sjabloon te bewerken, gaat u naar het Sjablonenpaneel van Quick Access aan de rechterkant en selecteert u de Checkout-sjabloon. Bewerk het ontwerp van de sjabloon. Wanneer u uw thema voor uw eCommerce-website exporteert, exporteert u de Checkout-sjabloon met alle andere eCommerce-sjablonen.

Toon de nieuwste producten op elke pagina van uw website, inclusief de startpagina. U kunt lay-outs specificeren en het aantal berichten kiezen dat u wilt weergeven.