- CSS
- Deploy
- Grafika
- Javascript
- Laravel
- Nezaradené
- Ostatné
- PHP
- Pluginy
- Programovanie
- Recepty
- SEO
- SQL
- Stránky
- Vue
- Woocomerce
- WordPress
-
Tailwind CSS
Pridanie Tailwindu do VUE
-
Vytvorenie snímky obrazovky z webstránok – apiflash
Screenshot api na 100 požiadaviek mesačne zdarma vďaka ktorému si môžete automaticky vytvoriť a ukladať obrázky webov, stačí si len vytvoriť účet https://apiflash.com/ apiflash.com/documentation#examples – príklady použitia pre rôzne jazyky PHP: trochu upravene aby ukladalo názvy podľa adresy webu: A
-
Formáty času
Výpis času objednávky vo woocomerce ak máme prístup k $order_id Získanie aktuálneho dátumu a času Funkcia na zistenie víkendu, zistí či je víkend a či je po 16:00
-
Woocomerce kupóny
Vytvorenie kupónu Vráti zoznam všetkých kupónov, konkrétne ich atribúty name a id Prejde všetky produkty a vytvori zoznam ID všetkých produktov ktoré majú danú značku Hooks ktoré zachytia pouzite kupónu a vyvolajú funkciu Zdroje:https://quadlayers.com/exclude-woocommerce-product-from-coupons/https://www.phpdevelopment.ca/2017/04/22/creating-a-custom-woocommerce-coupon/https://themes.artbees.net/blog/how-to-check-if-a-woocommerce-coupon-is-applied/https://quadlayers.com/edit-woocommerce-coupon-code/https://storepro.io/learn/how-to-create-a-coupon-programmatically-in-woocommerce/https://stackoverflow.com/questions/72270940/get-a-list-of-available-woocommerce-coupons-in-a-select-field
-
Aktuálny čas v JavaScripte
S aktuálnym naformátovaným časom to v js nie je vôbec také jednoduché. Preto je lepšie si len túto funkciu skopírovať. Pre ďalšiu prácu s časom v javascripte je lepšie implementovať knižnicu pretože js ma veľmi zle natívne pracovanie s časom
-
Loop a map v JavaScripte
forEach Asi najkratší spôsob: for for of a for in robia presne to isté ako for len vynechávajú prvý a posledný element while – je trocha nebezpečný v tom že ak nie je splnená podmienka tak bude bežať stále až
-
Ako zistiť ip a povoliť prístup iba pre určitý IP
Pre viac ip adries môžeš použiť funkciu in_array()
-
PHP arrays a foreach loop
Ako prejsť foreach loopom 2 polia naraz? (musia byť rovnako veľké polia ) Ako vytvoriť pole zo všetkých súborov v priečinku ? Multi asociativne pole
-
Príkazy v terminále, npm a composer
náhrada za windows terminál – cmder alebo používaj terminál priamo vo VS Code základne príkazy Composer pridanie do Environment Variables takto pridate nodejs C:\Program Files\nodejs NPM a node js Mazanie a vytvaranie priecinkov v konzole windows/ linuxe Deploy na server
-
Pridávanie, prepínanie a odoberanie classov
Efektívnejšie ako nastavovanie display hide a display block je nastavenie prepínača classu: element.classList.toggle(“hide”) Funkcia v praxi s onclick: Ďalší príklad s listenerom change, podmienka by tam v skutočnosti nemusela byť ale môže sa zísť v niektorých prípadoch
-
Vytvorenie pluginu a pridanie linku pre nastavenia
Pre plugin s názvom Obmedzovac v zložke plugins/obmedzovac/obmedzovac.php pridám link do obmedzovac.php takto:
-
Meta dáta objednávky
Pridanie metadát objednávke (2 spôsoby): Pridanie meta dát produktom v objednávke Zobrazi objednávku na single page produktu: Úprava skladu pri zrušení objednávky
-
Pridanie nového poľa produktu
Pridanie nového vlastného poľa produktu vo Woocomerce Plugin “úrovne produktu” ktorý pridá do administračného rozhrania produktu 2 polia “úroven” a “vlastna_uroven” a podla vyplnene hodnoty sa potom zobrazí na stránke produktu. Pridá na stránku CSS : Pridá JavaScript do admin
-
Preklady vlastných funkcií a akéhokoľvek textu na stránke
Preklady vo vlastných funkciách Loco Translate – plugin na preklady pluginov a tém nové výrazy do loco translate by sa mali nacitat takto:loco translate -> child theme -> upravit sablonu -> synchronizovat a az potom synchrnizovat konkretny preklad a doplnit
-
wc_print_notice, wc_add_notice, wc_print_notices
Ako na wc_prints oznámenia vo Woocomerce wc_add_notice(‘text’, ‘status’); – pridá do oznámení ale nevytlačí oznámeniawc_print_notices(); – vytlačí všetky pridané oznámeniawc_notice_count() ; – spočíta pridané oznámeniawc_clear_notices(); – vyčistí pridané oznámenia a začne ich počítať odzačiatkuwc_print_notice( ‘text’, ‘status’ ); – rovno vytlačí
-
úprava poli v pokladni / checkout fields
zmena názvu, placeholderu, zmena pozície či odstránenie pola presun do inej skupiny polí (s tým istým popisom) Viac na: https://rudrastyh.com/woocommerce/reorder-checkout-fields.html Podmienky pre úpravu polí Ak by ste chceli pridať poľu atribút môžete to urobiť takto: Ak chceme nastaviť max. dĺžku
-
Contact form 7 návody a jeho nadstavby
Contact form 7 je free a univerzálny plugin na tvorbu kontaktných formulárov. Jeho funkcie môžete rozšíriť rôznymi ďalšími pluginmy: Contact Form 7 Database Addon – CFDB7 – ukladanie správ do databázy MultiLine files for Contact Form 7 – prijímanie viacerých
-
Skrátenie textu s orezaním po slovách
Pomocou PHP: Pomocou Javascriptu:
-
Pripojenie na databázu a základne SQL príkazy
takto vytiahneš dáta z databázy pomocou SQL takto vložíš údaje do databázy s názvom zaznamy_dochadzky takto vypíšeš údaje z databázy alebo takto takto aktualizuješ záznam Vytiahnutie záznamu cez PDO režim: Viac o režimoch načítania PDO:https://phpdelusions.net/pdo/fetch_modes Užitočné príkazy
-
Ochrana heslom pomocou .htaccess
Ak máte hosting od Websupport je to pre Vás jednoduché.Článok s návodom od websupportu: https://www.websupport.sk/podpora/kb/nastavenia-adresarov/ V podstate sa o to starajú dve súbory .htaccess a .htpasswd ktoré treba vytvoriť v zložke ktorú chcete zamknúť v .htaccess si okrem iného môžete
-
Vue 3 Cheat Sheet
Ako začať VUE CLIVytvorenie noveho projectu cez Vue Cli Projekt cez pridanie linku Vue a WordPress Zaklady Extensions pre VSCode: Vetur, Vue Snippets Ak chces pisat javascript do HTML musit ho pisat do “{ }” Krátke ukážky Komponenty Ďalšie ukážky
-
Ako povoliť prístup menej bezpečným aplikáciám cez SMTP pre Gmail?
Kedže Google robil zmeny v zabezpečení vypol funkiu pre prístupu menej zabezpečeným aplikáciam. Túto funkciu ste si kedysi mohli nastaviť cez Spravovať účet Google -> zabezpečenie -> prístup menej zabezpečených aplikácií. Teraz sa Vám však zobrazí len takéto info. Riešením
-
Fonty
fontsquirrel.com/matcherator alebo whatfontis.com Na týchto stránkach môžete nahrať obrázok a stiahnuť podobné fonty. Fonty potom nainštalujete do Windowsu nasledovne podľa obrázka. Font sa Vám potom načíta v Photoshope aj iných programoch. Alebo si môžete vyhľadať font ručne na fonts.google.com Pekný
-
Najlepšie hostingy
Čo je to hosting ? Predstavte si, čo vidíte napr. na tejto webstránke. Text, obrázky, videá a pod. Všetky tieto prvky obsahu stránky musia byť niekde umiestnené, ako keď si niečo ukladáte na USB kľúč alebo do svojho počítača. Sú
-
Overenie IC DPH v systéme VEIS cez AJAX a jQuery
Náhodné platné EU VAT čísla na testovanie: SK2121115601 PL6292465417 HU12461660CZ27903745 CZ530125060 RO14399840 RO11607939 Na stránke využívam plugin WooCommerce EU VAT Number, ktorý po overení dič automaticky odráta daň.Na profi validáciu ostatných údajov v pokladni odporúčam foxentry.com Viac jQuery AJAX metód
-
Ukladanie súborov na server v PHP
$data = file_get_contents(‘data.txt’); $data = json_decode($data )? : [] ; array_push($data, ‘zamietnute ‘ . $position->status . ‘ ‘ . $original_status . ‘ + ‘ . date(‘Y-m-d H:i:s’)); //. date(‘Y-m-d H:i:s’) file_put_contents(‘data.txt’, json_encode($data));
-
Overenie dĺžky tel. čísla
Tento javascript vypne vo woocomerce tlačídlo odoslať objednávku ak nie je dĺžka telefónneho čísla 13 znakov. Týmto scriptom zas pridáme element s textom pod input s telefónnym číslom. Min. alebo max dĺžku tel. čísla však vieme nastaviť aj cez wordpress
-
Ako začať s Laravelom
Aliasy – skratky pre GitBash vytvorit subor .bashrc v C:\Users\User V konzole na co nezabudat: Funkcie Chrome extensions: Rsync for Windows cez Ubuntustiahni si cez windows store ubuntupovolit cez ovladaci panel->odinstalovat programy-> zapnut sucasti systemu windows-> Podpora Windowsu pre Linux
-
Generátory textu
Generátory textu sa vždy zídu 😀 a to hlavne free verzie. Najlepešie ak aj generujú zmysluplný text k správnej téme. Tieto sú najlepšie free generátory textu čo som našiel: frase.io zyro.com Pomôžu hlavne pri písaní článkov z iných webov. https://rytr.me/
-
Najlepšie wordpress pluginy
Najlepšie wordpress pluginy W3 TOTAL CACHE A WP-ROCKET Spomedzi platených pluginov je najlepšie hodnotený plugin WP Rocket, ktorý má pomerne jednoduché nastavenia. Výborná alternatíva je však W3 Total Cache. Takmer komplet free plugin s ktorým som dosiahol najlepšie výsledky spomedzi
-
SEO nástroje
Niekoľko užitočných SEO nástrojov, ktoré Vám pomôžu s analytikou a vyhodnocovaním vášho SEO. Collabim – výborný český nástroj za dostupnú cenu, dostupný aj v skúšobnej verziiAhref – top nástroj pre kontrolu backlinkov a autoritu doményMarketingminer – rôzne užitočné analytiky Veľmi
-
Ako zistiť zmenu URL adresy v JavaScripte bez refreshnutia stránky (cez ajax)
Funkcia MutationObserver()sa používa na zistenie alebo sledovanie zmien vykonaných v strome DOM. Jednoducho zisťuje zmeny prvku DOM a tiež zmeny adresy URL na jednostránkových webových stránkach, ako sú React JS a Angular JS. Vysvetlenie funkcie: V uvedenom kóde najprv vezmeme aktuálnu adresu
-
Git a Github
https://gitforwindows.org/ Najprv si stiahni inštalačku Gitu (ak máš Cmder tak už ho pravdepodobne máš) či máš git a akú verziu si overíš cez git -v ak nefu nefunguje tak git –version cd C:/cesta k projektu git init – zapne git
-
Oprava chýb vo WordPresse
count(): Parameter must be an array or an object that implements Countable … wp-includes/formatting.php on line 3345 Riešenie: pridať do function.php – update_option( ‘use_smilies’, false ); define( ‘WP_DEBUG’, true ); Riešenie: zapnutie / vypnutie debugovania Stránka je krátkodobo nedostupná pre
-
Párne a nepárne CSS a JS
Vybratie párnych a nepárnych elementov pomocou CSS Zistenie či je číslo párne pomocou Javascriptu Použitie terárneho operátora
-
Zlé a škodlivé backlinky pre SEO
Zistenie spam score – analytics.moz.com (You can nnlock additional SEO tools with a free 30 day trial.) – explorer.cognitiveseo.com – spyglas https://search.google.com/search-console/disavow-links https://support.google.com/webmasters/answer/2648487?hl=cs Nejčastěji odkazující weby Nástroj na dištancovanie zlých backlinkov nájdete v Google Search Console, kde vložíte textový dokument
-
Ako zistiť či je text na stránke skopírovaný ?
Zopár online nástrojov ktoré vám pomôžu nájsť duplicitný obsah na webe: www.copyscape.com www.plagiarisma.net www.plagium.com Pre prácu s týmito nástrojmi však platí, že mnohé časom zmenia svoje funkcie a bezplatné možnosti pre užívateľov. Zadarmo sú často len na krátky čas, alebo
-
Sitemap error
Sitemap je ako určite viete mapa webu, ktorá je dôležitá pre SEO. Najčastejšia voľba pre wordpress stránku je použiť plugin YOAST SEO alebo iný SEO plugin ktorý automaticky generuje sitemap. Nájsť ho potom zvyčajne môžete pod cestou stranka.sk/sitemap.xml. V prípade
-
Nástroje na hromadnú úpravu obrázkov
Kompresia, zmena veľkosti (resize), či orezanie obrázkov. ILOVEIMG – Resize images / zmenšenie rozmerov obrázkuiloveimg.com/resize-image SQUAREMYIMAGE– Pridanie obrázkom biely okraj okraj (margin/white space)squaremyimage.com TINYPNG – Kompresia obrázkov aby zaberali menejtinypng.com CLOUDCONVERT – Prevod obrázkov do rôznych formátov vrátane webpcloudconvert.com Nástroj
-
Pridanie widgetu TAG na stránku objednávky
Pridanie widgetu TAG OBJEDNÁVKY na bočný panel na stránke objednávky /order page Pridanie stĺpca v zozname objednávok ktorý bude zobrazovať tagy Filtrovanie objednávok podľa tagu
-
Ortopedické šľapky
Ak hľadáte pohodlnú obuv do práce alebo na doma, zaobstarajte si takú, ktorá ponúka pevnú oporu pre vaše nohy! Najlepšie teda je zvoliť si ortopedické šľapky alebo papuče. Vybrali sme pre Vás najlepšiu dámske ortopedické šľapky, ktoré nielenže vyzerajú štýlovo,
-
Najlepšie editory / IDE
PHP STORM Ako už napovedá názov je určený pre PHP. PLATENÝ testovacie verzie na stiahnutie zdarma: https://www.jetbrains.com/phpstorm/nextversion/ alebo free skúšobná licencia vytvorením účtu nainstalovat plugin live editdoplnok do chrome jetbrains ide support Klávesové skratky <p>Klávesové skratky PHP Storm:</p> double shift
-
OOP v PHP
V PHP môžete písať kód aj v objektovo orientovanom štýle (Object-Oriented Programming – objektovo orientované programovanie) – OOP. OOP je o vytváraní objektov, ktoré obsahujú údaje aj funkcie. Výhody objektovo orientovaného programovania: OOP umožňuje vytvárať plne opätovne použiteľné aplikácie s
-
Pridanie dát do rýchleho náhľadu objednávky / order preview
Pridanie vlastných dát do náhľadu / Display custom data on Woocommerce admin order preview Pridá poznámky z objednávky do náhľadu
-
Pridanie stĺpca v zozname objednávok
Pridanie stĺpca s názvom spôsob dopravy Nastavenie hodnoty stĺpca Pridanie zoradenia podľa stĺpca Doplnenie funkcie v prípade zlého filtrovania
-
API request kurzu meny v PHP
Najprv je však potrebné vytvoriť s účet na manage.exchangeratesapi.io a doplniť svoj acces key.http://api.exchangeratesapi.io – stránka kde po regestrácií získate 1000 requestov mesačne zdarma Mnozstvo použiteľných free ale obmedzené api je na rapidapi.Najpoužívanejšie je asi Google API.
-
Fetch obsahu z druhej stránky po kliknutí
Takto si ľahko spustiš napr. php script na inej stránke až po kliknutí na udalosť a tú si potom zobrazíš v nejakom elemente
-
Preposlanie dát z formulára na druhú stránku
Vytvorenie formulára do ktorého sa vložia údaje: Takto si prepošleš hodnotu na druhu stránku Takto si získaš hodnotu z prvej stránky: Formulár si môžeš aj skryť a vyplniť ho aj odoslať cez JavaScript Odoslanie cez enter Môžeš ho poslať aj
-
Cesty k súborom v PHP
Použite __DIR__preddefinovanú konštantu na nájdenie cesty k adresáru súboru v PHPPoužite dirname() funkciu na nájdenie cesty ku koreňovému adresáru projektu v PHPPoužite $_SERVER[‘SERVER_NAME’] pre vypísanie zvyšnej časti k súboruPoužite $_SERVER[‘DOCUMENT_ROOT’] na nájdenie koreňového adresára dokumentu súboru v PHPPoužite basename($path) pre
-
Získavanie dát z produktu
Get product ID from product SKU (Ak máme iba katalógové číslo produktu): 1. Ak máme prístup ku $product 2. Ak máme prístup ku $product_id 3. Ak máme prístup ku objednávke /$order_id 4. Ak máme prístup k $post
-
Efekty pre obrázky
Moderný efekt priblíženia obrázka s orezaním ďalšie filter efekty: filter: invert(57%) sepia(83%) saturate(3838%) hue-rotate(161deg) brightness(94%) contrast(101%); Úpravy farby pomocou filtrov: https://codepen.io/sosuke/pen/Pjoqqp
-
Rýchle pripojenie súborov a zoznam knižníc
Pripojenie tvojho CSS a JS Časté knižnice / frameworky Na stránkach ako jsdelivr.com alebo cdnjs.com je možné vyhľadať si takmer všetky knižnice
-
Prekladajte texty a pracujte s dokumentmi s Deepl a ilovepdf
Deepl je v súčasnosti asi najlepší prekladač na svete. Ponúka platené verzie ale pre bežného používateľa stačí aj free verzia. Deepl ponúka toho viac ako Google. Zadarmo Vám dokonca preloží aj naskenované dokumenty. Ešte trik na záver, ak si otvoríte
-
Ako povoliť úpravu objednávok a vytvoriť nový status
Povolenie editovania objednávok v stave spracováva sa / processing Vytvorenie nového stavu objednávky
-
Ťahák pre WordPress programátora
Základy PHP Výpis dát PODMIENKY HOOKS ŠTRUKTÚRA STRÁNOK index.php – zakladna stranka z ktorej sa nacitava vsetko ak nie je urcená iná stránkapage.php – stránka pre vsetky pagespage-blog.php – stránka pre konkrétnu stránku blogsingle.php – stránka pre posty/ prispevky404.phpcomments.php ĎALŠIE
-
Document ready v čistom JavaScripte
when the document is ready… or with onreadystatechange… Use document.readyState === ‘interactive’ to detect when the DOM is ready.
-
Krátke ale užitočné snippety
Vráti starú verziu widgetov Skrytie admin baru na vrchu stránky Preloženie textu / preklad Povolenie nahrávania ZIP súborov
-
Presmerovanie užívateľa a stránka v rekonštrukcii
Takto jednoducho nastavíte aby ste sa na stránku dostali iba vy: Pre nastavenie stránky v móde ” stránka v konštrukcii” môžete použiť aj plugin Under Construction.
-
Vytvorenie a vymazanie užívateľa cez FTP vo WordPresse
Vytvorenie účtu cez FTP Vymazanie účtu cez FTP Zistenie ID, mena a emailu užívateľa
-
Google recaptcha a askismet
Google recaptcha chráni Vaše kontaktné formuláre pred spamom a robotmi. Google recaptcha si pridáte na doménu cez stránku Google recaptcha konzoly, kde získate kľúče potrebné pre integráciu. Ako skryť na stránke google recaptcha pomocou css Askismet antispamov ochrana sa používa
-
Overenie vlastníctva, indexovanie stránky
Google Search konzola je užitočný nástroj cez ktorý môžete urýchliť zaindexovanie vašej stránky a sledovať cez rôzne štatistiky a chyby na vašom webe. Najprv však musíte vytvoriť nový záznam a pridať overenie. Pre overenie vlastníctva domény v nastaveniach DNS záznamov
-
Not v css na recaptcha
Takto môžete jednoducho pomocou css skryť recapta zo vsetkých stránok okrem stránk ktoré maju v body class .page-id-5739 a .page-id-101094
-
Ďakovná stránka a dotazník pri objednávke
Odporúčam skopírovať celý priečinok z woocomerce/templates do child-témy aby sa úpravy zachovali aj pri aktualizácií pluginuAk nemáte child tému tak si ju treba vytvoriť. Ďalšia možnosť je použiť include alebo requiere pre vloženie kódu z inej lokality. Woocomerce dotazník na
-
WordPress základné príkazy
PHP v hlavičke <?php echo home_url() ?> vypíše domovskú stránku<?php bloginfo(‘name’); ?> – zobrazenie názvu stránky (Nastavenia -> Všeobecné)<?php wp_title(); ?> – názov stránky alebo príspevku<?php bloginfo(‘stylesheet_uri’); ?> – cesta k style.css<?php bloginfo(‘pingback_uri’); ?> – pingback URL pre stránku<?php bloginfo(‘template_uri’);
-
Klávesové skratky
Chrome prehliadač: shift + F5 alebo ctrl +F5 refresh stránky pre prejavenie zmien js a css Ctrl + U zobraz zdrojový kód stránky Chrome konzola F12 zapnutie konzoly v chrome $0 vyberie aktualny element ctrl+ shigt +
-
Objekty v JavaScripte
pole v poli / zložité pole objekt v poli
-
Úpravy administrácie používateľa
Skrytie verzií WordPress, YoastSEO, WP Bakery Skrytie položiek v ľavom menu Zmena poradia položiek v ľavom menu Vloženie vlastného loga do správy Chcete do administrácie WordPress vložiť vlastné logo? Veľkosť by mala byť 16 × 16 px. Zmena pätičky v
-
Najlepšie WordPress témy
Pri tvorbe stránok je výber témy asi najdôležitejšie rozhodnutie. Ovplyvní to najviac vašu ďalšiu prácu na stránke ale aj rýchlosť stránky.Je veľmi užitočné ak má téma aj aj automatický demo import. Najlepšie WordPress témy s demo importom, ktoré som vyskúšal:
-
Ryžový nákyp
Suroviny : 250g guľatozrnej ryže700ml mlieka5 vajecvanilkový cukor80g kryš.cukruzavárané marhuľe alebo zavárané ovocie podľa chutimaslostrúhankaštipka soli Postup: Vo vode si premyjeme ryžu ktorú varíme v mlieku až kym sa nám z toho nespraví hustá kaša. Celý čas miešame. Po uvarení
-
Kuracie lievance
Suroviny: 2ks kuracích pŕs1 žltá cibuľa2 lyžice majonézy hellmans1lyžica hl.múky1/2 kávovej lyžičky soličierne korenieolej Postup: Kuracie prsia a cibuľu si nakrájame na maličké kúsky, pridáme ostatné ingrediencie a zmiešame. Hotovú zmes si lyžicou dávkujeme na rozohriatu panvicu s trochou oleja
-
Cheesecake z bielej čokolády
Suroviny: korpus: 200g maslové sušienky125g maslakrém: 500g mascarpone250ml smotany na šľahanie300g bielej čokoládyvanilková esencia 1 kávová lyžičkapoleva : 100g mliečnej čokolády140ml smotany na šľahanieza ozdobenie: kocka bielej čokoládyjahody Postup: Sušienky rozdrvíme v mixéri a zmiešame s rozpusteným maslom. Túto zmes
-
Vytvorenie stránky
Pri vytváraní web stránky, máte mnoho možnosti. Ani jeden spôsob však nie je najlepší. Vždy to záleží od stránky ktorú chcete vytvoriť a od Vašich požiadaviek. Podobne ako pri výbere auta nie je jedno najlepšie auto ale každému vyhovuje iné.
-
WordPress snippety
Sekcia krátkych ale užitočných snippetov pre Woocomerce a WordPress. Upraví zobrazovanie dostupnosti pre všetky produkty ktoré začínajú kódom XXX Zobrazí ID produktov a EAN alebo čokoľvek čo nastavíme iba vybranému používateľovi alebo administrátorovi: Vytvorenie vlastnej kolónky pri produktoch Odstráni vybrané
-
Laravel
Novy projekt postup Vseobecne route cez web.php – konroluje smerovanie a smeruje na cotrollericontroller – vytahuju data z databázy a vytvára premenné model – na vytvaranie funkciiviews – vytvorene htmlka – funkcia view(nazov html stranky vo views ) vrati stranku