Cum să creezi un site web cu Notion fără nicio experiență de codificare

Publicat: 2021-02-11

Dacă ați dorit vreodată să creați un site web (sau o pagină web statică) pentru a vă prezenta portofoliul sau pentru a scrie postări pe blog, acum este mai ușor ca niciodată să creați o pagină web pe internet. Și asta, fără a necesita cunoștințele de codare. Și nu, prin asta, nu ne referim la crearea unui site folosind creatori de site-uri web precum Wix, Squarespace și altele asemenea. În schimb, ceea ce vorbim este crearea unui site web folosind Notion.

Notion public pages and web publishing

Noțiunea, pentru cei neinițiați, este aceeași aplicație care a înlocuit de una singură o grămadă de aplicații de productivitate diferite și le-a integrat funcționalitățile într-o singură aplicație. Vă puteți gândi la el ca un loc de muncă all-in-one pentru toate nevoile dvs. de luare de note, de gestionare a sarcinilor și de gestionare a proiectelor/datelor/cunoștințelor. Unul în care puteți să luați notițe, să configurați activități de făcut, să creați o bază de cunoștințe (wiki, baze de date etc.) și să vă gestionați proiectele, printre altele.

Dacă ați crezut că domeniul de utilizare al Notion se termină aici, aveți o surpriză. Vedeți, pe lângă faptul că facem toate lucrurile pe care tocmai le-am menționat, o altă aplicație utilă (a se citi puțin subestimată) a Notion este aceea de a crea site-uri web (sau pagini web).

În timp ce un site web creat pe Notion nu este nici pe departe aproape de omologul său cu drepturi depline când vine vorba de performanță, este o alternativă bună atunci când aveți nevoie de o pagină web rapidă.

Cuprins

Noțiune pentru site-uri web

Când te gândești la site-uri web, există numeroase motive și obiective pentru care ai dori să creezi unul. Ignorând motivele comerciale și legate de servicii pentru care oamenii au site-uri web, o persoană obișnuită s-ar putea gândi la site-uri într-o lumină diferită. În general, aceasta poate fi fie pentru a crea un portofoliu (sau CV-ul personal) cu toate proiectele tale adunate într-un singur loc, fie pentru a crea un blog în care să-ți împărtășești gândurile și să vorbești despre lucruri care te intrigă.

A website created using Notion
Un site web creat folosind Notion în mai puțin de 30 de minute

În ambele cazuri, ceea ce aveți nevoie este o pagină web elegantă. Unul care nu necesită să știți să codificați și este ușor de gestionat. În acest fel, vă puteți concentra numai pe conținut și nu trebuie să vă faceți griji cu privire la întreținerea site-ului în mod regulat.

În mod similar, un alt caz de utilizare în care puteți utiliza un site web (sau o pagină web) Notion este atunci când trebuie să adăugați o pagină temporară (ușoară) pe site-ul dvs. web. Dacă sunteți un startup/afacere cu o echipă mică, probabil că acest lucru vă va ajuta să configurați pagini web rapide pentru ajutor/ghiduri/Întrebări frecvente etc., pe site-ul dvs. - într-un mod care va facilita actualizarea conținutului dintre aceste pagini web mult mai ușor.

Notion web page for help center
IMAGINE: Noțiune

Acum că ați văzut câteva cazuri de utilizare în care puteți utiliza Notion pentru a crea pagini web, haideți să vedem cum puteți crea una singur.

Crearea site-ului web folosind Notion

Pentru a crea un site web cu Notion, trebuie, mai întâi, să creați un cont pe Notion. Odată ce aveți un cont Notion, descărcați aplicația pe computer și conectați-vă. [ Notion este disponibil pentru macOS și Windows. ]

Cu aplicația descărcată și configurată pe computer, urmați pașii de mai jos pentru a crea un site web (sau o pagină web) cu Notion.

I. Creați o pagină

Deschideți Notion și faceți clic pe butonul Adăugați o pagină din meniul din bara laterală (din stânga) pentru a crea o pagină. Aici se află întregul conținut al site-ului dvs. web. Notion acceptă pagini imbricate, astfel încât să puteți crea mai multe subpagini într-o pagină.

Creating a page on Notion

II. Configurați-vă pagina

