Jak vytvořit web (průvodce krok za krokem): 4 kroky

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

V této příručce vám ukážu, jak většina webových vývojářů staví své stránky a jak se můžete vyhnout nákladným stavitelům webových stránek, kteří jsou pro větší web často příliš omezeni.

Také vám pomáhám vyhnout se některým chybám, které jsem udělal, když jsem začínal.

Krok 1: Získejte webhosting a zaregistrujte si doménové jméno

Abyste mohli nastavit svůj WordPress (nebo jakýkoli jiný typ webu), budete potřebovat dvě věci:

• Název domény (webová adresa jako YourSiteName.com)
• Web Hosting (služba, která propojuje váš web s internetem)

Abyste mohli ukládat své obrázky, obsah a soubory webových stránek, budete potřebovat webhosting. Bez webhostingu nebudou vaše webové stránky na internetu viditelné.

Vlastnit název vlastní domény vypadá mnohem profesionálněji než mít svůj web na doméně někoho jiného (například yourbusiness.my-free-website.com) a navíc je to velmi dostupné. Většina poskytovatelů hostingu nabízí domény ZDARMA po dobu jednoho roku (obvykle ~ 15 $/rok).

Stručně řečeno - bez webhostingu a názvu domény váš web NEBUDE existovat.

Kde si zaregistruji název domény a získám webhosting?

Úplné zveřejnění: Vydělávám provizi, pokud nakonec zakoupíte Bluehost prostřednictvím mých odkazů na doporučení v této příručce. To mi pomáhá udržovat a aktualizovat WebsiteSetup. Děkuji za vaši podporu.

Bluehost jsem většinou používal jako webhosting a bezplatný registrátor domén.

Jejich zaváděcí cena začíná od 2,75 $/měsíc a v současné době zdarma zadávají název domény (první rok) - takže stojí za to je zkontrolovat.

Jsou také jedním z nejpopulárnějších poskytovatelů hostingu na trhu, takže jsou určitě dobře zavedené a dostatečně bezpečné, aby mohly hostovat vaše webové stránky.

Přestože většina jejich serverů sídlí v USA, dokážou zvládnout velký provoz z celého světa. A je to pravděpodobně levnější než váš místní hostitel.

Jako někdo, kdo žije v Evropě, je stále raději používám. Už máte název domény a hostování?

Pokračujte a přeskočte na krok 2, kde vysvětlím, jak můžete nastavit svůj web.

Krok za krokem si stáhněte, jak se zaregistrovat u poskytovatele webhostingu (a zaregistrovat název domény, pokud jej ještě nemáte) níže:

Krok 2: Nastavte si svůj web

Jakmile si koupíte název domény a nastavíte si hosting, jste na dobré cestě!

Nyní je čas uvést váš web do provozu. První věc, kterou musíte udělat, je nainstalovat WordPress do vaší domény.

Instalace WordPressu

Existují dva možné způsoby instalace WordPressu, jeden MNOHEM jednodušší než druhý.

1. Chcete-li vytvořit webovou stránku s WordPressem (nebo Joomla a Drupal), použijte „instalaci jedním kliknutím“:

Téměř každá spolehlivá a zavedená hostingová společnost má integrovanou instalaci jedním kliknutím pro WordPress, díky čemuž se vše rychle rozběhne.

Pokud jste se zaregistrovali u společnosti Bluehost nebo u jiné podobné hostingové společnosti, měli byste na ovládacím panelu svého účtu najít „instalaci jedním kliknutím“.

Zde jsou kroky, které byste měli dodržovat (měly by být podobné/stejné u všech hlavních webhostingových společností):

1. Přihlaste se ke svému hostujícímu účtu (Bluehost).
2. Přejděte na ovládací panel.
3. Vyhledejte ikonu „WordPress“nebo „Web“.
4. Vyberte doménu, kam chcete nainstalovat svůj nový web.
5. Klikněte na tlačítko „Instalovat nyní“a získáte přístup na svůj nový web WordPress.

(Podívejte se na obrázek 2 výše)

2. NEBO RUČNÍ INSTALACE (Pro ty, kteří nepoužívají Bluehost ani žádný podobný hostitel):

