DiWebArt
...wait

keyboard shortcuts:
close fullscreen - Esc, On mobile - slide from top screen
play slider - p
toggle menu - m
reload - r
hide menu - h
media clipboard - c
Slide Up - Arrow Up
Slide Down - Arrow Down
Menu move - Arrow Left and Right

Táto platforma je navrhnutá na efektívne zobrazovanie multimediálnych súborov z knižníc webstránok WordPress. Umožňuje užívateľom jednoducho spravovať a prezentovať obsah prostredníctvom vizuálne atraktívneho slidera s použitím google tabuliek.

Pole zadajte URL na google Sheet slúži na import vašej vlastnej tabuľky pomocou ktorej sa vytvárajú interaktívne slidere. Môžete si tak vyskúšať tvorbu vlastnej stránky. Potrebujete si stiahnuť súbor s predpripravenou muštrou pre tvorbu,súbor google sheet ktorý obsahuje tabuľku menu, ktorá slúži na zobrazenie sliderov v menu, čo sú okná pri úvode stránky, a tabuľku so samotným sliderom, ktorý môžete dopĺňať a samozrejme duplikovať a vytvárať tak nové slidere. Stiahnite si pomocou tlačidla Stiahnuť predpripravený google sheet tabuľku. Tabuľku nahrajte na google disk. Dajte ju zdielať, udeľte prístup na ktokoľvek s odkazom a zkopírujte odkaz. ten vložte do URL na google sheet. Dajte uložiť URL. Po vyskočení okna, URL bola uložená, po kliknutí na OK, sa stránka obnoví a vy budete vidieť vaše nové menu a galériu z url vášho google sheetu. Vás Google sheet je uložený v pamäti prehliadača. Ak dáte vymazať Url, stránka sa obnoví do pôvodného stavu. Čiže moje slidere

Tlačidlo open media clipboard slúži na zobrazie obrázkov a súborov z aktuálnej webovej adresy (je vhodná najmä pri tvorbe sliderov a viete ju skryť).Tá je defaultne nastavená na stránku divart.sk. Kliknutím na obrázok, sa url obrázka uloží a možete ho vložiť do tabuľky google sheet v kolonke url. Ak by ste chceli zmeniť adresu súborov, môžete tak urobiť zadaním platnej url adresy inej stránky do poľa URL na vašu wordpress stránku. Musí to byť stránka wordpress a zrejme s povolením použitia json súborov.Po uložení adresy sa po kliknutí na open media clipboard zobrazia obrázky a súbory z uloženej url. Vyskúšajte, uvidíte

Stránku divartwp.sk môžete používať aj ako aplikáciu vo vašom telefóne. Ak vám to po otvorení stránky neponúkne prehliadač sám, otvorte si stránku divartwp priamo v prehliadači chrome(prevažne), kliknite na tri bodky v pravo hore a stlačte pridať na plochu. Stránka sa nainštaluje do vašeho zariadenia a bude ľahko prístupná medzi ostatnými ikonami.

Popis platformy

Názov platformy:

Swiper Slider prepojený s google tabuľkami a dátami so stránky Divart.sk

Účel:

Funkcie:

  1. Integrácia s Google Tabuľkami:

    Každý riadok v Google tabuľke zodpovedá jednému slidu. To znamená, že užívatelia môžu priamo upravovať obsah slidera pridaním alebo zmenou riadkov v tabuľke. Tabuľka obsahuje stĺpce pre rôzne atribúty, ako sú: Názov média, Typ súboru (obrázok, video, zvuk), URL súboru, Animácia (napr. fade, slide), Rýchlosť prehrávania, Autoplay (áno/nie), Ďalšie prispôsobiteľné nastavenia.Tvorba sliderov pomocou google tabuľiek je extrémne rýchla.

  2. Podpora rôznych formátov:

    Akceptujú sa súbory obrázkov (napr. JPEG, PNG), videí (napr. MP4, WebM) a zvukových súborov (napr. MP3, WAV). Užívatelia môžu jednoducho nahrávať a spravovať svoje súbory priamo z WordPress administrácie.

  3. Prispôsobiteľný dizajn:

    Swiper Slider ponúka široké možnosti prispôsobenia vrátane rôznych animácií a prechodov medzi slidmi. Užívatelia môžu prispôsobiť rýchlosť prehrávania a nastaviť automatické prehrávanie.

  4. Intuitívne rozhranie:

    Rozhranie je navrhnuté tak, aby bolo užívateľsky prívetivé, čo umožňuje rýchle a jednoduché prispôsobenie slidera bez potreby technických znalostí.

  5. Prístupnosť:

    Slider je navrhnutý tak, aby bol prístupný a optimalizovaný pre rôzne zariadenia a obrazovky.

Ako to funguje

  1. Nastavenie Google Tabuľky:

    Vytvorenie Google tabuľky s požadovanými stĺpcami pre slidy. Prepojenie tabuľky s frontendovou aplikáciou pomocou API.

  2. Implementácia Swiper Slider:

    Integrácia Swiper Slider do WordPress stránky. Načítanie údajov z Google tabuľky a ich zobrazenie ako slidy.

  3. Prispôsobenie nastavení:

    Užívatelia môžu meniť nastavenia slidera priamo v Google tabuľke a sledovať zmeny na webovej stránke v reálnom čase.

  4. Zobrazovanie médií:

    V závislosti od typu súboru sa multimédiá správne načítajú a zobrazia v slideri.

Záver

Táto platforma pre Swiper Slider predstavuje silný nástroj na prezentáciu multimediálneho obsahu s flexibilitou a prispôsobiteľnosťou, čo z nej robí ideálne riešenie pre webstránku Divart.sk. Užívatelia si môžu jednoducho upravovať a spravovať obsah slidera pomocou Google tabuliek, čím sa zjednodušuje proces správy obsahu.

Ak máte konkrétne otázky alebo potrebujete pomoc s implementáciou, neváhajte sa opýtať!


Platform Description

Platform Name:

Swiper Slider for Divart.sk

Purpose:

This platform is designed to effectively display multimedia files from the media library of the WordPress website Divart.sk. It allows users to easily manage and present content through a visually appealing slider.

Features:

  1. Integration with Google Sheets:

    Each row in the Google Sheet corresponds to a single slide. This means users can directly edit the content of the slider by adding or changing rows in the sheet. The sheet contains columns for various attributes, such as: Media title, File type (image, video, audio), File URL, Animation (e.g., fade, slide), Playback speed, Autoplay (yes/no), Other customizable settings.Creating sliders using Google Sheets is extremely fast.

  2. Support for Various Formats:

    Accepts image files (e.g., JPEG, PNG), video files (e.g., MP4, WebM), and audio files (e.g., MP3, WAV). Users can easily upload and manage their files directly from the WordPress admin.

  3. Customizable Design:

    Swiper Slider offers extensive customization options, including various animations and transitions between slides. Users can customize playback speed and set autoplay.

  4. User-Friendly Interface:

    The interface is designed to be user-friendly, allowing quick and easy customization of the slider without requiring technical knowledge.

  5. Accessibility:

    The slider is designed to be accessible and optimized for various devices and screens.

How It Works

  1. Setting Up Google Sheets:

    Create a Google Sheet with the required columns for the slides. Link the sheet to the frontend application using the API.

  2. Implementing Swiper Slider:

    Integrate Swiper Slider into the WordPress site. Load data from the Google Sheet and display it as slides.

  3. Customizing Settings:

    Users can change the slider settings directly in the Google Sheet and see changes on the website in real time.

  4. Displaying Media:

    Depending on the file type, multimedia will be loaded and displayed correctly in the slider.

Conclusion

This platform for Swiper Slider represents a powerful tool for presenting multimedia content with flexibility and customization, making it an ideal solution for the Divart.sk website. Users can easily edit and manage the slider content using Google Sheets, streamlining the content management process.

If you have specific questions or need assistance with implementation, feel free to ask!