Inhoudsopgave:

Hoe maak je een stijlvolle website? Uitgeverij Tilda
Hoe maak je een stijlvolle website? Uitgeverij Tilda
Anonim

- een modulaire constructor waarmee je in korte tijd toffe sites kunt maken: portfolio's, landingspagina's, online winkels, speciale projecten, interactieve verhalen, blogs. Alles wordt alleen beperkt door uw verbeeldingskracht. Hoe u uw eigen website kunt maken met behulp van de service, lees de instructies van onze vrienden bij Tilda Publishing.

Hoe maak je een stijlvolle website? Uitgeverij Tilda!
Hoe maak je een stijlvolle website? Uitgeverij Tilda!

Hoe Tilda verschilt van andere constructeurs

1. Ontwerpcode

U stelt een site niet alleen samen uit elementen, maar uit blokken die vooraf zijn ontworpen door een ontwerper. Is het tekst, dan worden de lettergrootte, inspringingen en regelafstand daarin aangepast. Als dit een foto is, staat het onderschrift op de juiste plaats. De meeste blokken zijn opgebouwd uit meerdere elementen die de ontwerper al heeft geassembleerd tot een compositie. Je hoeft niet te puzzelen waar en wat er moet komen.

Tilda: ontwerpcode
Tilda: ontwerpcode

Bijvoorbeeld dekking (eerste scherm). Het bestaat uit een foto, een titel, een beschrijving en soms een knop. Je evalueert de inhoud die je hebt, kiest de juiste optie uit 30 covers, wijzigt de foto en tekst - je bent klaar. U hoeft niet na te denken over de grootte van het lettertype of de inspringing tussen de titel en de beschrijving, waar de knop moet komen. De ontwerpers hebben voor je gedacht. Uiteraard kunnen alle parameters worden gewijzigd als er vertrouwen en begrip is voor wat u doet. Maar als uitgangspunt zijn vooraf ontworpen blokken een zeer goede ondersteuning.

Afbeelding
Afbeelding

2. Flexibiliteit in gebruik

De ontwikkelaars dachten mee: koppel je eigen domein of subdomein, laat de site op het Tilda subdomein, exporteer de site en plaats deze op je server, maak een deel van de site op Tilda en embed deze in de bestaande site, zet publiceren via de API. Er zijn plug-ins voor integratie met de site op WordPress en Bitrix.

3. Diensten voor het ontvangen van gegevens van formulieren

Twintig services zijn geïntegreerd met Tilda: e-mail, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello, Zep Webhook.

U kunt sollicitaties per e-mail ontvangen, mailinglijsten aanmaken of leads verzamelen in een Customer Data Management (CRM) systeem.

Gebruikers kunnen ook gratis de ingebouwde Tilda CRM gebruiken om gemakkelijk met applicaties te werken.

4. Unieke elementen toevoegen

Als u speciale functies nodig hebt die niet standaard beschikbaar zijn, gebruikt u de HTML-invoegfunctie. U kunt kant-en-klare oplossingen vinden of de ontwikkeling van een programmeur bestellen - een stukje code kost geen fortuin.

Services die eenvoudig aan een Tilda-project kunnen worden toegevoegd:

  • Tijdlijn voor evenementen -.
  • Interactieve kaarten -.
  • Verkoop van tickets voor het evenement -.
  • Interactieve afbeeldingen -.
  • Feedback -.

5. Professionele Zero Block-editor voor ontwerpers

Met behulp van Zero Block kunt u een website-ontwerp van elke complexiteit maken. In het Zero-blok kun je alle elementen van de site bewerken en complexe animaties opzetten.

Afbeelding
Afbeelding

6. Diensten voor het accepteren van betalingen

Wanneer u een online winkel op Tilda aanmaakt, kunt u een voor u handig betalingssysteem aansluiten en legaal online betalingen ontvangen. Tilda heeft 14 betaaldiensten beschikbaar voor verbinding: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe en WayForPay.

Aan de slag bij Tilda Publishing

Aan de slag bij Tilda Publishing
Aan de slag bij Tilda Publishing

Laten we van theorie naar praktijk gaan. Nadat u zich op Tilda heeft geregistreerd, geeft u uw nieuwe site een naam, klikt u op de knop "Een nieuwe pagina maken" en ziet u een lijst met sjablonen. Kies degene die bij je past en pas deze aan, of begin met een blanco pagina. De keuze beperkt uw creativiteit op geen enkele manier: u kunt de sjabloon op elk moment onherkenbaar wijzigen. Dit is slechts een voorbeeld van een goed ontwerp en een voorbeeld van het gebruik van blokken.

Afbeelding
Afbeelding

Als je besluit om helemaal opnieuw een pagina te maken, biedt Tilda je een korte video aan over hoe de interface werkt.

De interface is heel eenvoudig: aan de linkerkant is een bibliotheek met blokken verdeeld in categorieën. De volledige inhoud van het blok wordt bewerkt op basis van click-and-change.

Bewerken in Tilda Publishing
Bewerken in Tilda Publishing

Algemene richtlijnen voor het maken van een website

Strikt genomen begint het maken van een webproject niet met het registreren bij een websitebouwer. Eerst moet u een idee formuleren en nadenken over de structuur, vervolgens onderzoek doen, vervolgens verschillende opties voor de toekomstige site schetsen en de inhoud voorbereiden. De details van dit proces worden gedetailleerd beschreven in het Tilda Publishing-teamartikel "".