Pokud z nějakého zvláštního důvodu (některé hostingové společnosti neposkytují instalaci WordPressu jedním kliknutím) nemáte možnost instalovat WordPress automaticky, podívejte se na tento manuál níže:

1) Stáhněte si WordPress odtud:

2) Vytvořte na ploše novou složku a rozbalte v ní WordPress

3) Vyhledejte soubor s názvem wp-config-sample.php a přejmenujte jej na: wp-config.php

4) Nyní otevřete soubor wp-config.php (například s poznámkovým blokem) a vyplňte následující řádky:

• define (‘DB_NAME‘, ‘název_databáze_de‘); - Název databáze (pokud jej neznáte, zeptejte se ho na podpoře hostingu)
• define (‘DB_USER’, ‘uživatelské jméno_zde’); - Vaše uživatelské jméno pro hostování
• define (‘DB_PASSWORD’, ‘heslo_ zde‘); - Vaše heslo pro hostování

Jakmile vyplníte mezery, uložte soubor.

5) Nyní se přihlaste ke svému hostujícímu ftp (stáhněte si k tomu FileZilla). Adresa FTP je obvykle ftp.yourdomain.com, uživatelské jméno a heslo jsou stejné jako při registraci k hostiteli

6) Pokud existuje soubor s názvem „index“- odstraňte jej. Poté nahrajte všechny soubory ze složky WordPress na váš FTP server. Věřím, že v FileZilla můžete použít funkci „drag n drop“

7) Jakmile dokončíte předchozí kroky, přejděte na adresu URL: yourdomain.com/wp-admin/install.php Toto je stránka, kterou byste měli vidět: (Zkontrolujte obrázek 3 výše)

Stačí vyplnit formuláře a jste připraveni!

Pssst-pokud nemají instalaci jedním kliknutím, možná máte co do činění se špatným hostitelem!

Krok 3: Navrhněte svůj web

Jakmile úspěšně nainstalujete WordPress do své domény, uvidíte velmi základní, ale čistý web.

Ale nechcete vypadat jako všichni ostatní, že?

Proto potřebujete téma - šablonu návrhu, která WordPressu řekne, jak by měl váš web vypadat. Podívejte se na příklad bezplatného motivu WordPress, který si můžete nainstalovat:

(Podívejte se na výše uvedený obrázek 2)

Tady je zábava: K dispozici je více než 1500 úžasných, profesionálně navržených témat, ze kterých si můžete vybrat a přizpůsobit je svému vlastnímu posezení.

Většina témat WordPress je zdarma k použití a je vysoce přizpůsobitelná.

Zde je návod, jak najít téma, které se vám líbí

1. Přihlaste se na hlavní panel WordPress: Pokud si nevíte rady, zadejte: https://yoursite.com/wp-admin („yoursite“nahraďte svou doménou). Takto vypadá hlavní panel WordPress:

(Podívejte se na výše uvedený obrázek 3)

2. Přístup k tématům ZDARMA: Jakmile jste na hlavním panelu, máte přístup k více než 1 500 tématům zdarma! Stačí na postranním panelu vyhledat „Vzhled“a poté kliknout na „Motivy“.

Pokud chcete něco profesionálnějšího nebo elegantnějšího, než najdete zde, můžete přejít na ThemeForest.net, kde je k dispozici velká knihovna témat, z nichž si můžete vybírat za různé náklady.

Ale než to uděláte, opravdu vám doporučuji alespoň strávit nějaký čas procházením bezplatných témat. Mnoho z nich je skutečně opravdu profesionálních a dobře udělaných; tak je neodepisujte.

Jak vidíte výše, instalace nového motivu pro váš web je velmi snadná.

Můžete vyhledávat konkrétní klíčová slova a/nebo pomocí filtrů najít motivy, které vyhovují vašemu stylu. Hledání dokonalého tématu může chvíli trvat, ale stojí to za to.

Měli byste také hledat témata, která „reagují“, protože to znamená, že budou vypadat dobře na jakémkoli mobilním zařízení. Stačí jej zadat jako jedno ze svých klíčových slov a budete připraveni!

3. Nainstalujte si nové téma

Jakmile najdete motiv, který se vám líbí, jeho instalace je jednoduchá - stačí kliknout na „Instalovat“a poté na „Aktivovat“.