Când creați o pagină, obțineți o pânză goală cu editorul Notion în dreapta dvs. În esență, acesta este spațiul în care vă editați pagina și îi adăugați elemente (sau blocuri). Acum, aveți două abordări. Puteți fie să selectați unul dintre șabloanele Noțiune pentru a configura un aspect pentru pagina dvs. web și să îl editați mai târziu. Sau, alternativ, puteți proiecta întreaga pagină web de la zero folosind diferite blocuri. [ Blocurile sunt toate componentele care alcătuiesc o pagină, cum ar fi titluri, imagini, tabele, citate bloc, fragmente de cod etc. ]

Setting up a page on Notion

1. Crearea unei pagini web folosind șabloanele Notion

Dacă tocmai ați început, puteți utiliza șabloanele Notion pentru a vă pune pagina în funcțiune rapid. Notion oferă o mulțime de șabloane diferite pentru diferite setări. Unele dintre acestea includ cele pentru job board, centru de ajutor, foaia de parcurs, postare pe blog, inspirație și multe altele. Puteți găsi aceste șabloane pe Notion făcând clic pe butonul Șabloane din fereastra editorului. De aici, selectați șablonul dorit și faceți clic pe butonul Utilizați acest șablon pentru a-l adăuga în fereastra editorului. Odată adăugat, șablonul poate fi apoi configurat și editat conform cerințelor dvs.

Choosing a template in Notion

2. Crearea manuală a unei pagini web folosind Notion

În timp ce abordarea șablonului funcționează bine, nu oferă suficientă flexibilitate. Așadar, dacă sunteți utilizator Notion de ceva timp și vă simțiți confortabil să utilizați editorul Notion, puteți începe să adăugați diferite blocuri în pagina dvs. pentru a organiza toate elementele de care aveți nevoie pe site-ul dvs. web. Pentru a adăuga un bloc, faceți clic pe spațiul în care doriți să adăugați un element și tastați forward-slash ( / ). Acum, introduceți numele elementului. De exemplu, dacă doriți să adăugați o imagine, scrieți /image ; pentru a adăuga un titlu (H1), scrieți /h1 ; si asa mai departe.

Adding elements to page in Notion

Mai mult, Notion vă permite, de asemenea, să editați și să stilizați diferite elemente și să le schimbați formatarea și culoarea. Pentru aceasta, trebuie să selectați textul sau elementul și să alegeți o opțiune de stil din meniu. În mod similar, puteți modifica și familia de fonturi și dimensiunea fontului pentru pagina dvs. de blog făcând clic pe meniul cu trei puncte din dreapta sus și selectând opțiunea dorită de acolo.

Customizing elements on a Notion page

Odată ce ați configurat pagina - folosind oricare dintre abordări - sunteți gata să treceți la pasul următor.

III. Faceți publică o pagină despre Noțiune

Crearea paginii dvs. live pe web este un pas important în crearea unui site web cu Notion. Ceea ce face acest pas în esență este să genereze un link pentru pagina Noțiune selectată. Acest link poate fi apoi partajat persoanelor cărora doriți să vă prezinte site-ul prin mesaj. Sau, poate fi adăugat la un alt site web sau platformă de pe internet.

Pentru a obține un link care poate fi partajat pentru site-ul dvs., mai întâi, salvați modificările pe care le-ați făcut în pagina dvs. și faceți clic pe butonul Partajare din partea de sus. Acum veți vedea câteva opțiuni în meniu. Aici, comută butonul de lângă Partajare pe web . În cele din urmă, faceți clic pe butonul Copiați linkul pentru a copia adresa URL a site-ului web.

Sharing Notion page on web

Alte opțiuni de partajare

Dacă doriți mai mult control asupra partajării, Notion oferă câteva opțiuni diferite. Acestea includ:

1. Permiteți editarea: permite oricărei persoane cărora le-ați partajat adresa URL a site-ului dvs. web, care are și un cont Notion, să editeze și să facă modificări în pagina dvs. web.

2. Permite comentarii: Acest lucru oferă persoanelor cu linkul posibilitatea de a adăuga comentarii pe pagina ta.

3. Permite duplicarea ca șablon: oferă altor utilizatori Notion opțiunea de a-ți duplica șablonul și de a începe să-l folosească pentru site-ul lor web.

4. Indexarea motoarelor de căutare : indexează adresa URL a site-ului dvs. pe Google. [ Limitat doar la planul Pro. ]

Pentru a accesa aceste opțiuni, faceți clic pe săgeata în jos de lângă Afișare opțiuni de link din meniul Partajare. Și, pentru a le activa sau dezactiva, comutați butonul din dreapta lor.

Sharing access to Notion page

