GrowSitedevelopers

Layouty i wspólne ustawienia

Grupy sekcji, konfiguracja globalna i podstrony.

Layout i wspólne grupy sekcji

html
<template gs-group="header"></template>
<template gs-slot="layout"></template>
<template gs-group="footer"></template>

templates/home.json może wybrać "layout": "landing" albo "layout": false. Bez ustawienia używany jest layout/theme.html. Layout opakowuje zawartość strony w ramach GrowSite; systemowe elementy nawigacji, informacje prawne i branding pozostają funkcjami platformy.

Grupa sections/header.json:

json
{
  "type": "header",
  "sections": { "main": { "type": "header" } },
  "order": ["main"]
}

Grupy są wspólne dla podstron. W ustawieniach Loom można edytować ich sekcje, zmieniać kolejność, dodawać i usuwać elementy. Zapis trafia do theme_settings.html.groups, a nie do każdej podstrony osobno. Dodanie sekcji wymaga presetu jej definicji.

Ustawienia globalne i config

config/settings_schema.json zawiera grupy z tablicą settings; config/settings_data.json zawiera obiekt current z domyślnymi wartościami. Interfejs ustawień Loom powstaje ze schematu. Zmiany klienta są przechowywane w theme_settings.html.settings.

json
[
  {
    "name": "Wygląd",
    "settings": [
      { "type": "color", "id": "accent", "label": "Akcent", "default": "#d8f36b" }
    ]
  }
]

W Loom odczytujesz je przez [[ settings.accent ]]. Ustawienia globalne Loom i standardowe ustawienia platformy mają osobne panele; nie zakładaj automatycznego mapowania dowolnego ID na styl komponentów systemowych.

Kolejne podstrony

Dodaj templates/<nazwa>.json z tytułem, sekcjami i listą order, korzystając z istniejących definicji. Zachowaj home.json wymagany dla katalogu. Szablon strony inicjalizuje treść, ale późniejsza edycja pliku nie nadpisuje wszystkich zapisanych stron klientów.

Nie twórz drugiego dokumentu z html, head i body — dokument otaczający kontroluje GrowSite. Sprawdź, czy nagłówek grupy nie dubluje systemowej nawigacji. W nowym szablonie dodaj ustawienia globalne, aby obecny panel ustawień Loom udostępniał wspólną konfigurację.

Pobierz kopię Markdown
Wyniki · 22
Komponenty GS Loom UI

Wspólne komponenty, warianty i style motywów.

Katalog czcionek

Dostępne kroje, podgląd i deklarowanie czcionek w GS Loom.

Menu i nawigacja

Tworzenie menu, podłączanie linków i stylowanie nawigacji.

Blog i komentarze

Blog i komentarze

SEO i kontrakt pluginów

SEO i kontrakt pluginów

Pierwszy szablon krok po kroku

Kompletna paczka, instalacja i pierwsza edycja.

GS Loom Playground

Testuj szablony lokalnie bez API, bazy danych i uploadu.

Architektura i pliki

Jak pliki autora stają się stroną klienta.

Schema i ustawienia

Typy kontrolek, wartości domyślne i stabilne identyfikatory.

Bloki, targeting i kolejność

Definicje, instancje, zagnieżdżanie i bloki statyczne.

Edycja na podglądzie

Podłącz tekst, karty, obrazy i ikony do kreatora.

Teksty i nagłówki

Od schema do edycji tekstu, typografii i zapisu.

Przyciski i linki

Tekst, adresy, kolory, wymiary i dostępne stany.

Inputy i pola formularzy

Typy pól, etykiety, opcje, limity i walidacja.

Formularze krok po kroku

Instancje, powiązanie z witryną, wysyłka i obsługa błędów.

Karty, ikony, obrazy i badge

Wygląd kontenerów, rozmiary ikon i edycja mediów.

Źródła dynamiczne

Dane witryny, podstrony i wartości zapasowe.

Layouty i wspólne ustawienia

Grupy sekcji, konfiguracja globalna i podstrony.

Języki i tłumaczenia

Języki startowe, języki dodawane przez klienta i tłumaczenia AI.

Snippets, CSS i pliki

Wspólny kod, responsywny wygląd i bezpieczne adresy.

Testy, import i aktualizacje

Sprawdź paczkę i wydaj ją bez utraty danych klientów.

Możliwości i ograniczenia

Obsługiwany kontrakt GS Loom i praca z AI.