Bekijk hoe verschillende soorten projecten worden gemaakt: pagina, site met meerdere pagina's, blog of longread.

Dit gedeelte helpt u de mogelijkheden van het platform beter te begrijpen en inspiratie op te doen. Hier zijn enkele voorbeelden van goed gebruikerswerk.

Afbeelding
Afbeelding

Zodra je alle blokken hebt ingesteld, moet je ervoor zorgen dat de site er mooi en netjes uitziet. Lijn inspringingen uit, maak koppen consistent, controleer of de lettergrootte hetzelfde is in de tekst. Zorg voor voldoende vrije ruimte op de site. Meer over netheid lees je in het artikel van het Tilda-team "".

Denk aan sitenavigatie of binnen een enkele pagina. Voeg een menu toe, zorg dat het visueel goed is: niet te groot, overbelast niet de hele pagina. Er mogen niet veel menu-items zijn, bij voorkeur niet meer dan vijf. Voel je vrij om secties te vergroten. Houd de namen kort, ze moeten in één oogopslag worden gelezen. Een menu-item van drie woorden past duidelijk niet.

Menu voorbeeld
Menu voorbeeld

Zorg ervoor dat u een merklettertype opneemt. In Tilda kunt u basislettertypen selecteren uit de ingebouwde bibliotheek. Ze zijn gratis voor platformgebruikers. U kunt ook lettertypen van Adobe Fonts, Google Fonts koppelen of uw eigen lettertypen uploaden.

Publiceer uw site. Geef het een naam met behulp van het Tilda-subdomein, verbind uw eigen domein, of exporteer de code en plaats deze op uw server.

Vergeet statistieken niet. Tilda heeft ingebouwde statistieken voor websites en online winkels. Voor diepere analyses registreert u zich bij Google Analytics of Yandex. Metrica, haalt u de code op en schrijft u deze in de instellingen.

Zorg ervoor hoe uw site eruit zal zien wanneer deze wordt weergegeven in zoekmachines of sociale netwerken: vul de sitenaam, beschrijving in, voeg trefwoorden toe. Voorzie elke pagina van een kleine foto en bij het delen wordt deze kwalitatief ingelijst.

Voordelen van Tilda Publishing

  1. U hoeft de code niet te kennen … U hoeft niet te leren coderen of hulp te vragen aan bekende programmeurs. Alle instellingen in een handige editor.
  2. Geen ontwerper nodig. De blokken zijn ontworpen door professionals, alle verhoudingen zijn geverifieerd en harmonieus.
  3. Adaptief ontwerp. De blokken zijn zo ontworpen dat je het ontwerp voor tablets en smartphones niet hoeft aan te passen. De site ziet er op alle apparaten goed uit.
  4. Eenvoudige bewerking. Als je een website voor een klant maakt, kan hij in de toekomst snel wijzigingen aanbrengen en de site zelf onderhouden, zonder de hulp van professionals.
  5. Domein of export. De site maakt verbinding met zijn eigen domein of wordt geëxporteerd als code voor hosting op een andere server.
  6. Ingebouwde analyses. U kunt bezoeken en gebruikers bekijken (ook per pagina). Bovendien zijn Google- of Yandex-tellers verbonden in een speciale interface door simpelweg een nummer op te geven.
  7. Zoek machine optimalisatie … U bepaalt hoe de site eruitziet in zoekresultaten of sociale media.
  8. Ontwerp van elke complexiteit. U kunt uw eigen blokken maken en volledige controle hebben over de indeling van site-elementen.
  9. Flexibel maatwerk. Eventuele speciale elementen worden toegevoegd door HTML-code te plakken.
  10. Grote keuze aan lettertypen. Verbind elk lettertype van Typekit, Google Fonts of gebruik uw eigen lettertype.
  11. Vormen van het ontvangen van gegevens. Uw klanten kunnen zich abonneren op updates, hun telefoonnummer of e-mailadres achterlaten. Geïntegreerde negen services voor het ontvangen van gegevens.

Tariefplannen

Vrij. Eén site, 50 pagina's, 50 MB serverruimte. Site-adres van de vorm mysite.tilda.ws. Is gratis.

Persoonlijk. Eén site, 500 pagina's, 1 GB serverruimte. Domeinverbinding en complete verzameling blokken. 500 roebel per maand indien betaald voor het jaar.

Bedrijf. Vijf sites, 500 pagina's (voor elke site), 1 GB serverruimte. Code-export. 1.000 roebel per maand indien betaald voor het jaar.

Tilda Onderwijs

Afbeelding
Afbeelding

Naast de website-creatieservice van het platform, is er een online magazine, Tilda Education, een bibliotheek met kennis over webdesign en marketing. Praktische handleidingen en video-tutorials beantwoorden de specifieke vraag "hoe?" en helpen bij het dagelijkse werk. Designartikelen bevatten hulpmiddelen om ideeën te vinden, uw professionele horizon te verbreden, uw visuele smaak vorm te geven en webdesigntrends te volgen. Gebruikersverhalen van Tilda inspireren u om uw eigen projecten te maken, en cursussen helpen u de basistheorie van het ontwerpen onder de knie te krijgen en uw competentie op het gebied van webpublicatie te verbeteren.

Tilda heeft vijf cursussen uitgebracht die u op elk gewenst moment zelf kunt volgen: "Een landingspagina maken", "Ontwerpen in een digitale omgeving", "Internetmarketing vanaf het begin", "Animatie op het web" en een videocursus over de methode van productontwikkeling Jobs-to ‑Be ‑ Done.

Aanbevolen: