WordPress 5.5.1: Údržbová aktualizace, která opravila chybu s JavaScriptem

Nedávno jsme vás na našem blogu informovali, že vyšla nová verze redakčního systému WordPress 5.5, která sebou přinesla několik vylepšení, ale také odstranila 19 starších lokalizačních objektů JavaScriptu. Tím došlo k rozbití milionu webových stránek. 1. září byla vydána nová údržbová aktualizace s 34 opravnými chybami, 4 vylepšeními a 5 opravami chyb pro editor bloků (Gutenberg). Tou nejdůležitější opravou je chyba s JavaScriptem.

Chyba s JavaScriptem měla značný dopad na celou komunitu. Nejenže ovlivnila často používané šablony, ale také pluginy.

Problém s kompatibilitou – pluginy

  • SiteOrigin Widgets Bundle +1 million users
  • Advanced Custom Fields +1 million users
  • Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress +1 million users
  • WordPress Gallery Plugin – NextGEN Gallery
  • Polylang
  • Child Theme Configurator
  • Simple Custom CSS and JS
  • Toolset Types – Custom Post Types, Custom Fields and Taxonomies
  • Max Mega Menu
  • WP AutoTerms: Privacy Policy Generator, Cookie Notice Banner, Terms & Conditions Generator
  • YITH WooCommerce Wishlist
  • Ocean Extra
  • WordPress SEO Plugin – Rank Math
  • Meta Box – WordPress Custom Fields Framework
  • Hummingbird – Speed Optimize, Cache, Minify & Defer Critical CSS & JavaScript
  • Content Views – Post Grid & List for WordPress

Problém s kompatibilitou – Šablony

  • Astra +1 million users
  • Storefront +200,000 users
  • Hestia +100,000 users
  • Neve +100,000 users
  • ColorMag +100,000 users
  • Customizr
  • Hueman
  • Zakra

Údržbová aktualizace chybu naštěstí opravila tak, že starší kód nebude blokovat. Vývojaři tak mají rok na to, aby svůj kód upravili než vyjde WordPress 5.7. Než byla chyba opravena, byla možnost si svůj web opravit pomocí pluginu Enable jquery Migrate Helper, který během tři týdnů nasbíral 100 000+ aktivních instalací.

WordPress 5.5.1 také opravila nesprávné stránkování stránek v XML. Kompletní seznam změn si můžete přečíst níže přímo na oficiálním webu WordPress.

Pokud se vám web s novou aktualizací WordPress 5.5 rozbil nebo potřebujete pomoct a hledáte správce WordPress webových stránek, napište nám. Rádi se o něj postaráme. Nabízíme tři druhý balíčků, kde kromě technické podpory nabízíme kompletní správu včetně plnění obsahu.

Spustili jsme zbrusu nové webové stránky a to hned tři projekty

V uplynulých měsících jsme pracovali dohromady na dvaceti nových projektech. Ne vždy se jednalo o nové webové stránky a někde jsme figurovali pouze jako prostřednicí, kodéři, programátoři nebo webdesignéři. Všechny projekty, které vám dnes představíme jsou postavené na našem oblíbeném redakčním systému WordPressu. U Dvou projektů se jedná jen o malé firemní projekty, ale poslední web nám dal docela zabrat.

3D-tiskni.cz

Firma 3D tisk Zlín se zabývá jako už název napovídá zakázkovým 3D tiskem a také prodejem materiálů pro 3D tisk. Naším úkolem bylo vytvořit zbrusu nový web a také jednoduché logo.

Prohlédnout online

HypotékaZlín.cz

Dalším webem, který jsme realizovali byl web pro hypotečního specialistu. Můžete si povšimnout, že je podobný jako 3D-tiskni.cz. Důvodem je, že se mu web 3D-tiskni líbil.

Prohlédnout online

Etipy.cz

Poslední projekt, který vám představíme je web Etipy.cz ke kterému jsme nejen navrhli zbrusu novou grafiku na míru včetně responzivní verze, ale také ji realizovali. Web běží na WordPressu, má několik zajímavých funkcí a je to jediný web svého druhu v České republice, který nabízí prémiové tipy ZDARMA.

Prohlédnout online a case study

K dispozici je nová verze WordPress 5.5

Dlouho očekávaná aktualizace s označením WordPress 5.5 je venku. Dostala název Eckstine. Je to velká aktualizace a změn je opravdu mnoho. Má více než 450 vylepšení a opravuje několik desítek chyb a to nejen bezpečnostních. S novou verzí se ale objevují informace, že některé starší šablony přestaly fungovat. Důvodem je, že nová aktualizace ukončila podporu pro Jquery Migrate. O tomto problému a jak ho vyřešit se blíže rozepíšeme v dalším článku na našem blogu. Tady si představíme novinky této aktualizace.

Automatické aktualizace motivu a pluginu

Funkce, které jsme si všimli téměř okamžitě. WordPress totiž nově zavádí funkci, která automaticky aktualizuje všechny šablony a nahrané pluginy. Je to skvělý pokrok dopředu, protože takto bude web bezpečnější před útokem hackerů a je vhodná pro menší webové stránky se základními pluginy. Právě přes bezpečnostní díru v pluginech může hacker dostat web pod svojí kontrolu a nahrát mallware.

Automatická aktualizace je ve výchozím nastavení vypnuta a rozhodně není vhodná pro jakýkoliv plugin. Při automatické aktualizaci se může stát, že web přestane fungovat. Proto doporučujeme u některých pluginů aktualizaci provést manuálně.

Blokuje nepoctivé pluginy

WordPress má novou funkci, která rozpozná nepoctivé pluginy. Nepoctivý plugin je v podstatě škodlivý plugin, který by mohl převzít kontrolu na webem.

WordPress při instalaci plugin zkontroluje, rozpozná zda se jedná o škodlivý plugin či ne a případně jej zablokuje. Pokud takový plugin už na webu máte, tak nová verze ho označí a zablokuje aktualizace.

Tato funkce dělá WordPress bezpečnější a postupem času se bude ještě více zdokonalovat. Je jen velká škoda, že toto vylepšení nedostalo větší prostor v těch 450 vylepšení.

Lazy Load

Lazy load je vylepšení, které zrychlí načítání webových stránek. Je to funkce, která načte obsah ve chvíli, kdy jej návštěvník potřebuje vidět. Dokáže ušetřit data a rychleji vykreslit obsah webu. Nově má tuto funkci i WordPress. Prohlížeč tak již nemusí čekat než se načte/stáhne obsah jako fotky, videa, texty, ikonky apod.

Sbohem staré prohlížeče

Nová aktualizace přestala podporovat Internet Explorer 6 – 9. IE nemáme rádi, ale stále se najdou návštěvníci našeho webu, kteří jej používají. My se ptáme proč? Jsou to staré, děravé prohlížeče.

Výhodou, že WP přestal podporovat IE je odstranění zbytečných stylů. Tím je jádro lehčí a web rychlejší.

Změna grafiky editoru Gutenberg

Gutenberg je součástí WordPressu skoro dva roky. S novou aktualizací přišla nová grafika a pár nových funkcí. Například při psaní blogu funkce náhled. Nově si můžete rozepsaný příspěvek zobrazit kromě desktopu na tabletu nebo mobilu. Další novinkou jsou nové ikonky jednotlivých elementů.

Site maps / mapa stránek

Site maps je mapa webových stránek, která pomáhá robotům vyhledávačů vyznat se na webových stránkách. Tato funkce je nově vestavěná, takže to znamená, že uživatelé nebudou muset použít plugin nebo pro ty pokročilejší si sitemap vytvořit pomocí kódu.

Ač je tato funkce do systému vestavěná, máme k němu výhrady.

Co říct závěrem? Nová aktualizace zahrnuje spousty nových funkcí a proto byste měli web, co nejdříve zaktualizovat. Web tak bude bezpečnější a rychlejší. Pokud chcete s aktualizací na nový WordPress pomoct nebo hledáte správce vašich webových stránek, kontaktujte nás. Rádi se postaráme o všechny záludnosti spojené s aktualizací systému.

Časté chyby v zabezpečení systému WordPress

Redakční systém WordPress získává rok od roku na popularitě a tím se stává čím dál více cílem hackerů. Důvodem je, že někteří nevynaloží takové úsilí jako při vývoji na zabezpečení systému. Přitom existuje několik tipů, jak útokům předejít a tím se vyhnout problémům. Například web vám může přestat fungovat nebo se mohou smazat data.

V tomto příspěvku se podíváme na běžné chyby v zabezpečení webových stránek WordPress a zjistíme, co udělat, abychom minimalizovali zranitelnost.

Chyba č. 1: Špatný výběr šablony

Tou největší chybou je špatný výběr šablony. Nikdy bychom nedoporučovali postavit web na free šablonách nebo těch cracklých. Nejenže jsou špatně nakódované, ale také mohou značně zpomalit web nebo mít v sobě škodlivý software. V tomto případě je nejlepší volbou postavit web buď na kvalitní premium šabloně nebo si nejlépe zaplatit vývoj na míru.

Pokud stavíme web na premium šabloně, měla by se vybrat taková, která je na trhu několik let, má pravidelné aktualizace, aktivní podporu a má i vysoký rating spolu s vysokým počtem stažení. Obvykle jsou nejlepší šablony ty, které nejsou postavené na dalších pluginech.

Chyba č. 2: Neaktulizace WordPress

Druhou největší chybou je neaktualizace redakčního systému WordPress. Komunita WordPress spolu komunikuje, pravidelně upozorňuje na bezpečnostní problémy a tým WP pravidelně jádro opravuje a aktualizuje. Spolu s tím při vydání nových verzí jsou k dispozici nové funkce. Pokud WordPress nebudeme aktualizovat, vystavujeme web zranitelnosti.

Doplňkové opravné aktualizace se obvykle provádí automaticky, ale ty hlavní ne a je jenom na nás jestli jej spustíme. Aktualizace WordPressu je jednoduchý proces, který vyžaduje pouze kliknutí na tlačítko aktualizovat. Ovšem může se stát, že při aktualizaci dojde k problémům. Proto ještě než web zaktualizujete, udělejte si zálohu webu.

Chyba č. 3: Nekvalitní pluginy nebo příliš mnoho pluginů

S popularitou redakčního systému WordPress, roste i vývoj velkého množství pluginů, které dokáží rychle rozšířit web o nové funkce. Čím více pluginů máte, tím hůř pro vás. Nejenže dokáží zpomalit web, ale představují velké bezpečnostní riziko. Proto pokud existují způsoby, jak něco udělat bez použití pluginu, použijte tu druhou možnost.

Velkým problémem při zabezpečení webu je použití velkého množství bezpečnostních pluginů. Nejenže to ztrácí smysl, ale dochází tím ke vzájemným konfliktům, web se zpomaluje a přestává fungovat zabezpečení celého webu.

Při použití velkého množství pluginů se můžete setkat s anomálií známou pod zkratkou WSOD (White screen of death), což znamená bílá obrazovka smrti. Jestli jste se s ní ještě nesetkali, měli jste štěstí. Pokud ano, asi víte že je to pocit jako kdyby se vám zhroutil celý svět. Přesně s tímto se můžete setkat, pokud budete do svého webu instalovat velké množství pluginů.

Chyba č. 4: Neodstraňování nepoužitých šablon a pluginů

Chyba, kterou vidíme při převzetí webu do naší správy poměrně často. Jestliže máte pluginy pro které nemáte žádné využití, nestačí je jenom deaktivovat, ale měli byste je z webu i odstranit. Díky odstranění pluginu z webu snížíte riziko nakažení mallwarem, který dokáže ve vašem webu napáchat docela velké škody a dokonce smazat celý obsah webu. To samé platí i pro neaktivní šablony. Pokud máte nějaké šablony, které nepoužíváte, tak je smažte a nechte si pouze aktivní a výchozí šablonu WordPress například TwentyTwenty.

Chyba č. 5: Neudržování pravidelných záloh webových stránek

Dělat zálohu webových stránek je základ, protože v případě bílé smrti, napadení webu mallwarem nebo smazání obsahu celého webu je velká pravděpodobnost, že web už do původní podoby nikdy nedáte. Teď si jistě říkáte “můj hosting dělá pravidelné zálohy, tak proč si ho zálohovat zvlášť”. Proč? V případě napadení jsou obvykle napadené i zálohy.

