Jak si udělat stejné stránky jako tato skrz video návody. 

Tvorbou stránek ve WordPress se můžete i uživit nebo přivydělat. Free tvorba webu ve WordPress je podobná jako ve Wordu nebo když hrajeme nějakou hru, můžete dosáhnout však lepších výsledků než programováním a za zlomek času. Pracovat slušně s Woprdpressem se dá za 20 až 30 hodin, je to jednoduché. Jediné co potřebuje je počítač.

Pokud chcete mít krásné dvojité menu nebo obrázky v menu, velké mega menu ve WordPress, jako to mám na této stránce použijte plugin Max Mega Menu.

Tyto stránky mají v sobě spousty Mega menu (pluginů do WordPress), je na každém jaký si vybere, někdo může říct, že stránka je přepatlaná. Je to záměr, Mega menu jsou jen pro ukázku.  Každý si vybere ten svůj plugin.

 

Tvorba webu redakčním systémem WordPress.

WordPress je svobodný open source redakční publikační systém . Počet stažení  verze 4.7 samotné dosahuje od vydání téměř 36 milionu.

Dle oficiálních statistik je používán  na více než 27 % webových stránek na světě. 

Systém využívají například následující subjekty:

  • České weby: časopis Level, magazín Interval.cz
  • Zahraniční weby: televizní kanál BBC America, společnosti The Walt Disney Company, Mercedes-Benz, stránky Bílého domu
  • Zahraniční weby na platformě WordPress.com VIP: časopisy Time, Fortune

Zdroj Wikipedia

Samotný WordPress je zdarma a většina doplňků pluginů, je buď zdarma nebo existují PRO verze, kde  můžete vedle více funkcí, podpořit i vývojáře.

Pluginy do WordPressu jsou velmi důležité, je jednoduché a  velmi dobré si je nainstalovat.

Dobrá šablona  je „Hestia„, kde fungují všechny pluginy a Widgety i ve verzi zdarma  A skvělá je video šablona  „Mesmerize

Plugin WordPress Max Mega menu je zdarma, návod na něj je pod článkem. I tato stránka je vytvořená v Max Mega Menu , které v základu je zdarma. 

Dobré doplňky Pluginy do WordPress, které jsou zdarma : 

1. plugin a) „Max Mega menu“:   b) druhý návod english

2. SM Vertical menu :

3.  Woocommerce – pokud chcete zdarma  eshop na WordPressu ; 

4.plugin „Duplicator“ zálohy stránek jsou velmi důležité a tento plugin lze též využít na klonování stránek ; 

5. „Elementor“ skvělý plugin, např. na vkládání videí na stránku mnoho dalšího ; navíc v češtině.   

6. GTranslate – pokud chcete stránku přeložit do všech jazyků, více jazyčný web 

7. 

8. pluginy na „katalogy produktů“ „catalog“ (nikoli eshop pouze katalog) – jejich hodně v cloudu WordPress

9. „easy fancybox“ galerie na fotky nebo vyskakovací okna s videi a obrázky   –  návod zde  Plugin je potřeba nastavit některé funkce budou fungovat po odškrtnutí v nastavení automaticky např. youtube vyskakovací okno s videem. Jiné funkce se musí  složitěji nastavit v HTML kódu, je to velmi pokročilý plugin který např. umožňuje auto-popup automaticky vyskakovací např. video přes <a id=“fancybox-auto“…. – vložíme v HTML editoru za jako je to v návodu  .  A iframe <a „fancybox-iframe“ href=“http://www.váš.odkaz.html“>….

10. Vytvoření kontaktního formuláře nebo rezervace například přihlášení na kurzy  plug. „Contact Form 7“ nebo lze využít jiný plugin anglicky „booking“ = rezervace 

11. plug. „Autoptimize“ – optimalizace webu; zde je potřeba povolit ve nastavení za škrtat veškerou optimalizaci CSS , JS a HTML, ale ní to nic složitého. 

12. velmi důležitý plugin „a3 Lazy load“ –  postupné načítání obrázků nebo youtube videí, velmi zásadní funkce pro fungování veškerého webu. Stránka se zpočátku nenačte celá a jak postupně sjíždíme kolečkem  myši se načítají obrázky a další funkce. Šetří se tak množství přenesených dat a především se zvyšuje rychlost vaší stránky díky postupnému načítání. Plugin je již funkční a přednastaven po aktivaci.  

13. Kešování stánky slouží plugin WP Fastest Cache. Plugin je potřeba nastavit na youtube zde. Vedle Lazy Load je velmi důležitá funkce na zrychlení a optimalizaci stránky. 