Pe lângă distribuirea linkului site-ului dvs., puteți adăuga direct persoane pentru a le arăta pagina dvs. web sau pentru a le oferi acces să colaboreze împreună. Pentru a partaja pagina dvs. web cu alte persoane, faceți clic pe butonul Partajare , iar în meniu, faceți clic pe câmpul de introducere care scrie Adăugați persoane, grupuri sau e-mailuri . Aici, introduceți numele persoanei sau grupului sau adăugați adresa de e-mail a persoanei pe care doriți să o invitați. Odată adăugat, faceți clic pe butonul Adăugați persoane pentru a adăuga aceste persoane. De asemenea, puteți alege ce privilegii doriți să acordați acestor oameni. Opțiunile disponibile includ: Editare, Comentare, Vizualizare și Acces complet. [ Accesul complet este disponibil cu planul Pro. ]

Managing access to Notion website

Cu site-ul dvs. Notion acum public, iată câteva lucruri pe care trebuie să le știți:

1. Pagina web pe care tocmai ați creat-o pe Notion reflectă orice modificări aduse acesteia în timp real. Deci, dacă ar fi să-i modificați conținutul, persoanele cărora le-ați partajat linkul vor putea vedea modificările instantaneu.

2. Dacă aveți mai multe subpagini legate la pagina dvs. web principală, toate sunt vizibile de îndată ce faceți publică pagina principală.

3. După cum probabil ați observat până acum, site-urile web pe care le creați pe Notion au propriul nume de domeniu al Notion. De exemplu, poate arăta ceva de genul https://www.notion.so/Talking-Watches-4692551ad5794ed3b568c9 . Deși acest lucru este complet în regulă dacă creați o pagină web pentru uz personal, cei care doresc un site web mai profesionist trebuie să obțină numele de domeniu personalizat.

Notion website (web page) URL

Dacă doriți ca site-ul dvs. web Notion să fie legat de numele dvs. de domeniu, primul lucru de care aveți nevoie este un domeniu personalizat. [ Puteți obține un domeniu de la registratorii de domenii precum GoDaddy, Hostinger, Hostgator, Bluehost și altele asemenea. ] Odată ce aveți unul, aveți nevoie de un serviciu care transformă paginile web Notion în site-uri web. În acest sens, există platforme precum Potion, HostNotion și Super, care vă permit să vă conectați numele de domeniu personalizat la pagina dvs. web Notion. Dacă sunteți interesat să creați un site web personalizat Notion, consultați ghidul nostru despre cum să configurați un domeniu personalizat pentru site-ul dvs. web Notion folosind Potion.

Folosind Notion ca CMS

Noțiunea este departe de a deveni un CMS (Content Management System) cu drepturi depline. Deși, dacă reușiți să ocoliți restricțiile și să puneți mâna pe API-ul Notion, există modalități de a-l transforma într-un CMS. Pentru a face acest lucru, de ce aveți nevoie în esență sunt două lucruri: API-ul privat al Notion și cunoștințe despre dezvoltarea frontend. Din păcate, accesul la API este în prezent limitat și în versiune beta. Dar, ca o soluție, oamenii au reușit să folosească lucrătorul API Notion de la Splitbee pentru a obține funcționalitățile Notion și pentru a implementa serviciul într-un mod care se potrivește cerințelor lor.

Notion API (in Beta)

Un lucrător este în esență un înveliș pentru API-ul Notion privat, care oferă acces rapid și ușor la conținutul dvs. Notion - ceva de care aveți nevoie pentru a transforma Notion în CMS. Lucrătorul API Notion este găzduit pe Cloudflare, cu planul său gratuit și poate gestiona până la 100.000 de solicitări pe zi. Le puteți verifica pe GitHub pentru a începe.

Acesta este cam tot ce trebuie să știți despre crearea unui site web cu Notion. Dacă urmați acest ghid, ar trebui să puteți crea un portofoliu web (sau un CV): pentru a vă prezenta abilitățile, un blog: în care scrieți despre subiectele preferate, un jurnal online: pentru a le împărtăși prietenilor și familiei, un centru de ajutor : pentru a ajuta oamenii cu serviciul dvs., o foaie de parcurs: pe care membrii echipei dvs. să le urmeze și multe altele. Mai mult, dacă intenționați să utilizați Notion ca CMS, o puteți face și folosind resursele disponibile. Cu toate acestea, un cuvânt de precauție înainte de a continua: dacă nu aveți suficientă experiență cu dezvoltarea frontend, s-ar putea să vă fie greu să vă rezolvați.