Pravidelné zálohy byste měli dělat nejlépe jednou nebo dvakrát měsíčně. Také je dobré provádět zálohu těsně před tím než budete instalovat či aktualizovat nový plugin a to samé platí při aktualizaci jádra WordPressu.

U zálohy nestačí provádět pouze zálohy databáze, ale celého webu. To může být pro laika náročné a proto je dobré oslovit odborníka. Například naše studio se pravidelnou správou webu zabývá.

Závěr

Zabezpečení webových stránek není o jednom nastavení, ale o pravidelné údržbě, pravidelných aktualizacích, ověřených pluginech a dobrém kódu. Pokud se o něj nebudete starat, brzy přijde den, kdy vás web nemile překvapí a mnohdy je oprava mnohem náročnější než pravidelná správa webu.

Pokud hledáte správce webových stránek pro svůj web, oslovte naše studio. Máme bohaté zkušenosti s vývojem webů na WordPressu a připravené roční balíčky. Cena začíná už od 3 240 Kč/rok a pro stálé klienty máme slevu.

Jak přidat vlastní písma do redakčního sytému WordPress

Pokud máte blog, určitě váš již napadla myšlenka nepsat články klasickým standardním písmem, ale svým vlastním. Doba fontu Arial nebo Times New Roman je už dávno pryč. S příchodem Google Fonts se doba změnila. Dnes máte k dispozici stovky bezplatných fontů. Správně zvolený font je základ každého dobrého webu. Zdobí web, lépe se čte a je zajímavým doplňkem pro oko čtenáře. Typografie je mocný nástroj.

S výběrem fontu to ovšem nesmíte v žádném případě přehánět. Nikdy nevkládejte do svého blogu ty příšerné, ručně kreslené fonty nebo ty, které nepodporují diakritiku, tím své čtenáře totiž moc neoslníte.

WordPress v základu neumožňuje kontrolu nad fontem. Neexistuje žádné výchozí nastavení. Pokud použijete koupenou šablonu, tak některé v nastavení mají možnost vybrat nebo vložit vlastní font. Webové prohlížeče totiž obsahují sadu výchozích písmen. To znamená, že pokud písmo není specifikováno v CSS, použije se výchozí písmo.

Nyní se tedy dostáváme k hlavní myšlence tohoto článku. Kde fonty získat a jak vlastní fonty do WordPressu nainstalovat?

Kde fonty pro komerční použití získat?

Za nás je nejlepší web pro výběr fontů Google Fonts. Má velkou databázi fontů pro komerční využití a pomůže vám i s tím, jak font vložit do kódu webových stránek.

Jak vlastní písma do WordPressu nainstalovat?

Plugin:

Existují dva způsoby a to ručně nebo přes plugin. My volíme první způsob, ale možnost přes plugin je nejjednodušší. Z WordPress repozitáře máte na výběr desítky pluginů, které vám umožní nainstalovat si vlastní písma. Nevýhodou pluginů je to, že nemáte plnou kontrolu nad fonty. Na druhou stranu, pokud neplánujete nějaké velké změny, tak vám tohle bude stačit.

Ručně:

Ruční způsob instalace vlastních fontů do svého webu považujeme za nejlepší řešení. My stavíme weby obvykle na míru a proto nemůžeme instalovat do webu plugin na fonty. Pokud lze udělat něco bez pluginu, použijeme tu druhou možnost.

Na ruční vložení existuje hned několik možností. Písma můžete načíst pomocí CSS, function.php nebo Javasriptu.

1. Načtení písma pomocí CSS

Nejlepší způsob, jak přidat vlastní písma Google do webových stránek je použít standardní metodu. Jednoduše zkopírujete odkaz svého písma, který vám vygeneruje web Google Fonts a vložíte je do souboru motivu style.css.

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;0,900;1,500;1,700;1,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Lora|Oswald);

Pokud chcete využít metodu optimalizovanou na výkon vašeho webu, můžete upravit soubor header.php motivu a vložit následující kód.

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lora|Oswald" media="screen">
<link rel="stylesheet" type="text/css" href="YOUR THEME STYLESHEET" media="screen">

2. Načtení písma pomocí function.php

Dalším způsobem, jak přidat vlastní písma Google Fonts do webových stránek je použít soubor function.php a vložit tento kód.

function wpb_add_google_fonts() {
 
wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300', false ); 
}
 
add_action( 'wp_enqueue_scripts', 'wpb_add_google_fonts' );

3. Načtení písma pomocí Javascriptu

Fonty Google lze také načíst pomocí knihovny Web Font Loader Library. Budete muset zkopírovat kód z Google Fonts a ten pak vložit do souboru header.php za značku <head>.

Nejdříve musíte načíst skript Web Font Loader

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>

Poté už stačí jen vložit script pro načtení písma.

<script>
	WebFont.load({
		google: {
			families: ['Roboto:300,400,700']
		}
	});
</script>

Posledním krokem je pak v CSS jednotlivé fonty přiřadit k nadpisům, textům, tlačítkům apod. To může vypadat třeba takto:

body {
   font-family: 'roboto', sans-serif;
}

h1,
h2,
h3,
h4 {
   font-family: 'Open Sans', sans-erif;
}

button,
input {
   font-family: 'Space Mono', monospace;
}

Spustili jsme nové webové stránky, magazín zabijačky.cz

Během uplynulých měsíců jsme pracovali na vývoji nových webových stránek pro Zabijačky.cz, který je postaven na redakčním systému WordPress. Původní web fungoval pomocí online nástroje Webnode. Toto řešení klientovi již nevyhovovalo.

Web Zabijačky.cz je obsáhlý, kde se dozvíte spousty zajímavých informací o zabijačkách. Jsou zde různé recepty, videa, fotogalerie a inzerce. Velkým oříškem bylo přesunutí obsahu z Webnode na WordPress. Existuje nástroj, který dokáže veškerý obsah z webu stáhnout a přesunout na nový web. V tomto případě to bohužel nešlo a museli jsme ze šuplíku vytáhnout plugin, který jsme v minulosti u podobného projektu použili. Plugin jsme přepsali a nakonec se nám obsah přesunout povedlo :).

Tím, ale naše práce neskončila. Museli jsme všechny články roztřídit do kategorií / podkategorií, přejmenovat fotky, vložit komentáře, přidat knihu návštěv a inzerci.

Pro zajímavost, když jsme web klientovi spouštěli, přesun trval neuvěřitelných 5 hodin.

Nejlepší WordPress pluginy pro Google Analytics

Google Analytics je bezplatný nástroj pro měření výkonnosti vašeho webu. Můžete zjistit odkud návštěvníci přichází, z jaké jsou země nebo města. Zjistíte jaké podstránky na webu získaly nejvíce návštěv nebo pomocí nástroje naplánujete marketingovou kampaň. Je to jedinečný nástroj a jeho cenná data vám pomohou vybudovat obchodní strategii.

Pokud se chcete propojit s Google Analytics, musíte přidat fragmenty měřícího kódu na svůj web. Můžete to udělat dvěma způsoby. Buď přes nějaký WordPress plugin nebo vložíte kód manuálně přímo do hlavičky webu. Pokud nejste technicky zdatní, doporučujeme první možnost.

Nyní přichází na řadu to, co vás bude nejvíce zajímat. A jaký plugin pro Google Analytics je nejlepší?

1. MonsterInsights

MonsterInsights díky 2+ milionům aktivních instalací patří mezi nejlepší pluginy Google Analytics. Instalace je velmi jednoduchá a plugin nabízí nejpokročilejší funkce GA pouhým kliknutím.

Plugin má vestavěný panel Google Analytics a tak vůbec nemusíte opustit svůj WordPress web. Plugin také není nijak náročný a nezatěžuje tak výkon vašeho webu. Na pluginu se nám velmi líbí, že obsahuje několik doplňků, které zvyšují funkčnost celého webu. Zkrátka otevřete si svůj web a ihned vidíte všechna data.

Zajímavé funkce:

  • Integrace Google Analytics s okamžitým publikováním článků na Facebooku
  • Možnost sledování konverze formulářů
  • Sledování počtu stažení souborů na webu
  • Kompatibilita s různými nástroji a WP šablonami
  • Vestavěná oprávnění, takže můžete nastavit, kdo má přístup k panelu MonsterInsights
  • Nástavba EU Compliance (anonymizace IP adres, zakázání sledování identifikátorů UserID, práce s Google AMP Consent Box,…)

MonsterInsights je jeden z nejlepších nástrojů a i my ho velmi často pro naše projekty používáme. Nabízí pár funkcí zdarma, ale doporučujeme koupit si prémiovou verzi. Cena začíná na přijatelných 99.50$/rok.

2. ExactMetrics

ExactMetrics je druhý nejoblíbenější nástroj na trhu. Na trhu je již delší dobu pod názvem GADWP, ale v posledním roce přišlo několik změn. Nástroj nabízí totožné funkce jako první plugin. Dříve byl zcela zdarma a umožňoval snadnou integraci Google Analytics do WordPressu, ale bohužel i on přesedlal na vlnu cenových balíčků. Naštěstí existuje free verze, takže můžete plugin nejdříve vyzkoušet než si jej zakoupíte.

Momentálně má ExactMetrics přes 1 000 000+ aktivních instalací a je to velký konkurent MonsterInsights. Osobně bych řekl, že v některých funkcích je s ním práce mnohem rychlejší a intuitivnější než v prvním případě.

Cena ExactMetrics je od 99.50$/rok.

3. Analitify

Posledním pluginem o kterém se rozepíšeme je nástroj Analitify. Jeho ovládání je opravdu jednoduché a vhodné pro uživatele, kteří si potrpí na pouhé základy Google Analytics. Aktuálně má už přes 200 000 + aktivních instalací.

Nástroj uživateli totiž data zjednodušuje, takže přehledy, různé grafy a statistiky vypadají, jako kdyby je malovalo dítě. Tím nechceme říct, že je plugin neprofesionální, právě naopak. Ne vždy se totiž v případě prvních dvou pluginů majitelé stránek v přehledech vyznají.

Instalace pluginu je neskutečně jednoduchá, ověření probíhá jedním kliknutím a během pár vteřin se vám okamžitě načtou data v reálném čase. Plugin je navíc neskutečně přizpůsobitelný a jak píší na jejich oficiálním webu, zábavný. A to je důvod proč byste ho měli vyzkoušet, zvláště pokud máte e-shop.

Analitify nabízí demo, ale spíše bychom doporučili koupit si jeden z jejich balíčků. Cena pluginu začíná od 39$.

A co ostatní pluginy?

Aktuálně pro Google Analytics existuje celá řada pluginů. Ovšem nezáleží na kvantitě, ale kvalitě. Pokud vás nezaujal ani jeden z výše uvedených, doporučujeme vyzkoušet:

Pokud si u nás objednáte tvorbu webových stránek, tak vždy využijeme jeden ze tří prvních pluginů.

Nová práce: Vytvořili jsme one page web pro Krby Tábor

Během uplynulých dvou měsíců jsme pracovali na tvorbě jednostránkové prezentace krby-tábor.cz. Pro tohoto klienta jsme již v minulosti vytvořili dva weby: Jihočeské kamnářství a Kamna Pertinger, které si můžete prohlédnout v našich referencích.

Práce na tomto webu nás neskutečně bavila. Jednostránkových prezentací totiž tvoříme velmi málo. Přitom pokud máte obsahu méně, je to lepší řešení než multisite.

Tato webová prezentace je postavená na míru a napojená na redakční systém WordPress. Web je plně responzivní a napojený na analytický nástroj pro měření výkonnosti Google Analytics. Od začátku jsme design stavěli na zajímavých fotkách, které klient má ve svém portfoliu a aby web nezůstal jen statický, přidali jsme několik zajímavých efektů.

Pokud vás zajímá více informací, mrkněte se do detailu v našich referencích, kde jsou náhledy grafiky a pokud i vy chcete takový pěkný moderní web, zkuste nám napsat.

Spustili jsme nové webové stránky pro firmu Northern Trade, s.r.o.

Třikrát hurá. Rádi bychom vám představili naší novou práci. Vytvořili jsme nové firemní webové stránky s grafikou na míru napojené na redakční systém WordPress.

Práce na webu naše studio zahájilo v polovině února grafickým návrhem tří logotypů, ale zejména výrobou webové grafiky. Od samého začátku jsme chtěli vytvořit jednoduchý web bez zbytečných kudrlinek, který dokáže zaujmout potencionální zákazníky.

Firma Northern Trade pochází z Jindřichova Hradce a nabízí široké portfolio služeb:

  • prodej, pronájem a doprava lodních, skladových kontejnerů po celé ČR
  • prodej mobilních domů, mobilheimů
  • spediční služby

Webové stránky jsou postavené na redakčním systému WordPress a při vývoji jsme vytvořili několik funkcí a podstránek zcela na míru.

Pokud chcete vidět webové stránky, navštivte ho na webové adrese https://northern.cz/

Spustili jsme webové stránky Hubnutí je v hlavě postavené na redakčním systému WordPress

Máme radost. Před týdnem jsme spustili nové webové stránky postavené na redakčním systému WordPress pro web s názvem Hubnutí je v hlavě. Tento web byl vytvořen za účelem prodeje knihy o hubnutí. Koupí knihy totiž podpoříte nové vznikající azyl pro hospodářská zvířata.

Pro klientku jsme kromě vývoje webu také vytvořili jednoduché logo. Web má jednoduchou strukturu, to nejdůležitější je umístěné na úvodní straně webu.

V tomto případě jsme navrhli jednoduchou grafiku v barvách elektronické knížky (červená). Jako doplňková barva byla zvolena zelená. Co se týče vývoje, web je možné obsluhovat přes redakční systém WordPress a jako e-shop funguje na WooCommerce.

Spouštíme osobní webové stránky pro profesionální masérku z Hradce králové

Máme tu čest představit vám naší novou práci a to osobní web pro profesionální masérku z Hradce Králové. Jedná se o one page prezentaci, kde naleznete základní informace, ceník a objednávkový formulář. Web jsme ladili do masážních, uklidňujících barev. Pro klientku jsme také zřídili nový hosting a doménu.

Jak zadat poptávku na tvorbu webových stránek nebo vývoje e-shopu

Každý den nám do mailu dorazí několik poptávek na tvorbu webových stránek, návrhu grafiky, vývoje konfigurátoru nebo e-shopu. Nejčastěji napsaná věta vypadá takto “Chceme webové stránky, ale než se posuneme dál, můžete napsat cenu?”.

Nemůžeme, bohužel. Naše studio tvoří webové stránky na míru a pokud máme napsat alespoň orientační cenu, potřebujeme více informací. Přitom informace, které potřebujeme nejsou nijak složité. Cena webu totiž může být 2 000 Kč, ale i třeba 250 000 Kč.

Rozhodli jsme se sepsat několik bodů, které je nutné mít připravené, pokud hledáte kvalitního dodavatele webových stránek.

O projektu

Na začátku každé poptávky sepište čím se bude projekt zabývat a jestli půjde o návrh nového webu nebo redesign současných stránek. V případě, že web existuje, připojte www odkaz.

Představa o designu

Pro výpočet ceny je důležité sepsat alespoň představu v jakém duchu byste si nový web představovali. Nemusíte psát barvy, ale stačí zaslat odkaz na weby, které se vám líbí. Jsou totiž dva druhy webů. Jedny, které jsou moderní, čisté, jednoduché. Druhé jsou weby, které nejsou často k vidění např. https://coingaming.io/ nebo https://www.pantheoneaudio.com/

Služby

Je nutné napsat o jaké služby máte zájem. Můžete jen chtít nakódovat webové stránky, napojit je na redakční systém, vytvořit firemní brandning nebo navrhnout novou grafiku. Tohle všechno je důležité v bodech sepsat. Služby, které nabízíme naleznete na našich webových stránkách.

Rozpočet

Někteří poptávající se rozhodují na základě nízké ceny a reference, úspěch, kvalita není zajímavá. Přitom reference a zkušenosti jsou základ. K poptávce je nutné poslat i rozpočet, který na projekt máte. My si tak můžeme udělat konkrétní představu s jakým finančním budgetem pro realizaci projektu počítáte. Můžeme tak vymyslet kompromis nebo najít jiné technické řešení.

A teď v bodech:

  • Čím se bude projekt zabývat?
  • Máte zpracovaný firemní branding?
  • Jaká je vaše představa o designu?
  • Kdo je vaše konkurence?
  • Jaká je vaše představa o termínech?
  • Jaké funkce bude mít web?
  • Plánujete SEO?

Web design trendy pro rok 2020

Dnes je 1.1.2020 a to je nejlepší čas pro sepsání web design trendů pro rok 2020. Trendy v oblasti web designu se stále mění a s neskutečnou rychlostí. Od samého začátku webových stránek můžeme sledovat, jak doba vývoje pokročila. Technické možnosti se zdají být nekonečné a designéři spolu s programátory si hrají a experimentují s různými technikami. Dnes lze v kódu vytvořit téměř cokoliv, ale musíte mít opravdu velkou představivost.

Web design trendy pro rok 2020 jsou trochu jiné než pro rok 2019, ale některé trendy se opakují. Nemůžeme to nenapsat, ale opět je zde otázka funkčnosti webu pro uživatele. Běžný návštěvník, který přijde na takový moderní web vůbec nemusí být nadšený. Naše studio při tvorbě webových stránek pro běžné uživatele nikdy takto neexperimentuje. Vždy do webu zpracováváme jen část určitých trendů, ale zachováváme především funkčnost.

Pojďme si tedy největší trendy roku 2020 představit:

  • Působivé 3D prvky, pohyblivé efekty, 3D grafika
  • Temný režim webových stránek
  • Chatovací roboti
  • Míchání fotografií s ilustrací
  • Plovoucí a parallax efekty, stíny
  • Minimalistická navigace
  • Retro styl
  • Minimalistická typografie

1. Působivé 3D prvky, pohyblivé efekty, 3D grafika

3D grafika se v současné době stala součástí grafického a webového designu. Používá se čím dál tím více a není to jen obor web. Dnes se 3D grafika používá skoro v každém oboru např. stavebnictví, zdravotní průmysl, augmentová realita nebo virtuální realita. Dnešní technologie značně pokročila a lze vytvářet vskutku realistické 3D výtvory. V roce 2020 uvidíme opravdu mnoho 3D webových stránek ať už jen statických, interaktivních nebo animovaných. 3D grafika dnes dokáže běžného uživatele vtáhnout do svého světa a tím zajistit pohlcující zážitek. Díky různým interaktivním možnostem si můžete zajistit, aby návštěvník zůstal na webových stránkách o něco déle.

2. Temný režim webových stránek

Pevně věříme, že jednou z hlavních trendů roku 2020 bude tmavý design. Díky tmavému designu vyniknou určité prvky a celkově ta grafika působí na návštěvníky webových stránek jinak než ta bílá. Menším problémem u tmavého designu jsou naše oči a proto uvidíme u spousty webových stránek možnost přepínání mezi světlým nebo naopak tmavým pozadím. Tuto funkci má například sociální síť Facebook, která na podzim minulého roku představila nový design. Tmavé pozadí zlepšuje viditelnost různých barev a tím zajišťuje dynamický design.

3. Chatovací roboti

Chatovací roboty jsme zmínili i ve web design trendech pro rok 2019. Tento rok se díky masivnímu používání chatbotů více zdokonalí. Aktuálně totiž přichází trend související s umělou inteligencí a tak se brzo stane, že vám chatovací robot odpoví na jakoukoliv otázku, kterou položíte. Pokročilá technologie umělé inteligence také zajistí hlasové uživatelské rozhraní. Jinými slovy uživatelé budou moct vést běžný rozhovor.

V současné době existují dva typy robotů. První robot má svojí vlastní, pevně danou databázi. Druhý robot je založený na umělé inteligenci. Používání robotů je pro firmy mnohem efektivnější než mít na webových stránkách FAQ. Roboti jsou k dispozici 24/7. Nevýhodou používání robotů je, že stále nejsou na tak vysoké úrovní jako běžný člověk a některým dotazům nerozumí.

4. Míchání fotografií s ilustrací

Aktuálně největším trendem v oblasti web designu je kombinování reálné fotografie s reálnou ilustrací. Tento trend je neskutečně hravý i zábavný. Nejenže dokáže komunikovat s uživatelem webových stránek, ale pomocí jednoduchého efektu můžete web posunout o level výše.

5. Plovoucí a parallax efekty, stíny

Plovoucí prvky s měkkými stíny dokáže na webové stránce vykouzlit zajímavý 3D efekt. Překrývající se grafika umí vytvořit zajímavý vizuální efekt se kterým si uživatel bude rád hrát. Tento efekt můžete použít pro jakýkoliv grafický prvek: fotografie, ilustrace, navigace, typografie. Trendem pro rok 2020 také bude použití parallax efektu pro obrázky. Pokud tedy budete pracovat s obrázky, nezapomeňte tento efekt využít.

6. Minimalistická navigace

V roce 2020 bude pokračovat trend z minulého roku, kdy se hamburger menu začal zobrazovat i na desktopovém zařízením. Pokud by někdo nevěděl, co je hamburger menu, tak to jsou tři vodorovné čáry na které když uživatel klikne, zobrazí se filtr nebo navigace webových stránek. V tomto roce se předpokládá více experimentování s tímto zobrazením. Správně umístěná navigační lišta je základem každého dobrého webu a proto při navrhování designu byste se měli na tento grafický prvek soustředit.

Pamatujte, že čím méně uživatel přemýšlí o tom, jak se pohybovat v navigaci, tím více času stráví na webových stránkách.

7. Retro styl

V současné době zažíváme návrat do minulosti u gramofonových desek, které se aktuálně vrací a zažívají neskutečný boom. Jinak tomu není ani v našem odvětví. U webových stránek se začíná využívat styl designu z 50. a 60. let. Je to totiž styl, který je pro mladé designéry něčím novým a slouží jako pořádná dávka inspirace. Tento design se totiž dá dokonale kombinovat s dnešními moderními prvky.

A proč právě využít retro styl při navrhování webů v roce 2020? Za prvé tento styl dokáže v lidech vyvolat nostalgii a za druhé tento styl je natolik starý, že ho mladí neznají.

8. Minimalistická typografie

Nejdříve bychom si měli ujasnit, co vlastně znamená Minimalismus. Minimalismus je umělecký směr, který se objevil v 50. letech 20. století v sochařství a malířství. Postupem času se rozšířil i do dalších oblastí jako je architektura, design, film či literatura. Minimalismus v oblasti webového designu zahrnuje mít web, co nejednoduší bez zbytečných kudrlinek kolem: minimum tlačítek, minimum barev, jednoduchá navigační lišta, jednoduché grafické prvky. Jenže minimalismus se dnes v oblasti designu posouvá trochu jiným směrem a příkladem dokonalého použití minimalismu je web společnosti Apple.

Novinkou pro tento rok bude použití obrovských písmen, různé experimentování s typografií a reagující texty při najetí kurzoru myši.

A jsme u konce… Nové trendy v tomto roce nám ukáží jaký styl designu uvidíme v příštích deseti letech. Už teď je zcela jasné, že hlavním trendem webových stránek bude 3D grafika, která je v současné době na vzestupu hlavně díky virtuální a augmentové realitě. Bohužel dnes je VR stále moc drahá, ale během několika let bude dostupnější a tím uvidíme více možností využití 3D grafiky na webových stránkách.

Jak zrychlit webové stránky? Používejte formát WebP, datově úsporná alternativa k JPEG a PNG formátům

Rychlost načítání webových stránek je velice důležitá a čím rychlejší web tím lepší konverze. Bohužel optimalizovat web tak, aby se načítal do 300ms je u některých webů nereálné nebo naopak velmi náročné. První věcí, kterou řeší naše studio jako první jsou obrázky. Na internetu naleznete spousty tipů, jak optimalizovat rychlost svého webu postaveném na redakčním systému WordPress pomocí pluginů, ale v jednom z tipů vám napíší, že máte snížit počet pluginů a v druhém vám radí ať rychlost vyřešíte pomocí x pluginů. Pluginy na WordPressu dokáží zázraky, ale také čím více nainstalovaných pluginů, tím pomalejší web.

Rychlost webu

První, co byste u svého webu měli určitě zjistit, je rychlost načítání vašeho webu. Nejlepší nástroj pro měření rychlosti je Page Speed Insights. Tento testovací nástroj vám změří rychlost, ale také ukáže, co zlepšit a ZDARMA.

Pro optimalizaci obrázků je nejlepší nepoužívat formát jpeg, png nebo gif, ale přejít na formát WebP. Tento nový formát představila společnost Google již v roce 2010, ale v té době ho podporoval pouze Google Chrome. V současné době ho podporuje skoro každý prohlížeč včetně Edge od Microsoftu.

Formát WebP dokáže snížit velikost obrázku bez ztráty kvality až o 30% a tím snížit rychlost načítání webu. Problém formátu WebP je, že WordPress tento formát nepodporuje a musíte to vyřešit buď pluginem nebo chytrou funkcí. Naše studio pluginy nemá moc rádo a proto doporučujeme do funkcí WordPressu vložit tento kód. Je to tak snadné.

//** Enable upload for webp image files./

function webp_upload_mimes($existing_mimes) {

    $existing_mimes['webp'] = 'image/webp';

    return $existing_mimes;

}

add_filter('mime_types', 'webp_upload_mimes');

Jak WebP získat?

Pokud chcete převést formát PNG nebo JPEG do formátu WebP, tak přejděte na tuto webovou stránku. Další možností je využít grafické aplikace jako Sketch, Gimp nebo Pixelmator, ale např. takový Adobe Photoshop nic takového nemá, což je tak trochu škoda.

Spouštíme nové firemní webové stránky pro firmu Renncolor

Jsme pyšní, máme radost vám představit novou práci. Jsou to webové stránky postavené na systému WordPress pro firmu Renncolor.

Klient nás oslovil několik týdnů před Vánoci a vznesl požadavek mít web hotový k datu 20.12. Byla to výzva, ale web jsme za pouhý jeden týden také vytvořili, navrhli grafiku, vyřešili problémy s hostingem a spustili. Samozřejmě velká pochvala patří klientovi, který velmi aktivně komunikoval.

Firma Renncolor sídlí v Praze a zabývá se výrobou razítek, potiskem předmětů nebo velkoplošným tiskem. Firma má také svojí vlastní kamennou prodejnu s kompletním sortimentem razítek Trodat. Jejich nový firemní web dostal novou čistší a zajímavější grafiku.

Pokud si chcete web prohlédnout online, navštivte jejich webové stránky https://razitka-vizitky.cz/

K dispozici je další bezpečnostní aktualizace WordPress 5.3.2

Krátce po vydání bezpečnostní aktualizace dne 12. prosince s číslem WordPress 5.3.1 byla dnes 18. prosince vydána další opravná bezpečnostní aktualizace, která řeší několik chyb.

Tato nová verze obsahuje 5 oprav a vylepšení. Další verze bude 5.4. Uživatelé s povolenými automatickými aktualizacemi by již měli mít novou verzi nebo ji brzy obdrží. Pokud nic takového nemáte, přejděte v administraci do Nástěnka -> Aktualizace.

Více informací naleznete na oficiálních webových stránkách https://wordpress.org/support/wordpress-version/version-5-3-2/

Byla vydána verze WordPress 5.3.1, která zahrnuje zabezpečení, opravy chyb a různá vylepšení

Včera byla vydána opravná aktualizace WordPress 5.3.1 s 46 opravami a vylepšeními. Změny zahrnují několik vylepšení přístupů a čtyři opravy chyb zabezpečení. Je to velmi důležitá aktualizace, protože pro WordPress 5.3 existují čtyři bezpečnostní díry. Pokud používáte starší verze WordPressu, doporučujeme jej pravidelně aktualizovat, aby se zabránilo možným útokům.

Zejména byly řešeny následující bezpečnostní problémy:

  • Oprava skriptování mezi weby (XSS)
  • zabezpečení funkce wp_kses_bad_protocol()
  • Oprava, když uživatel mohl pomoci Rest Api nastavit příspěvek jako zvýrazněný
  • Oprava chyby v zabezpečení XSS při použití blokového editoru

WordPress 5.3.1 by se měl nainstalovat automaticky, ale pokud se tak nestane, klikněte v administraci na Nástěnka -> Aktualizace.

Užitečné WordPress pluginy, které na svém webu určitě musíte mít

WordPress je nejrozšířenější a nejrychleji rostoucí redakční systém na světě. Každý den vznikne zhruba 500 nový webů postavených na WordPressu a má až 60% podíl na globálním trhu CMS, což z něj činí nejoblíbenější systém na světě. WP ovládá až 35% všech webových stránek na světě a fungují na něm známé weby, např. CNN, New York Post, CBS Local, NBC, Forbes, Bílý dům, Mercedes-Benz. Takže pokud přemýšlíte o nových webových stránkách a ať už jste živnostník, malá nebo velká firma, doporučujeme WordPress. Mimochodem tento systém je zdarma, takže narozdíl od jiných redakčních systémů neplatíte žádné měsíční či roční poplatky.

Naše studio tvoří webové stránky pouze na redakčním systému WordPress. Máme s ním bohaté zkušenosti a kromě tvorby webu nabízíme i vývoj pluginů nebo jejich úpravu. V tomto článku bychom vám rádi představili seznam několika pluginů, které na vašem webu rozhodně nesmí chybět. Aktuálně je k dispozici až 54 761 pluginů. Najdete tam plugin na všechno, ale spousta věcí se dá vyřešit jednoduchou úpravou v kódu. Nikdy do webu neinstalujte hromady pluginů, protože velké množství vám značně s pomalý web.

Yoast SEO

Plugin Yoast SEO je jeden z nejoblíbenějších a nejlepších SEO pluginů. Vznikl v roce 2008 a od té doby pomohl spoustě webových stránek k lepší pozici ve vyhledávání. Na výběr máte dvě varianty. Buď využít free verzi, která v základu nabízí poměrně dost možností nebo si přikoupit Yoast SEO Premium a ceny začínají od €55.30.

Contact Form 7

Jeden z nejlepších pluginů pro tvorbu formulářů na webu. Můžete si vytvořit jakýkoliv formulář, vložit ochranu proti spamům a pokud máte technické znalosti, tak si ho i nadesignovat podle sebe. Předností pluginu je možnost vložit kontaktní formulář na jakoukoliv podstránku skrz tzv. shortcode, který si formulář automaticky vygeneruje. Bohužel jeho nevýhodou je náročnější nastavení formuláře. V takovém případě je lepší sáhnout po alternativě Contact Form by WPForms – Drag & Drop Form Builder for WordPress.

Really Simple SSL

Pokud máte hosting, který umožňuje vygenerování Let’s Encrypt – Free SSL/TLS certifikátu, tak tento plugin vám automaticky přesměruje nezabezpečený web na bezpečný. Pokud máte technické znalosti, tak plugin instalovat nemusíte a můžete přes FTP upravit soubor .htaccess a tím přesměrovat http na https, ale my doporučujeme plugin.

RewriteEngine On 
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://www.vasedomena.cz/$1 [R,L]

Duplicate Post

Tohle je jeden z našich oblíbených pluginů, který používáme pokud pracujeme s weby, které mají desítky podobných podstránek. Skrze tento plugin můžete příspěvky nebo podstránky klonovat do konceptů, potom si je upravit a publikovat pod jiným názvem. Plugin má jednoduché nastavení a poměrně rozsáhlou dokumentaci.

Loco Translate

Plugin s názvem Loco Translate je šikovný plugin pro pohodlné přeložení textových řetězců ze zdrojového kódu. Často se používá pokud překládáte nějakou šablonu nebo plugin. Většina šablon je totiž napsaná v anglickém jazyce a proto je nutné ji přeložit do českého jazyka. Je to šikovný plugin.

Akismet Anti-Spam

Každý nově nainstalovaný WordPress obsahuje dva pluginy. Jedním z nich je Akismet, což je nástroj, který slouží k filtrování spamu. Plugin má svůj vlastní algoritmus, který kontroluje komentáře a filtruje jen ty, které vypadají jako spam. Akismet založil zakladatel WordPressu Matthew Mullenweg

WordPress programátor – tvorba wordpress webových stránek

Hledáte kvalitního WordPress programátora? Potřebujete vytvořit webové stránky, naprogramovat aplikaci, rozšířit WooCommerce nebo upravit šablonu? Pravděpodobně jsem pro vás ideální partneři. Máme více než 6 let zkušeností se systémem WordPress.

Ceny máme nastavené tak, aby si každý mohl dopřát nový web postavený na systému WordPress. Nabízíme tři základní balíčky, kdy ten nejzákladnější začíná od 2 100 Kč.

Vybrané práce naleznete na:
www.freshmill.cz/reference

Hodnocení od našich klientů:
www.freshmill.cz/o-nas


Co nabízíme

  • Správa WordPress webových stránek
  • Grafika na míru
  • Programování WordPress funkcionalit na míru
  • Úprava nebo vývoj šablon a pluginů
  • Úpravy Woocommerce
  • Tvorba webových stránek na míru
  • Seo pro WordPress
  • Zabezpečení

V případě dlouhodobé spolupráce jsme schopní cenu přizpůsobit. Nicméně hledáme klienty, kteří jsou ochotní zaplatit za kvalitně odvedenou práci.

Vyšla nová verze s označením WordPress 5.3. Co přinesla?

Dnes byla vydána a je ke stažení nová verze WordPress 5.3 “Kirk”, pojmenovaná podle amerického jazzového hudebníka Rahsaana Rolanda Kirka. Aktualizace obsahuje nové výchozí téma Twenty Twenty, vylepšení uživatelského rozhraní, nové funkce editoru Gutenberg a dalších 148 funkcí a vylepšení. My vám představíme pouze 10 nejzásadnějších.

Nejdříve než zaktualizujete svůj WordPress, nezapomeňte zálohovat svůj web!

1. Lepší vysvětlení jednotlivých bloků

WordPress 5.3 rozšířil informace při přidávání jednotlivých bloků přes horní menu (+), který naleznete vlevo nahoře. Kliknutím se vám při přidání bloku zobrazí popis s vysvětlením, co blok dělá. Toto vylepšení je podle nás dobrý krok, protože nyní aspoň uživatel víc, co jednotlivý blok dělá.

2. Rychlost editoru

Nová aktualizace také zahrnuje rychlejší použití editoru Gutenberg. Načítání stránky je o 60 milisekund kratší.

3. Změny vzhledu

Velkou změnou je vzhled administrace. Pokud s administrací nepracujete jako my každý den, tak si toho pravděpodobně asi ani nevšimnete.

  • tlačítka již nemají stíny
  • jednotlivá pole formulářů a rámečky mají tmavé ohraničení
  • tabulky jsou tmavší

4. Náhled stránky online v příspěvku

Pokud to váš web podporuje, tak můžete už při psaní článku vidět, jak bude vypadat po publikování. Příkladem je změna velikosti nadpisu nebo podklad nebude bílý, ale šedý. Bohužel tato funkce nebude podle nás na většině současných šablon fungovat, ale můžete si ji vyzkoušet na Twenty Twenty.

5. Nové bloky v editoru

U tak velké aktualizace je samozřejmostí, že do editoru bylo zavedeno několik nových bloků.

  • Group – blok umožňuje seskupit další bloky dohromady, takže můžete svojí stránku rozdělit do několika barevných částí
  • Spacer – blok, který rozdělí jednotlivé bloky mezi sebou

6. Kompatibilita s PHP 7.4

Skvělou zprávou je, že WordPress plně podporuje PHP 7.4, která je opět mnohem bezpečnější a rychlejší než ty předchozí. Jako vždy WordPress vybízí všechny uživatele, aby spouštěli weby na nejnovější verzi PHP.

7. Automatické otočení obrazu

Nová verze WordPressu nyní podporuje automatické otáčení obrazu. Takže po nahrání obrázku do knihovny médií budou správně otočeny a už se nestane, že budou vzhůru nohama.

8. Ověření e-mailové adresy