14. Plug. „Yoast Seo“ ; skvělý plugin na optimalizaci pro Google a jiné vyhledávače

15. plugin „responsivevoice text to speech“ – návod na vkládání zde převod textu na řeč , předčítání stánek , dá se vložit i jako script na stránky , který má trochu jiné lepší funkce stačí ho vložit do HTML, mohu jen doporučit

16. pluginy na ochranu WordPressu – „secure plugin“  plugin : „Wordfence“ – zde stačí zadat emailovou adresu a clicknout na bezplatné používání, po zadání mailu a odkliknutí bezplatné aktivace pluginu je částečně plugin nastaven, ale je dobré jeho funkce doladit“.  Security pluginy jsou velmi důležité a existenční nutnost WordPressu.

Pokud Vám nefungují pluginy např. “Easy fancybox” , bude potřeba stáhnout starší verzi pluginu nebo star. WordPress a prostě zkoušet různé verze pluginů nebo WP , také nedoporučuji moc používat WordPress 5 nebo alespoň zakázat pluginem editor Gutenberg „Disable Gutenberg“.

Tyto doplňky jsou sice zdarma, ale mají i verzi PRO k zakoupení za rozumné peníze vedle více funkcí , tak podpoříte i vývojáře. Skutečnost , že ve většině případů postačí verze zdarma, vývojáři takto dělají dobrý skutek, i proto je dobré je podpořit

www.endora.cz máte hosting s 256 MB RAM za 19 Kč na rok včetně DPH , s tím že ještě navíc první rok je 50% slevy takže na poprvé budete platit nějakých 8 Kč za měsíc, v placeném programu je i SSD, WordPress , Prestashop na jedno kliknutí, a SSL pro doménu 2.rádu v ceně . Taky endora podporuje různé charitativní akce především pro zvířata.
Webhosting Endora.cz

Mám pro Vás dobrou zprávu. Pokud chcete doplnit svůj WordPress o video-hovor z prohlížeče , například se zákazníkem který se zrovna dívá na Váš web. Stačí použít tag  <iframe style=“width:800px;height: 700px“ allow=“camera; microphone“ src=“https://meet.jit.si/zkouska„></iframe>
nebo použít pouze odkaz například do menu https://meet.jit.si/zkouska
Ukázka je na webu http://technologie.9e.cz/;  a návod na youtube zde,

Podobně jako https://meet.jit.si nabízí video-hovor na web Google Hangout

Pokud chcete malý web do vašeho podnikání např. kadeřnictví , restaurace , hospoda . A nechcete platit velké sumy peněz. Ideální řešení je „Google firemní web„, je zdarma nemusíte nic řešit. Jste automaticky vidět v Google mapách, firmách i vyhledávání. Máte tam různé šablony a přihlašujete se přes účet Google. Nehrozí vám zavirování pluginů ani WordPressu.  Nemusíte platit hosting ani webmástra. Toto řešení je samozřejmě ideální pro malé podnikání, nikoli pro střední firmy a velké korporace.

Pozor na WordPress, může se Vám totiž stát, že se Vaše stránka zaviruje, existují ve světě počítačoví roboti který prohledávají internet a zkouší na jestli na něm není WordPress , pokud ano tak se snaží najít slabé místo v pluginech WP a web ovládnou. Toto Vám u Google firemní web nehrozí zvlášť pokud máte dobře zabezpečené přihlašování do účtu Google, třeba jako v bance přes mobil. Jedno z řešení jak WordPress ochránit je nainstalovat  plugin na „statický web“ plugin „WP2Static“, ten dát na sever a statická stránka je prakticky neheknutelná. Nebo WordPress dobře zabezpečit pomocí Secure pluginů.

Na WordPressu se dá pracovat , bez programování. Pokud budu hledat funkci nebo grafiku  z největších pravděpodobností na WP již někdo vytvořil plugin nebo šablonu s danou funkcí a to buď zdarma nebo za rozumnou cenu od 400 do 1000 Kč. Pokud by jsme měli všechno programovat vedle toho že se asi zblázníme to také vyjde zákazníka podstatně dráž.