DŮLEŽITÉ: Změna motivů nevymaže vaše předchozí příspěvky, stránky a obsah. Témata můžete měnit tak často, jak chcete, aniž byste se museli obávat ztráty toho, co jste vytvořili.

Krok 4: Přidejte obsah na svůj web

S nainstalovaným motivem jste připraveni začít vytvářet obsah. Pojďme si rychle projít některé ze základů:

Přidávání a úpravy stránek:

Chcete stránku „Služby“nebo stránku „O mně“(jako mám v nabídce v horní části stránky)?

1. Podívejte se na postranním panelu na hlavním panelu WordPress na „Stránky“-> „Přidat nové“.

2. Najdete obrazovku, která se hodně podobá tomu, co jste možná viděli v aplikaci Microsoft Word. Přidejte text, obrázky a další položky, abyste vytvořili požadovanou stránku, a až budete hotovi, uložte ji. (Zkontrolujte obrázek nahoře 1)

Přidání stránek do nabídky: Pokud chcete, aby byla vaše nová stránka propojena s navigačním panelem, 1. Uložte všechny změny, které jste na stránce provedli, kliknutím na „Aktualizovat“

2. Na postranním panelu WordPress WordPress klikněte na „Vzhled“-> „Nabídky“.

3. Najděte stránku, kterou jste vytvořili, a přidejte ji do seznamu kliknutím na zaškrtávací políčko vedle ní a poté na „Přidat do nabídky“.

(Zkontrolujte obrázek nahoře 2)

Přidávání a úpravy příspěvků:

Pokud na svém webu máte blog, na další se obrátíte „Příspěvky“. K seskupení podobných příspěvků můžete použít různé kategorie.

Pokud chcete na svůj web přidat blog, můžete použít různé kategorie a příspěvky. Řekněme, že chcete vytvořit kategorii s názvem „Blog“. Jednoduše jej přidejte do nabídky a začněte psát příspěvky.

Co musíte udělat:

Vytvořte novou kategorii v sekci „Příspěvky -> Kategorie“

NEBO

Vytvořte blogový příspěvek v části „Příspěvky -> Přidat nový“. Jakmile dokončíte psaní příspěvku na blog, musíte pro něj přidat správnou kategorii

Jakmile vytvoříte kategorii, jednoduše ji přidejte do nabídky a jste v práci!

Přizpůsobení a nekonečné vylepšení…

V této sekci se budu zabývat některými základními věcmi, na které jsem se neustále ptal a které vám pomohou vyladit váš web.

Změna názvu a sloganu

Názvy stránek vysvětlují hledajícím, o čem je váš web. Jsou také velkou součástí toho, jak vyhledávače určují vaše hodnocení. Chcete mít jistotu, že mají klíčová slova, na která chcete cílit (ale přirozeným způsobem, napsáno pro skutečné lidi).

Na každé stránce svého webu byste měli použít jedinečný název. Název mého webu je například „Jak vytvořit web“.

(Nemůžete to najít? Podržte myš nad záložkou v horní části webového prohlížeče).

Slogany se přidávají na konci titulů na každou stránku. Slogan mého webu je „Průvodce krok za krokem“

Chcete -li na svém webu změnit název a slogan, přejděte na „Nastavení -> Obecné“a vyplňte níže uvedený formulář: (Zkontrolujte obrázek nahoře 3)

Deaktivace komentářů u příspěvků a stránek

Některé webové stránky (většinou stránky firem/organizací) nechtějí, aby jejich návštěvníci mohli komentovat jejich stránky.

Zde je návod, jak vypnout komentáře na stránkách WordPress:

• 1. Při psaní nové stránky klikněte na „Možnosti obrazovky“v pravém horním rohu.
• 2. Klikněte na pole „Diskuse“. Ve spodní části se zobrazí pole „Povolit komentáře“.
• 3. Zrušte zaškrtnutí políčka „Povolit komentáře“.

Chcete ve výchozím nastavení zakázat komentáře na každé nové stránce?

1. Přejděte na „Nastavení -> Diskuse“a zrušte zaškrtnutí políčka „Umožnit lidem přidávat komentáře k novým článkům“(Zkontrolujte obrázek nahoře 4)

Nastavení statické titulní stránky:

Někteří lidé mě kontaktují s tím, že jsou frustrovaní z toho, že jejich domovská stránka vypadá jako příspěvek na blogu. Můžete to napravit tím, že vaše domovská stránka bude „statická“.

Statická stránka je stránka, která se nemění. Na rozdíl od blogu, kde se první nový článek zobrazí vždy nahoře, „statická“stránka zobrazí stejný obsah pokaždé, když někdo přijde na web - jako domovskou stránku, kterou jste navrhli.

Nastavení statické titulní stránky:

1. Přejděte na „Nastavení -> Čtení“2. Vyberte statickou stránku, kterou jste vytvořili. „Úvodní stránka“označuje vaši domovskou stránku. „Stránka s příspěvky“je přední stránkou vašeho blogu (pokud celý váš web není blogem).

Pokud nevyberete statickou stránku sami, WordPress převezme vaše nejnovější příspěvky a začne je zobrazovat na vaší domovské stránce. (Podívejte se na obrázek výše 5)

Úpravy postranního panelu:

Většina motivů WordPress má postranní panel na pravé straně (v některých případech je na levé straně).

Pokud se chcete zbavit postranního panelu nebo upravit položky, které nepotřebujete, jako jsou „Kategorie“, „Meta“a „Archivy“, které jsou obvykle zbytečné, postupujte takto:

1. Na hlavním panelu WordPress přejděte na „Vzhled -> Widgety“.

2. Odtud můžete pomocí přetažení přidat na postranní panel různá „políčka“nebo odebrat položky, které nechcete.

K dispozici je také „pole HTML“- textové pole, kde můžete použít kód HTML. Pro začátečníky si s tím nedělejte starosti - stačí přetáhnout prvky, které byste chtěli, do postranního panelu.

Instalací pluginů získáte z WordPressu více

Co je to plugin? „Pluginy“jsou rozšíření vytvořená tak, aby rozšiřovala možnosti WordPressu a přidávala na váš web funkce a funkce, které nejsou integrovány.

Jsou to zkratky k tomu, aby váš web dělal to, co chcete, aniž byste museli vytvářet funkce úplně od začátku.

Pomocí pluginů můžete dělat vše od přidání fotogalerií a formulářů pro odeslání až po optimalizaci vašeho webu a vytvoření internetového obchodu.

Jak nainstaluji nový plugin?

Chcete -li začít instalovat doplňky, přejděte na „Pluginy -> Přidat nové“a jednoduše spusťte vyhledávání.

Mějte na paměti, že existuje více než 25 000 různých pluginů, takže si máte z čeho vybírat!

Instalace je snadná - jakmile najdete požadovaný plugin, klikněte na „Instalovat“.

Abych vám ušetřil čas, sestavil jsem seznam nejoblíbenějších pluginů, které webmasteři považují za užitečné:

#1 Kontaktní formulář 7: Můj web má kontaktní formulář na mé stránce O mně. Je to skvělá funkce, protože lidé (jako vy!) Mohou vyplnit formulář a poslat mi e -mail, aniž by se museli přihlásit ke svému vlastnímu poskytovateli e -mailu. Pokud chcete udělat něco podobného, rozhodně si tento plugin pořiďte.

#2 Yoast SEO pro WordPress: Pokud chcete, aby byl váš web WordPress ještě přátelštější k SEO, tento plugin musíte mít. Je to zdarma a je to úžasné. Značky názvů, meta popisy a další budete moci upravovat, a to vše na samotné stránce - již nemusíte zbytečně lámat hlavu s nastavením WordPressu.

#3 Google Analytics: Máte zájem sledovat své návštěvníky/provoz a jejich chování? Stačí nainstalovat plugin, propojit jej s účtem Google a můžete začít.

Samozřejmě, toto je jen špička ledovce! Zde je seznam mnou doporučených pluginů:

1. Yoast SEO

2. Akismet Anti-Spam

3. WooCommerce

4. TinyMCE Advanced

5. Zabezpečení WordFence

6. Mapy Google XML

7. WP Super Cache

8. Google Analytics Dashboard pro WP od ExactMetrics

9. Zálohovací plugin pro UpdraftPlus WordPress

10. Elementor Page Builder

11. Smush Image komprese a optimalizace

A seznam pokračuje.