Majitelé webových stránek WordPressu budou muset každých 6 měsíců ověřit svojí e-mailovou adresu. Důvodem této nové funkce je zajistit, aby e-maily v případě chyb byly odeslány na správnou adresu.

9. Navigační režim

V editoru Gutenberg byl zaveden navigační režim, což znamená, že se můžete jednotlivými bloky pohybovat pomocí klávesy Tab nebo šipek.

10. Podpora velkých obrázků

WordPress obsahuje vylepšenou podporu nahrávání obrázků ve vysokém rozlišení (to jsou fotky např. z digitálních zrcadlovek). Fotografie jsou nyní při nahrávání okamžitě změněny na rozlišení 2560px. Toto vylepšení se nám velmi líbí, protože nahrávat velké obrázky na web může značně zpomalit web.

Proč si vybrat pro tvorbu webových stránek naše studio Fresh Mill?

Dokonalost

Naše studio si při tvorbě webových stránek zakládá na dokonalosti.

  • Weby od nás jsou vždy responzivní bez ohledu na cenu.
  • U každého webu provádíme nastavení tech. prvků SEO a propojujeme ho s analytickými nástroji pro měření výkonnosti.
  • Technická podpora je při tvorbě webu vždy k dispozici a ochotně pomůže s problémy.
  • Zdarma pomůžeme se zřízením a nastavením hostingu a domény.
  • Po spuštění webu nastavíme https certifikát.

Zkušenosti s redakčním systémem WordPress

Již několik let se specializujeme na redakční systém WordPress. Kromě samotného vývoje webů na míru bez použití šablon se věnujeme i vývoji různých pluginů.

Precizní grafika

Každý web z dílny Fresh Mill má grafiku na míru a je navržen podle wireframů vytvořených UX specialistou. User eXperience je základ každého dobrého webu. U nás netvoříme weby jen podle líbí/nelíbí, ale weby analyzujeme z hlediska konkurence, marketingových aktivit a cílových skupin. Z toho pak vypracujeme návrh struktury webu s popisem obsahu jednotlivých stránek. Pravidelně také sledujeme aktuální trendy v oblasti designu a proto naše práce často vyhrávají ceny za design.

Bezpečnost na prvním místě

Hackerské útoky na webové stránky jsou dnes naprosto běžné a není možné ho na 100% zabezpečit. Nicméně vždy děláme maximum, aby web byl stále v bezpečí.

Zaškolení s obsluhou webových stránek ZDARMA

U nás je naprostým standardem zaškolit uživatele s obsluhou webových stránek. Pro každý web sepíšeme na míru návod v PDF a vytvoříme instruktážní videa. Díky těmto návodům si může uživatel webové stránky spravovat sám. Kromě toho máme vlastní znalostní bázi, kde si klient může vyhledat odpověď na svojí otázku.

Cena

Na našich webech si dáváme záležet a proto máme připravené různé cenové balíčky od kterých se odvíjí cena tvorby webu. Web s grafikou na míru nabízíme od 7 990 Kč a to u konkurence nenajdete. V případě jednoduchého webu začíná cena už od 1 990 Kč.

Byla vydána nová verze WordPress 5.2.4 a co je nového?

Přinášíme vám po měsíci zprávu, že byla vydaná nová bezpečnostní aktualizace WordPressu s označením 5.2.4, která obsahuje 6 bezpečnostních problémů. Opravované chyby obsahuje WordPress 5.2.3 až do verze 3.7.

Bezpečnostní aktualizace opravuje:

  • Oprava problému spojený s ověřením referrer v administraci.
  • Oprava chyby XSS
  • Oprava chyby vložení vlastního Javascriptu
  • Oprava chyby, která umožnila prohlížení neověřených příspěvků. Chyba v zabezpečení umožnila neověřeným uživatelům prohlížet příspěvky, které byly například v koši nebo chráněny heslem.
  • Oprava ověření falešné žádosti validace URL na straně serveru.
  • Oprava metody ovlivnění cache JSON GET dotazu přes Vary: Origin.

WordPress 5.2.4 opravil pár dalších chyb

WordPress by měl bezpečnostní aktualizaci nainstalovat automaticky. Pokud se tak nestalo, můžete si jí stáhnout z oficiálních stránek zde nebo provést aktualizaci přes administraci webových stránek Nástěnka -> Aktualizace.

Byla vydána nová verze WordPress 5.2.3, která opravila několik chyb

Vydání nové aktualizace trvalo docela dlouho, ale konečně jsme se dočkali a 4. září byla vydána nová verze 5.2.3, která zahrnuje 6 oprav a vylepšení.

Nejedná se o nějak zvlášť významnou aktualizaci, která by přinesla velké změny. Běžný uživatel změny vůbec nepocítí, ale je dobré o nich vědět a pokud jste web ještě nezaktualizovali, tak to prosím udělejte, co nejdříve. Pravidelné aktualizace vám zaručí, že bude váš web v bezpečí. Případně pokud nevíte, jak takový web zaktualizovat, můžete si u nás objednat správu webu a my se o vše postaráme za vás.

Za pár měsíců, konkrétně v listopadu bude vydána hlavní verze WordPress 5.3. Tato verze bude poslední velká aktualizace, která nás čeká v roce 2019 a bude zahrnovat nové funkce. Je velmi pravděpodobné, že se bude jednat o nová vylepšení editoru Gutenberg a druhou změnou, kterou potvrdil i sám Joseph Haden, že se pro tok 2020 změní výchozí téma postavené na blokovém editoru, což v současné době není.

Proč je důležité mít responzivní webové stránky a co to vlastně je

Pamatujete si na rok 2007, kdy Steve Jobs představil vůbec první verzi iPhonu? Bylo to první zařízení na trhu, které se dalo ovládat pomocí dotyků prstů na obrazovce. Já těmto mobilům říkám “dotykáč”, ale v tomto roce to znamenalo naprostou revoluci s trhem mobilních telefonů. Telefon se stal součástí našich životů, hrajeme přes ně hry, píšeme zprávy, stahujeme aplikace, ale také nakupujeme v e-shopech a prohlížíme webové stránky. Responzivita je prostě základ každého webu. Každým rokem se počet zákazníků, kteří navštěvují zejména e-shopy prostřednictvím mobilních zařízení neustále zvyšuje. V tomto článku se zaměříme na otázky, proč je responzivita důležitá, jak se responzivní web tvoří, jak probíhá testování i ukázky z praxe.

Pokud plánujete nové webové stránky nebo jenom redesign, vždy si vybírejte takové dodavetele, kteří při tvorbě webu dělají weby responzivní a nenechávají si za to připlácet. Pamatujte si, že mobilní design je základem a bez toho web v dnešní době nemůžete mít. Naše studio Fresh Mill tvoří vždy webové stránky responzivní a u klientů, kteří od nás požadují pouze tvorbu grafiky na míru vždy upozorňujeme na responzivní design.

Přístup uživatelů z mobilního telefonu a tabletu jsou zodpovědné za 56% celosvětového používání internetu.

Co je to responzivní design?

Jednoduše řečeno, je to možnost prohlédnout si váš web na jakémkoliv zařízení ať už je to notebook, smartphone, tablet. “Text a obrázky se zmenší a web celkové zúží”

Responzivita je základ každého webu a pokud váš web není optimalizovaný, kontaktujte nás. Rádi vám vytvoříme responzivní webové stránky nebo e-shop. Stačí nás kontaktovat přes kontakní formulář nebo e-mailovou adresu info@freshmill.cz.

Výhody a nevýhody responzivního webu

Výhody

Google v roce 2015 zavedl speciální script, který na responzivitu klade velký důraz a zohledňuje ji při umístění webu ve výsledcích vyhledávání klíčového slova.

  • Responzivita napomáhá ke kvalitnější SEO optimalizaci
  • Zákazník má možnost prohlédnout si web nebo nakoupit zboží přes mobilní zařízení.
  • PPC reklama funguje i na mobilním zařízení.
  • Při změně velikosti okna se web automaticky zmenšuje nebo naopak zvětšuje.
  • Web mnohem lépe vypadá v očích zákazníka

Nevýhody

I responzivita má svoje nevýhody, ale ne tak responzivita, ale tvorba responzivity. Pokud tvůrce nedodrží postupy, může se web stát nečitelným a nepoužitelným pro uživatele.

  • Provozovatelé webu s reklamou musí web přizpůsobit.
  • Při nedodržení postupů se může web stát nečitelný.
  • Návrh responzivity musí být dotažen do sebemenších detailů.

Dobré řešení responzivity by měl nejdříve navrhnout UX designér, který vytvoří wireframy (drátěné modely) tak, aby uživatel neměl problém s používáním webu. Podle těchto skic pak přichází na řadu grafik, který navrhne design.

Jak poznám, jestli je můj web responzivní?

Pro otestování responzivity vašeho webu doporučujeme webový nástroj od Google, kde stačí zadat URL adresu svého webu a Google vyhodnotí, jak je na tom váš web.

https://search.google.com/test/mobile-friendly?hl=cs

Příkladem návrhnu responzivního webu je naše reference, kdy jsme navrhli design pro webové stránky UAP. Detailní prezentaci naleznete na našem webu.

Nová verze WordPress 5.2 přináší lepší zabezpečení a ochranou proti chybám PHP

WordPress dnes spustil novou verzi WordPress 5.2, pojmenovaný “Jaco” (na počest jazzového hudebníka Jaco Pastorius), která obsahuje několik aktualizací zabezpečení. Zejména nové funkce pro kontrolu stavu webových stránek, ochranu před chybami PHP a nové ikony řídícího panelu. O verzi 5.0 jsme psali zde.

Kontrola stavu webu

Ve verzi 5.1 byla představena funkce Site Health. Tato nová verze představuje jeho dvě nové nástroje, které pomáhají vyřešit běžné problémy s konfigurací. Dále také můžete kontrolovat stav stránek, které vyžadují vaší pozornost.

Oprava chyb PHP

S novou verzí se aktualizace zaměřila na bezpečnou opravu fatálních chyb. Tím je zejména myšlená lepší manipulace s tzv. bílou obrazovkou smrti. V této nové verzi se WordPress také dokáže automaticky zkontrolovat, zda je verze PHP kompatibilní s nainstalovanými pluginy. Pokud některý z nich potřebuje vyšší verzi PHP než používá web, WordPress neumožní jeho aktivaci, což zabrání možným chybám kompatibility.

Nové ikony

Nová verze obsahuje také třináct nových ikonek včetně Instagramu, sady ikon pro BuddyPress a ikon země, které najdete v panelu.

Kromě toho WordPress obsahuje několik nových funkcí pro vývojaře. Měli byste mít na paměti, že například minimální verze PHP, kterou WordPress podporuje, je 5.6.20. Mezi dalšími novinkami je několik aktualizací zabezpečení, nová podmíňěná funkce a dvě třídy CSS, které usnadňují návrh a přizpůsobení Zásady ochrany osobních údajů. Nově díky integraci webpack a Babel v balíčku wordpress / scripts se vývojáři nebudou muset starat o nastavení složitých nástrojů pro tvorbu moderního JavaScriptu.


WordPress je nejoblíbenější redakční systém na světě, díky čemuž se musí neustále zlepšovat. Pokud svoje webové stránky neaktualizujete, váš web je zranitelný a představuje velké riziko pro vaše online podnikání. Pokud si nevíte rady, nabízíme správu webových stránek již od 200 Kč / měsíc.

Vyšla nová verze WordPress 5.1, co je nového?

WordPress dnes spustil novou aktualizaci WordPress 5.1 (Betty), která se zaměřila na zlepšení a zrychlení výkonu nového editoru Gutenbereg. Minulou verzi WordPressu 5.0 si stáhlo přes 35 milionů lidí a editor vnímají poměrně pozitivně.

Nová aktualizace zahrnuje nové funkce a přidává Site Health, což je soubor funkcí zaměřený na bezpečnost a rychlost. WordPress nyní zjistí jestli web není spuštěný na zastaralé verzi PHP a na panelu informací konkrétně v nástěnce zobrazí informace o aktualizaci PHP. Nová aktualizace WordPress 5.1+ zabrání uživatelům instaloval pluginy, které vyžadují nejnovější verze PHP než používá WordPress.