Šablona nabízí možnost vlastního (custom) CSS. Nebojte se toho. Nejlepší je nalézt v anglickém internetu diskuzi kterou nám následně přeloží překladač na těchto fórech podpory naleznete již hotové CSS kódy které jen vložíte do šablony v kolonce CSS nebo custom CSS, Pro změnu pozadí barevných přechodů nebo tvorby průhledného menu. Můžeme si to rovnou vyzkoušet přidáním do šablony Mesmerize Vzhled => Přizpůsobit => Obecná nastavení => CSS = [su_accordion][su_spoiler title=“vlastní CSS pro šablonu Mesmerize Stačí vložit tento kód do CSS v nastavení přizpůsobení šablony“ open=“no“ style=“default“ icon=“plus“ anchor=““ class=““]body.custom-background, .mesmerize-front-page.mesmerize-content-padding .page-content, .mesmerize-inner-page .page-content, .mesmerize-inner-page .content { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(187,187,255,1) 100%, rgba(187,187,255,1) 100%); } .page-id-128 .page-content { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(218,12,44,1) 81%, rgba(55,4,11,1) 100%);} .home .navbar { background: rgb(187,187,255); background: linear-gradient(90deg, rgba(187,187,255,1) 0%, rgba(64,61,121,1) 51%, rgba(187,187,255,1) 100%); } .navigation-bar.fixto-fixed { transform: translateZ(0); background: rgb(90,101,218); background: linear-gradient(90deg, rgba(90,101,218,0.48503151260504207) 0%, rgba(235,7,233,0) 100%, rgba(9,9,121,0) 100%); }[/su_spoiler] [su_spoiler title=“a CSS pro šablonu Hestia“ open=“no“ style=“default“ icon=“plus“ anchor=““ class=““].navbar{ background: rgb(158,158,241); background: linear-gradient(90deg, rgba(158,158,241,0.6194852941176471) 0%, rgba(158,158,241,0.5970763305322129) 44%, rgba(158,158,241,0.5886729691876751) 100%); } .hestia-top-bar { background: #fff !important; color: #000 !important; } .hestia-top-bar a, .hestia-top-bar .top-bar-nav li a { color: #000 !important; } .navbar .navbar-nav > li > a { color: #fff !important; } .main { background: rgb(158,158,241); background: linear-gradient(90deg, rgba(158,158,241,1) 0%, rgba(158,158,241,1) 44%, rgba(0,0,0,1) 100%); } .navbar .hestia-mega-menu > .dropdown-menu { background: rgb(158,158,241); background: linear-gradient(90deg, rgba(158,158,241,0.6194852941176471) 0%, rgba(158,158,241,0.5970763305322129) 44%, rgba(158,158,241,0.5886729691876751) 100%); } .mm-heading-wrapper a { color: #fff; padding: 0 !important } .hestia-mm-description { color: #fff; padding: 7px 10px 5px 10px; margin: 0 5px !important;} .hestia-mega-menu .hestia-mm-col { text-align: center; color: #fff; vertical-align: top; display: table-cell; position: relative; padding: 5px !important} [/su_spoiler] [/su_accordion]

To je asi tak vše. Pokud budete číst návody na youtube a využívat Google v angličtině – postačí když si frázi přeložíte překladačem „Google Translator“. Hodně dobré jsou návody youtube. Nemyslete si, že to nejde zvládnout i česká WordPress komunita začínala na těchto návodech a sami informatici Vám řeknou, že ve škole je nic pořádného, kromě matematiky a algebry, nenaučili a musejí začínat, tak jako vy. Informatika na vysoké škole nemusí být zase tak dokonalá.

Takže pokud chcete vytvářet vlastní šablony a pluginy nebo je doprogramovávat a rozumět tomu, být prostě IT machr vyrovnat se informatikům v české WordPress komunitě.
Celý youtube kanál se seznamy návodů, jeho život a jak vzniká GNU open sourc. zde: https://www.youtube.com/user/williamprey/playlists

http://osobnirust.8u.cz/plugin-wocommerce/

http://osobnirust.8u.cz/youtube-kanal-wordpress/

 

Tvorba webu ve WordPressu – jak na to

Instalace WordPressu návod

Video návod – instalace WordPressu na Endora.cz

Jak na WordPress – základy administrace pro začátečníky

 

Skuteční profesionálové na WordPress nemají moc pluginy rádi, protože jak jsem psal hrozí jejich zavirování, proto raději nepoužívejte velké množství pluginů.  Ale mega menu si můžete  sami vytvořit pomocí tohoto návodu. :)))

 

 

Obtékání textu – Wrap text

Přes „zarovnánídoleva se zapne obtékání textu,

Through the „alignment“ to the left, text wrapping is turned on,

 

 

 

 

 

 

Pro jednoduchý odstavec bez mezery  ve WordPress editoru použijte shift+enter stejně tak to funguje i ve Wordu když chceme odstavec bez mezery mezi řádky.

 

Eng.

Creating the Web by WordPress.
The site has a compiler, it’s a multi-language site including English