WordPress 5.1 přináší následující:

  • Aktualizace hodnot konstaty WP_DEBUG_LOG
  • Vylepšená taxonomie metaboxu
  • Nové procesy pro vytváření JavaScriptu
  • Nová human_readable_duration funkce
  • Aktualizované rozhraní Cron Api s novými funkcemi

Pokud používáte Yoast Seo a pravidelně provádíte aktualizace, tak se vám po této nové aktualizaci WordPressu 5.1 nastavení přesune do pravého panelu Gutenbergu. Ikonku najdete hned vedle tlačítek “Aktualizovat”.

Pokud potřebujete pomoct či hledáte správce vašich webových stránek, neváhejte nás kontaktovat přes náš kontaktní formulář nebo chatovací okénko, kde jsme každý den online. Rádi s vámi navážeme dlouhodobou spolupráci.

Top 6 webových nástrojů pro výběr barvy

Může se zdát, že vybrat barvu by neměl být žádný problém. Jenže v dnešní době je toho kolem nás tolik, že člověk někdy neví, jak ten barevný odstín bude na naše okolí působit. Při výběru barev na webové stránky našich klientů hledáme barevné odstíny u online webových nástrojů. Tyto nástroje nabízí neskutečné množství nádherných barev a odstínů, které by vás ani nenapadlo použít.

1. Colordot Hailpixel

Výborný nástroj pro výběr barvy. Jednoduše jezdíte kurzorem myši po obrazovce a ta se barevně mění. Kliknutím se obrázek uloží a zobrazí se HEX kód. Dole máte možnost barvu smazat nebo si tu samou barvu znovu upravit pomocí nastavení v rgb nebo hsl.

https://color.hailpixel.com/

2. Color Hunt

Velmi jednoduchý online nástroj, který není tak propracovaný, ale je velikým zdrojem inspirace. Web obsahuje širokou paletu barev, které lze filtrovat podle nejnovějších, trendy, populární. Také můžete vyhledat různé odstíny ke zvolené barvě. U nás je tohle druhá nejpoužívanější aplikace a pokud používáte prohlížeč Chrome, tak ho doporučujeme o tuto aplikaci rozšířit.

https://colorhunt.co/

3. ColorHexa

Toto je zvláštní nástroj a těžko říct jestli ho použijete. My ho používáme poměrně často, ale ne tak úplně k výběru barev. Nástroj funguje tak, že do vyhledávacího pole vložíte vaší barvu a aplikace vyhledá informace k barvě a další barevné odstíny.

https://www.colorhexa.com/

4. Coolors.co

Tento nástroj je docela dost propracovaný a slouží k tvorbě barevných schémat. Má neskutečné množství funkcí a hledat v něm tu správnou barvu je takové hraní. Tento nástroj máme propojený s Photoshopem a opět lze s tímto nástrojem rozšířit prohlížeč Chrome. Možná na začátku je problém se v něm vyznat, ale jakmile pochopíte všechny jeho funkce, tak na něj nedáte dopustit.

https://coolors.co/

5. HTML Color Codes

Pátým předposledním nástrojem je html color codes. Pomocí nástroje jednoduše vyberete barvu a aplikace zobrazí všechny formáty kódu HTML / CSS. Nástroj má dokonce i vlastní nástroj pro generování barev. Je to skvělý nástroj, ale moc ho nepoužíváme.

https://htmlcolorcodes.com/

6. Open Color

Posledním nástrojem je Open Color, který je opravdu jednoduchý. Nemá žádné funkce jako kopírování kódu nebo výběr svojí vlastní barvy. Jestli hledáte něco jednoduchého, tak doporučujeme tento nástroj.

https://yeun.github.io/open-color/

Tvorba WordPress webových stránek

Máte zájem o vytvoření moderních a kvalitních webových stránek ve WordPressu? Hledáte kvalitní firemní web a nechce se vám investovat drahé částky nebo platit měsíční poplatky za používání redakčního systému? Pro takové zákazníky jsme vytvořili speciální web, který se na tvorbu webových stránek na systému WordPress zaměřuje. Nabízíme tři cenové balíčky, takže si vybere opravdu každý. 

Co nabízíme?

Máme balíček pro začínajícího podnikatele, řemeslníka nebo firmu, která hledá jednoduchou internetovou prezentaci. Nabízíme i řešení pro klienty, kteří si potrpí na kvalitní prezentaci, protože web je vizitka jejich práce a prezentuje jejich služby. K webovým stránkám jsme schopni naprogramovat jakoukoliv funkci na přání nebo vytvořit mobilní aplikaci. 

Proč nás?

Většina našich klientů si nás vybrala z toho důvodu, že nabízíme profesionální služby a dokážeme rychle reagovat na jejich požadavky. Máme zkušenosti s vývojem a spuštěním velkých projektů, kde dokážeme zajistit stabilitu a zajistit hladký provoz služby. Na WordPressu jsme postavili už přes 100 webů a e-shopů, ale také jsme naprogramovali několik vlastních pluginů.  Pro naše klienty nabízíme také vlastní online poradnu, která je ZDARMA. 

Pokud máte zájem, prohlédněte si naše reference, kde naleznete vybrané projekty. Třeba vás zaujmou a rozhodnete se nechat si vytvořit webové stránky od nás.

Web design trendy pro rok 2019

ak tomu bývá, tak pro každý rok jsou trendy v oblasti webového designu jiné a v posledním desetiletí tato oblast zaznamenala velký boom. Web design je dynamický nástroj a pokud chcete, aby vypadal skvěle a měl dostatek konverzí, musíte jít z dobou. Sledovat aktuální trendy ve vývoji webových stránek je zásadní pro úspěch celého webu. V roce 2019 nebude platit jen vizuální tvář, ale také jeho snadné použití. Trendy v oblasti webového designu budou upřednostňovat hlavně rychlost, jak na mobilním zařízení, tak na desktopovém, dále se zaměří na kvalitní mobilní design, poutavé a jednoduché návrhy s asymetrickým rozvržením. 

S tím, jak se mění technologické postupy a vznikají nové, tak jsou weby nekontrolovaně kreativní. Spousta webů již nemá klasické rozvržení fotek, grid. Nově také mají webové stránky různé chytré funkce a tím je více návštěvník vtažen do ovládání webových stránek. Nicméně nemůžeme každý trend brát doslova. Pořád je zde otázka funkčnosti webových stránek pro uživatele. Těžko budeme navrhovat experimentální web pro běžné návštěvníky, kteří s takovými weby nemají zkušenosti.

Top trendy webového designu pro rok 2019

  • Rychlost
  • Video pozadí, více fotek
  • Mikro-animace, vzestup CSS3
  • Chatovací okénka
  • Parallax
  • Hamburger menu
  • Černobílé barvy, zlatá doplněná o různé tóny barev
  • Různé geometrické tvary, oblouky, kruhy
  • Minimalismus

1. Rychlost

Víte, že rychlost načítaní webových stránek je důležitým faktorem? Abyste na návštěvníka udělali dobrý dojem, měl by se web načítat pod 3 vteřiny. V dnešní době moderních technologií jsou lidé netrpěliví a nechtějí čekat než se něco načte. To radši odejdou a budou hledat jinde. Rychlost načítaní webových stránek platí především pro e-shopy a načítání by mělo být rychle i na mobilním zařízení.

2. Video pozadí

Není překvapením, že hlavičky webů používající videa v pozadí se stávají čím dál tím více populárnější. Nejlepším řešením je mít video v pozadí překryté černým overlay efektem a přes to napsané bílý textem nějaký jasný a výstižný nápis. Videa se do hlaviček vkládají pomocí jednoduchého kódu např. z Vimeo nebo Youtube. Mohou se přehrávat automaticky nebo stisknutím tlačítka play, ale to se obvykle používá u mobilních zařízení. S videem v záhlaví se bude více experimentovat. Už teď se do záhlaví hlaviček přenáší online obraz např. z výroby.

3. Vzestup animací CSS3

Animace se na webových stránkách používají čím dál tím více, protože dokáží vytvořit lepší zážitek a tím jsou weby mnohem více interaktivní. Díky animacím dokáže webová stránka vyniknout. Díky novým postupům se animace stále zdokonalují. Už teď je jasné, že v roce 2019 budou velkým trendem tzv. mikro-animace. Jsou to malé animace například. menu jako hamburger, změna barvy tlačítka, efekt při najetí na fotku, rozbalení nabídky při vyhledávání apod. Tyto mikro-animace zná každý, kdo má internet v mobilu a prohlíží si webové stránky. 

Mikro-animací může být například psaní bezpečného hesla. Místo klasické věty “heslo je příliš jednoduché” lze vymyslet zcela nový formát a vymyslet nějakou hezčí animaci, která vtáhne uživatele více do děje. 

4. Chatovací okénka

V posledních dvou letech jsou na vzestupu chatovací okénka. Návštěvník se tak může na cokoliv zeptat a operátor mu pokud je online zodpoví otázku. V průběhu posledních dvou let se tato chatovací okénka stále zlepšují a nahrazuje je umělá inteligence. V roce 2019 se tato technologie bude zdokonalovat a bude se více začleňovat do webových stránek. Zákaznicí servis se díky těmto novým technologiím zlepšuje a proto byste při vývoji nových webových stránek neměli na chat box zapomenout.

I my používáme toto chatovací okénko a pokud si právě čtete tento článek, můžete se na cokoliv zeptat. Jsme tu pro vás.

5. Parallax

Parallax scrolling není nic nového a již nějakou dobu se používá. Díky tomuto efektu vtáhnete návštěvníka více do webových stránek tím dostane web nový rozměr. Někdy jsou tyto efekty příjemné, ale známe webové stránky, kde jsou tyto efekty otravné. Abychom vám lépe přiblížili, co to vlastně Parallax scolling je, tak zde je pár příkladů.

http://antonandirene.com/

http://urban-walks.com/

http://melanie-f.com/en/

http://www.feedmusic.com/

6. Hamburger menu

Hamburger menu jsou tři vodorovné čáry na které když kliknete, tak se zobrazí filtr nebo navigace webových stránek.  Dříve se tento efekt používal jen na mobilním zařízení, ale nově je mnohem častěji vidět na desktopovém řešení. Naše studio hamburger menu používá čím dál tím více, protože pod ním lze skrýt více položek a pročistit hlavičku webu. Stále, ale existuje spousty uživatelů, kteří neví, co ta ikonka znamená, což bývá občas problém. Proto se tato ikonka nahrazuje slovem “MENU”. Hamburger menu má dnes stovky podob a fantazii se zde meze nekladou.

7. Černobílé barvy, zlatá doplněná o různé tóny barev

Barevná paleta se pořád mění a pro rok 2019 bude populární černobílá. Výběr správné barvy je jeden z nejdůležitějších faktorů webových stránek. Dobře vybraná barva sjednocuje značku a vytváří vizuální dojem. Zahraniční webové stránky, které trendy v oblasti barev sledují říkají, že pro rok 2019 bude černobílý webový design doplněný odstíny různými tóny barev a zlatou. Nicméně tato paleta barev se nedá použít u každého oboru. Těžko budete tvořit web pro pekařství v pohřebních barvách. Černá a bílá je vhodná spíše pro umělecké obory, kde je design doplněný o spousty barevných fotek. Tyto odstíny bychom také dokázali použít u blogů.

Při navrhování webových stránek naše studio vždy začíná pracovat nejdříve s bílou a černou barvou. Když tyto dvě barvy spolu zkombinujete, tak vznikne zajímavý pohled na celý web. 

https://www.creativepark.fr/

http://elitemodel.fr/fr/web.app

8. Různé geometrické tvary, oblouky, kruhy

Webový design nejsou jen rovné čáry a pravé úhle. Jsou to i různé křivky, oblouky, kruhy. Díky těmto tvarům dostane design jinou hloubku a web je tím jinak vnímán. Výbornou ukázkou, jak s takovými tvary pracovat je náš nový web WordPress-web.cz

https://wordpress-web.cz/

9. Minimalismus

Čím více jsou webové stránky jednodušší, tak tím lépe. Pokud je totiž webové stránka jednoduchá, má uživatel větší šanci, že najde snadno a rychle o, co přesně hledá. Minimalismus se bude i nadále vyvíjet v roce 2019. Budou se více používat různé animace a méně rušivých elementů. 


Tak a to je vše. Trendy to jsou zajímavé, ale kolik takových webů jste viděli? Hlavním důvodem je, že se stále najdou grafici, kteří nové trendy nesledují nebo klienti, kteří si poradit nenechají. Naše studio tvoří webové stránky především funkční pro uživatele, ale nebojíme se experimentovat. 

Spustili jsme poradnu pro WordPress weby

Spustili jsme znalostní bázi pro naše současné a nové klienty. Databáze nyní obsahuje přes 50 návodů k obsluze WordPressu a ke dvěma šablonám na kterých stavíme webové stránky. V příštích měsících plánujeme doplnění o dalších 150 návodů. Poradnu naleznete na www.poradna.wordpress-web.cz a obsahuje různé odpovědi na téma domény, administrace, hosting, bezpečnost, GDPR, marketing, grafické práce, e-shopy a slovník pojmů.

Pokud v poradně nenajdete odpověď na svojí otázku, můžete si nás najmout a naši programátoři váš problém vyřeší.

Google mění tvář a chystá i nový design pro Chrome

Je tomu přesně 18 let, kdy Google představil veřejnosti reklamní platformu s názvem AdWords. Na konci června Google oznámil rebranding. Změní svojí vizuální identitu i názvy některých svých služeb. Tou největší změnou je rebrand AdWords. V článku dole jsme připravili přehled změn, abyste nebyli zmatení.

Důvod proč se Google rozhodl pro takovou obří změnu je fakt, že první podoba AdWords vznikla před 18 lety. Za tu dobu se změnil trh, design a technologie. Nová podoba by tak měla být jednoduší a obsahovat nové funkce pro marketéry.

Reklamní systémy Google se nyní dělí na tři hlavní skupiny. Jedná se o:
Google Ads, Google Ad Manager, Google Marketing

Zapomeňte na AdWords, teď je to Ads

Google Adwords se bude nově jmenovat Google Ads a jelikož se jedná o celkový rebranding, tak dostalo i nové logo. Je trochu barevnější a působí moderněji.

Ad Manager

Skládá se ze dvou bývalých nástrojů DoubleClick Ad Exchange a DoubleClick for Publishers. Ad Manager je nástroj pro všechny vydavatele a partnery Google.

Google Marketing

Došlo ke sloučení dvou bývalých nástrojů DoubleClick a Google Analytics 360 Suite, který se skládá z pěti nástrojů Tag Manager, Google analytics, Data Studio, Surveys, Optimize. Google Marketing pomáhá marketérům nakupovat, plánovat, měřit a optimalizovat kampaně na Google.

Vyzkoušejte nový design Google Chrome

Vývojáři v Google připravují nový vzhled nejpoužívanějšího prohlížeče na světě už několik měsíců. Uživatelé vývojových verzí jíž měli možnost nový odzkoušet. V poslední verzi Chromu 66 je nová verze dostupná pro všechny uživatele.

Vložte do URL políčka adresu chrome://flags/#top-chrome-md U zvýrazněné možnosti UI Layout for the browser¨s top chrome změňte hodnotu z „Default“ na Refresh.

Vložte do URL políčka adresu chrome://flags/#top-chrome-md U zvýrazněné možnosti UI Layout for the browser¨s top chrome změňte hodnotu z „Default“ na Refresh.

Google chrome obnovte/restarujte a uvidíte změny.

Samozřejmě se jedná jen o zkušební design, který se testuje na reálných uživatelích. Design je odlišný a je to jen první fáze. V současné době se ozývá kritika na mezery ikon u záložek.

Kolik stojí tvorba webových stránek?

Kolik stojí tvorba webových stránek? Na tuhle otázku není jednoduchá odpověď, protože cena tvorby webových stránek se pohybuje od několika tisíc až po statisícové částky. Kvalitní studia a agentury své ceníky na svých webových stránkách nezveřejňují, protože tvoří cenu na míru podle vašich požadavků. Nicméně se často zveřejňuje min. cena za určitý druh služby.

Naše studio tvoří weby od 1 990 Kč. Je to nejlevnější řešení, které nabízíme a z referencí je to například.

Pak jsou tady weby na šabloně, ale s grafikou na míru. U nás cena začíná od 7 990 Kč a je to takový průměr pokud hledáte web s pěknou, funkční a moderní grafikou. Máme svoje vlastní odzkoušené šablony, které “vykucháme” a poslouží nám pouze jako kostra. Vytvoříme tak spousty funkcí na míru. Z našich referencí jsou to například takové weby.

Posledním řešením jsou weby na míru. Tady cena obvykle začíná od 25 000 Kč. Jsou to weby, které mají kód na míru, speciální funkce a firmy počítají, že s webem budou neustále pracovat, vylepšovat ho nebo rozšiřovat o další funkce. Takový web je na vývoj náročnější, ale můžete se vymyslet jakoukoliv grafiku, přidat různé efekty apod.

Weby zcela na míru tvoříme poměrně často. Je to jedno z nejlepších řešení pokud si potrpíte na kvalitě, detailech a plánujete měnit web podle trendů trhu. Takovým příkladem webu na míru jsou naše firemní webové stránky, kde jsme si mohli vymyslet spousty efektů.

U tohoto webu na míru bychom chtěli zmínit, že pokud plánujete jednoduchou jednostránkovou prezentaci, tak cena začíná od 8 000 Kč.

Pokud plánujete vývoj nového webu, měli byste vědět co hledáte, mít sepsané priority a vědět kolik peněz chcete do projektu investovat. Web totiž může stát i několik stovek tisíc.

Informace k výpočtu ceny

  1. Popište několika větami čím se bude web zabývat.
  2. Jaké služby budou webové stránky prezentovat.
  3. Kdo je váš cílový klient.
  4. Popište vaší představu o webu a designu.
  5. Kdo je vaše konkurence, odkaz na inspirativní web.
  6. Napište cíle projektu.
  7. Napište vaší představu o rozpočtu, kdy plánujete termín spuštění.
  8. Nezapomeňte napsat jestli se jedná o redesign současných webových stránek nebo o návrh nového webu.
  9. Napište informace o rozpočtu od – do.
  10. Sepište jaké plánujete funkce.

Co všechno v ceně nabízíme my?

V ceně každého webu od našeho studio Fresh Mill nabízíme poměrně dost. Nejenže jsou všechny weby napojené na redakční systém WordPress, ale jsou také plně responzivní a zabezpečené. Přesněji u každého webu nabízíme:

  • responzivita
  • nastavení tech. prvků seo
  • ochrana proti spamům a hackerským útokům
  • zabezpečení
  • zaškolení ve formě PDF a instruktážního videa
  • naplnění obsahem
  • pomoc s hostingem a zřízením domény
  • https certifikát
  • napojení na redakční systém WordPress

Pokud vás tedy zajímá za kolik se dá vytvořit webové stránky nebo máte zájem nechat si web vyrobit od nás, napište nám. Budeme se těšit.

Dotkne se vás GDPR aneb co to je?

Přesně 25. května 2018 vstoupí v platnost nařízení od Evropské unie, které známe pod zkratkami GDPR (General Data Protection Regulation). V českém jazyce to znamená lepší ochrana dat a kontrola občanů nad jejich daty.

Povinnosti GDPR

  • upozornit uživatele, že došlo k úniku dat
  • umožnit uživatelům a výmaz dat z jejich databáze
  • umožnit uživatelům přístup k jejich datům
  • informovat uživatele o tom proč data sbírají, k čemu slouží, pro koho jsou a komu jsou přístupné
  • aktivní souhlas se sběrem dat o uživatelích (měřící kódy se mají zapnout až po souhlasu)

Tohle jsou základní body GDPR, které změní online prostředí. Proto byste měli zbystřit a začít GDPR řešit. Případné vaše pochybení může někdo nahlásit. Nemusí to zrovna být nespokojený zákazník, ale například vaše konkurence.Co všechno jsou osobní údaje?

  • jméno, příjmení, adresa
  • rodné číslo
  • telefonní číslo
  • e-mailová adresa (firemní, soukromá)
  • cookies soubory, IP adresa
  • rok narození, věk

Koho se GDPR týká?

Vztahuje se na právnické i fyzické osoby, agentury a jiné subjekty, které shromažďují nebo dále zpracovávají osobní údaje svých zákazníků.

Používáme Google Analytics, Facebook Pixels a skripty na re-marketing. Také se nás to týká?

Všechny externí aplikace vložené do webových stránek, které shromažďují data o vašich návštěvních na jehož základě vylepšujete služby se týká GDPR. Každý aplikace sbírá o uživatelích osobní údaje (IP adresa, odkud pochází, co používá za systém atd.) Podle nařízení GDPR musíte aktivně své zákazníky informovat. Pokud nesouhlasí, skripty nesmí měřit zákazníka.

Bude mít GDPR vliv i na databázi před zavedením?

Ano, samozřejmě. Musíte informovat uživatele, že o nich sbíráte data a umožnit jim výmaz z databáze.

Bude mít GDPR dopad na technické řešení?

V podstatě ano. Provozovatelé budou muset mít dostatečně chráněný mail, servery, databáze uživatelů a jiná uložiště. Musí být vytvořené takové postupy, které minimalizují možnosti zneužití dat. Dále se musí zákazník informovat, jak nakládá provozovatel s jeho údaji

Na facebooku lze sdílet příspěvky ve 3D

Tento týden společnost Facebook uvedla nový typ příspěvků, který nám otevírá nové brány do virtuálního světa. Ve 3D grafickém programu vytvoříte model a publikujete ho na facebooku. Sociální síť podpořila ve svých příspěvcích nový formát souborů, který uživatelům usnadní sdílení vysoce kvalitních souborů.

Samozřejmě se jedná o novinku, která je stále ve fázi vývoje. Troufáme si říct, že v budoucnu bude možnost si 3D model přiblížit, měnit barvy, poskládat nebo připojit virtuální brýle a model si prohlédnout online. Každopádně tohle je super věc a moc se nám líbí.

3D příspěvky podporují standardní formát souboru GIFT 2.0, který umožňuje reálné vykreslení textur, osvětlení, drsných a lesklých objektů. Nové rozhraní API umožňuje vývojářům vytvářet aplikace pro 3D modelování nebo dokonce i 3D kamery.

Mezi prvními, kdo sdílel 3D příspěvek byla společnost LEGO.

SQUAAAARK! New 3D models on Facebook, you say? Yes please! 😍 Have a play by dragging the below around with your finger or mouse.

Zveřejnil(a) LEGO dne Úterý 20. února 2018

V současné době mohou uživatelé nahrát 3D model z aplikace Sony nebo z webové galerie Oculus Media.

Pokud chcete 3D model na míru, tak stačí oslovit naše studio. Návod, jak model vyexportovat do formátu .glb naleznete tady.

Get a closer look at Blue — in 3D. Add her to your photo or video with #JurassicWorld effect on your Facebook camera here: http://unvrs.al/JWFBCam

Zveřejnil(a) Jurassic World dne Úterý 20. února 2018

Vyšla nová verze WordPress 5.0

Dne 6. 12. 2018 vyšla nová verze WordPress 5.0, která sebou přinesla obávaný page builder s názvem Gutenberg a možná rozhodila funkčnost několika webů. Tento editor nahradil ten stávající TinyMCE.

Nová aktualizace vám může způsobit špatné zobrazení obsahu na vašem webu, protože Gutenberg je nekompatibilní se spousty pluginy a page buildery. Například některé pluginy jako WPML vůbec nedoporučují aktualizaci, protože nemohou zaručit kompatibilitu.


Pokud si nevíte rady a nechcete si web aktualizovat sami, najměte si odborníky nebo si můžete u nás objednat pravidelnou správu webových stránek.

Náš web www.freshmill.cz už na nové verzi jede a musíme konstatovat, že vše funguje tak, jak má. S editorem se nám při psaní tohoto článku pracovalo velmi dobře. Objevili jsme spousty nových funkcí. Vše se nám zdá přehledné a vítáme chytré vyhledávání u kolonky “Add block”. Texty si můžeme různě prohazovat a trochu nám to připomíná editor, který známe z kreativního portálu Behance.net. Texty v Gutenbergu přidáváte pomocí bloků, takže je to úplně něco jiného než u klasického editoru.