How to make the same pages as this through video tutorials.
You can also create or build a WordPress site. Free WordPress creation is similar to Word or when playing a game, you can achieve better results than programming and for a fraction of time. Creating a WordPress site can also feed or feed. Working with Woprdpress is good for 20 to 30 hours, it’s easy. All he needs is a computer.

If you want to have beautiful double menus or pictures in the menu, great mega menus in WordPress, as I have on this page, use the Max Mega Menu plugin.

WordPress is a free open source content publishing system. The number of downloads of version 4.7 itself has been released since the release of almost 36 million.

According to official statistics, it is used on more than 27% of the world’s websites.

For example, the system uses the following entities:

Foreign websites: BBC America TV Channel, The Walt Disney Company, Mercedes-Benz, White House
Foreign websites on WordPress.com VIP: magazines Time, Fortune
Wiki Source

WordPress itself is free and most plugin plug-ins are either free or there are PRO versions where you can also support developers alongside more features. Plugins are very important, it’s simple and very good to install.

Great video template – “Mesmerize” – , good is also “Hestia”

Plugin The WordPress Max Mega menu is free, the tutorial is under the article. This page is also created in the Max Mega Menu, which is free of charge.
Good plug-ins Plugins to WordPress that are free of charge: 1. “Max Mega menu” plugin: 

2. SM Vertical menu: 

3. Woocommerce – if you want a free e-shop on WordPress;

4.plugin “Duplicator” of site backups and site cloning;

5. “Elementor” great plug-in, such as inserting videos to the page much more; 

6. GTranslate – if you want to translate the page into all languages, multiple language sites

7. plugin Canvasio3D light – for inserting 3D object’s directions here in videos. 
Meshlab – The PC program Meshlab to reduce the size of a 3D file is here

8. Plugins for “product catalogs” “catalog” (not eshop catalog only) – their lot in the WordPress cloud

9. “easy fancybox” gallery for photos or popup windows – tutorial here 

10. plug. “Autooptimize” – optimizing your site

11. Plugins for WordPress Protection – “secure plugins” “All In One WP Security” and “IP Geo Block”. They are very important and the existence necessity of WordPress.

If you do not have plugins like “Easy fancybox,” you’ll need to download an older version of plug-in or  Wordpress. WordPress and just try different versions of plugins or WP, I also do not recommend too much to use WordPress 5 or at least disable the Gutenberg plugin “Disable Gutenberg”.

These add-ons are free, but they also have a PRO version to buy for reasonable money next to more features, so you’ll also support developers. The fact that in most cases the free version is enough, developers are doing a good deed so it is good to support developers.

The video call to the web is similar to https://meet.jit.siGoogle Hangout.

Real WordPress professionals do not like the plugins very much, because as I wrote their threats to them, so do not use lots of plugins. But you can create mega menus using this manual. :)))

If you want a small website for your business, for example, hairdresser, restaurant or pub. And you do not want to pay big sums of money. The ideal solution is Google Bussiness web, it’s free to do nothing. You can automatically see Google maps, businesses, and searches. You have different templates and you are signing in with your Google Account. There is no danger of plugging in plugins or WordPress. You do not have to pay for hosting or webmasters. This solution is of course ideal for small businesses, not for medium-sized businesses and large corporations.

www.endora.cz you have 256 MB of RAM for 19 CZK = 0,8 USD per year including VAT plus the first year is 50% discount so for the first time you will pay some 8 CZK = 0,3 USD per month, the paid program is also SSD, WordPress, One-Click Prestashop, and SSL for Domain 2.Road included. Also, the endora supports various charity events especially for animals.

Beware of WordPress, it can happen that your site is hanging around, there are a world of computer robots that search the internet and try to find out if there is WordPress on it, if so, try to find a weak spot in WP plugins and control the web. This is not a problem for you at Google’s Business website, especially if you have a secure login to your Google Account, like a bank via mobile. One of the ways to protect WordPress is to install the plugin on the “static web” plugin “static page” and the page to the north. Or WordPress can be secure with Secure plugins.

If you read the instructions on youtube and use Google in English – it is sufficient if you translate the phrase into the Google Translator. Very good are youtube tutorials with reference to downloading youtube channel ; materials to download here;;; its WordPress site for novice developers. Do not think that the WordPress community can not handle it. It started with these instructions, and they will tell you that there is nothing good at school except mathematics and algebra, they have not learned and they have to start like you.

Získejte registraci domén s tld .online, .space, .store, .tech zdarma!
Stačí si k jedné z těchto domén vybrat hosting Plus nebo Mega a registraci domény od nás dostanete za 0 Kč!
Objednat