Z našeho pohledu je to určitě velká změna se kterou půjde vytvářet mnohem propracovanější webové stránky, ale vývoj na sobě bude muset pořádně zamakat, aby se vyrovnal ověřeným builderům jako jsou například Elementor, Divi, Muffin Builder. Na druhou stranu TinyMCE je starý a neodpovídá dnešní době. Klasický editor už používat nechceme.

S novým editorem má uživatel pod kontrolou responzivní verzi, protože jednotlivé bloky jsou už optimalizované pro mobilní telefony. To u TinyMCE byl problém. Velkou výhodou Gutenbergu je také page builder se kterým lze jednotlivé obsahové bloky mezi sebou prohazovat.

Jak to vidíme my?

Aktualizaci nevidíme zase tak tragicky, jak se někteří obávají. Je to změna a ten, kdo se o svůj web stará, tak překvapený nebude. Ostatním se možná zhroutí svět, protože při jakýchkoliv problémech si budou muset najmout odborníka, který jim web dá dohromady. Doporučujeme si proto před aktualizaci na novou verzi web zazálohovat nebo oslovit odborníka.

Mnoho uživatelů WordPressu má na TinyMCE postavené nějaké řešení a s aktualizací je množné, že vám toto přestane fungovat. Možným řešením je vůbec WordPress neaktualizovat nebo si najmout zkušené vývojaře, kteří web na Gutenberg přizpůsobí.

Rozhodně, ale nedoporučujeme web neaktiualizovat. Nové verze vždy zalepují díry a vylepšují bezpečnost celého systému. Když prostě nebudete chtít používat nový editor a chete používat ten původní, stačí si nainstalovat plugin Classic Editor. Ten bude podporován až do roku 2021.

Google změnil vyhledávání obrázků, obrázky už jen tak neukradnete

Každý, kdo aspoň jednou hledal obrázky na Google, tak zná tlačítko „zobrazit obrázek“. Bohužel vyhledávač Google se rozhodl pro radikální změnu a tlačítko odstranil. Google dokonce odstranil i funkci hledání dalších podobných obrázků.

Že se vyhledávač obrázků změní se dalo očekávat, protože společnost několik let vede spory s majiteli autorských práv. Zejména fotografům, designérům a vydavatelům vadilo, že vyhledávání obrázků umožnilo nenavštívit jejich webové stránky a rovnou si obrázek stáhnout. I za kolegu mohu říct, že je to skvělý krok. Jaroslav H. dělá digitální abstrakci a jeho díla byla takhle stahována aniž by se ho někdo ptal nebo navštívil jeho osobní webové stránky.

Je to skvělá zpráva pro vydavatele, ale horší pro uživatele, kteří budou muset navštívit webové stránky, prohledat je, obrázek najít a stáhnout si ho. I tak, ale stále existuje spousty řešení, jak webové stránky nenavštívit a obrázek si ihned stáhnout. Možná jen budete bojovat se zobrazením obrázku v plné kvalitě. Dobrou aplikací je například Search by image a to přímo od Google.

Kromě odstranění tlačítka „zobrazit obrázek“ společnost Google odstranila tlačítko „vyhledat podle obrázku“, které se objevilo při otevření fotografie. Tahle změna, ale není tak velká, protože stále je zde možnost obrázek ze svého počítače přetáhnout na vyhledávací lištu a po kliknutí zobrazit související obrázky. Proč tlačítko Google odstranil se pořádně neví, ale tlačítko vždy pomohlo najít stejný obrázek třeba v lepší kvalitě nebo bez vodoznaku.

Je to velká změna, která má uživatelům říct, že obrázky podléhají autorským právům.

Co to je Google Analytics a návod pro začátečníky

Google Analytics je základní nástroj od společnosti Google pro práci s daty každého e-shopu, firemního a osobního webu. Je to velmi kvalitní nástroj bez kterého si život už nedokážeme představit.

Tento nástroj používáme při tvorbě uživatelské struktury webových stránek a při SEO optimalizaci.

Google Analytics slouží pro získávání informací o chování návštěvníků vašeho webu. Postará se o dobře promyšlenou reklamu, řekne vám z jakého zdroje zákazníci přichází a odkud pochází. Ovšem pro začátečníka může být velmi složitý a bude náročné se v něm zorientovat. Pojďme se podívat na základní přehledy, které vás budou zajímat.Proč potřebuji Google Analytics?

Nejčastější dotaz, který u nás ve studiu Fresh Mill slyšíme. Trošku se zamyslete a odpovězte si na otázku proč vlastně máte webové stránky. Vložili jste do nich spousty času a jistě s nějakým záměrem nebo je máte jen na okrasu?

Jestli stránka přináší výsledky nebo ne zjistíte právě díky tomuto nástroji. Dokáže odhalit problémy vašeho webu a díky analýze dokážete vytvořit lepší marketingový plán a vyhodnocovat zpětně výsledky.V realném čase

Monitoruje návštěvníkův pohyb online.

Souhrn – je to přehled vše informací. Zobrazí vám aktuální počet uživatelů na webu.

Oblasti – zobrazí vám z jakého státu nebo města návštěvník pochází.

Zdroje návštěvnosti – zobrazí vám z jakého zdroje návštěvník na váš web dorazil.

Obsah – zobrazí vám jaké stránky si návštěvník na webu prohlížel.Publikum

Přehled – zobrazí vám přehled všech návštěvníků za určité období. Vpravo nahoře si zvolíte časové období.

Aktivní uživatelé – zobrazí vám přehled návštěvníků, kteří byli na webových stránkách aktivní.

Průzkumník uživatelů – zobrazí vám pohyb návštěvníka na webových stránkách, jaká je průměrná doba návštěvy, jaká byla míra okamžitého opuštění.
100% – obsah ho nezajímal – ne vždy měří správně.
<100% – obsah ho zajímal.


Tento přehled nově nabízí nové funkce Celková hodnota, Skupinová analýza a Publikum.Akvizice

přehled – zobrazí vám přehled akvizic, jaký je zdroj návštěvnosti.

Veškerá návštěvnost > Zdroj / médium – zobrazí vám přehled zdrojů za zvolené časové období.

Chování

Přehled nástroje Google Analytics vám zobrazí nejčastěji navštívené stránky vašeho webu. Pokud máte firemní web, bude to nejčastěji hlavní strana.

Proč je u webů důležité mít vyhledávání

Ten, kdo si myslí, že vyhledávání zboží v internetovém obchodě je zbytečnost, tak se velmi mýlí. Opak je pravdou. Pokud chce zákazník poměrně rychle najít produkt, použije vyhledávání.  Ovšem použije jen tehdy, pokud ho na webu vůbec najde. To bývá častým problémem nekvalitních e-shopů nebo krabicových řešení.Oblíbené vyhledávače

Vyhledávání by mělo návštěvníkovi urychlit cestu k informacím a proto vyhledávací pole mají našeptávač. Ten zákazníkovi ukáže potencionální fráze nebo produkty či počet výsledků. Našeptávače mohou mít různé různé formy zobrazení. Velmi oblíbeným je typ zobrazení, který má např.MALL.cz. Napíšete frázi a zobrazí se vám jednotlivé produkty, značky nebo podkategorie. Obvykle i s počtem nebo cenou produktu.

Existuje, ale spousty jiných typů vyhledávání, které jsou pro návštěvníka mnohem příjemnější a snadno je dovedou k cíli. Nově testuje zajímavé vyhledávání czc.cz.  Podobné vyhledávání jsme navrhli u designu pro e-shop prohokejisty.cz, kdy ve vyhledávání píšete název produktu a zobrazí se vám jednotlivé produkty.

Špatně umístěné vyhledávání

Špatně umístěným vyhledáváním riskujete, že zákazníci z webu odejdou. Vyhledávání byste měli umístit do hlavičky. Rozhodně ne do sidebaru nebo do patičky, tam to zákazníci opravdu hledat nebudou. Občas je sice vyhledávání v hlavičce, ale není vidět. Tomu byste měli také věnovat velkou pozornost.

Jak zvýšit konverzní poměr aneb co to je

Konverzní poměr nebo také někdy označován jako míra konverze je webová definice, která nám vyjadřuje poměr návštěvníků ze kterých se stanou zákazníci. Je to velmi důležitý pojem v oblasti výkonnostního marketingu. Jde o ukazatele efektivity reklamní kampaně. Konverze se měří pomocí měřících/analytických kódů např. pomocí populárního nástroje Google Analytics.

Mezníkem v úspěšnosti či neúspěšnosti e-shopu se udává konverzní poměr 1%. Dobře zavedené e-shopy mají konverzi v desítkách procentech. Naopak e-shopy pod jedním procentem naznačují, že web není v pořádku.

Častými problémy jsou:

  • grafické rozhraní webu (design webu)
  • uživatelské rozhraní (UX)
  • počet let na trhu
  • výdejní místa
  • aktuální poptávka po produktu
  • jméno značky, branding, zaměření
  • špatné ovládání webových stránek

Tyto problémy naleznete hlavně u šablonovitých řešení. Jsou to jednoduché krabicové verze, kde si vyberete šablonu, která se vám líbí a platíte měsíční poplatek. Bohužel u takových řešení není moc možností, jak vyřešit problém a zvýšit tím konverzní poměr.

Spousty začínajících podnikatelů si myslí, že stačí rychle založit e-shop, naplnit ho produkty, nechat si vytvořit levné logo a začít prodávat. To je špatně. Takhle to bohužel na trhu nefunguje a pokud chcete mít úspěšný e-shop musíte se zaměřit na zákazníky a konkurenci. Velmi dobrým příkladem je alza.cz nebo mall.cz. Tyto e-shopy se stále mění, inovují a vymýšlí nové prvky, které zákazníkům zjednoduší práci.Jak vypočítat konverzní poměr?

Konverzní poměr se udává v procentech a počítá se podle jednoduchého vzorce.

(počet zkonvertovaných návštěvníků / počet návštěvníků) × 100 = konverzní poměr (%)

E-shop s elektronikou navštíví denně 8 500 návštěvníků a z toho 578 zákazníků nakoupilo. To znamená, že konverzní poměr e-shopu je 6,8%.Jak zvýšit konverzní poměr?

Zvýšit konverzní poměr není jednoduché, ale díky investici do optimalizace konverzního poměru zvýšíte své zisky. Investice se vám vrátí během několika týdnů i měsíců. Máme pro vás pár tipů, jak z návštěvníků udělat zákazníky. V našem blogu vám postupně ukážeme, jak zvýšit konverzní poměr a jakých chyb se e-shopy dopouští.

  1. Grafický návrh webových stránek
  2. Nečitelnost textů
  3. Viditelnost košíku
  4. Jednoduché ovládání
  5. Upravte navigaci
  6. Poskytněte rychlý náhled produktů
  7. Zobrazte dostupnost zboží
  8. Upravte call to action tlačítka
  9.  Velikost obrázků
  10. Zobrazení hodnocení e-shopu
  11. SEO, optimalizace pro vyhledávače
  12. Změňte uživatelské rozhraní (UX)
  13. Nerozptylujte zákazníka od konkurence
  14. Přidejte krokový košík
  15. Vytvořte rychlé vyhledávání
  16. Pravidelný měsíční monitoring
  17. Linkbuilding

Naše studio se snaží navrhovat kvalitní e-shopová řešení na míru. U každého e-shopu přemýšlíme a snažíme se ho posunout o něco výše. Pokud máte problémy a chcete zvýšit své zisky, neváhejte nás kontaktovat. Rádi vám pomůžeme.4. Má zkušenosti s malými i velkými projekty

Vybírejte si studio, které má zkušenosti s malými, ale i velkými projekty. Jen tak budete mít jistotu kvalitně odvedené práce. Studio je v tomhle případě velmi flexibilní a nabízí individuální přístup.5. Má kvalitní reference a vyhrává soutěže

Při výběru kvalitního studia se zaměřte na reference a bohaté portfolio klientů. Mezi velké plus pak patří účast a úspěchy ve veřejných soutěžích nebo práce pro zahraniční klienty.