Jak korzystać z kreatora stron SitePad w DirectAdmin?
Cel artykułu: Przeprowadzenie krok po kroku przez proces tworzenia strony internetowej za pomocą kreatora SitePad dostępnego w panelu DirectAdmin. Dzięki temu poradnikowi stworzysz profesjonalną stronę bez znajomości kodowania.
Czym jest SitePad Website Builder?
SitePad to intuicyjny kreator stron internetowych zintegrowany z panelem DirectAdmin w IQhost. Umożliwia tworzenie profesjonalnych stron WWW metodą "przeciągnij i upuść" (drag & drop), bez konieczności znajomości HTML, CSS czy JavaScript.
Główne zalety SitePad:
- Ponad 345 gotowych szablonów - profesjonalne wzory dla różnych branż
- Ponad 40 widżetów - galerie zdjęć, formularze kontaktowe, mapy, slidery i wiele więcej
- Responsywność - strony automatycznie dostosowują się do urządzeń mobilnych
- Bezpłatny dostęp - kreator jest dostępny dla wszystkich użytkowników hostingu IQhost
- Publikacja jednym kliknięciem - gotowa strona od razu trafia pod Twoją domenę
- Wbudowany blog - możliwość prowadzenia bloga bez dodatkowych narzędzi
- Integracja z social media - łatwe dodawanie linków do Facebook, Instagram, YouTube
Wskazówka: SitePad generuje statyczne strony HTML/CSS/JavaScript, co oznacza szybkie ładowanie i wysokie bezpieczeństwo - nie wymaga bazy danych ani PHP.
Dostęp do kreatora SitePad
Aby uruchomić kreator SitePad w hostingu IQhost:
- Zaloguj się do Panelu Klienta IQhost
- Przejdź do sekcji "Moje usługi" i wybierz swój pakiet hostingowy
- Kliknij przycisk "Zaloguj do DirectAdmin"
- W panelu DirectAdmin, w sekcji "Dodatkowe funkcje" lub "Aplikacje", znajdź i kliknij "Kreator stron SitePad" lub "SitePad Website Builder"
Po kliknięciu zostaniesz przekierowany do interfejsu kreatora SitePad.
Interfejs SitePad - przegląd
Po uruchomieniu SitePad zobaczysz główny panel z następującymi elementami:
Menu boczne:
- All Sites - przegląd wszystkich utworzonych projektów
- Add New Site - dodanie nowego projektu strony
- Clone Sites - klonowanie istniejących projektów
Ikony w górnym menu:
- Go to Control Panel - powrót do DirectAdmin
- Edit Settings - ustawienia języka i strefy czasowej
- Backup and Restore - zarządzanie kopiami zapasowymi
- Help and Support - pomoc i FAQ
- Logout - wylogowanie z kreatora
Tworzenie nowej strony - krok po kroku
Krok 1: Rozpoczęcie nowego projektu
- Kliknij "Add New Site" w menu bocznym
- Wybierz domenę, dla której chcesz utworzyć stronę
- Opcjonalnie wpisz ścieżkę katalogu (pozostaw puste dla głównego katalogu domeny)
Krok 2: Wybór szablonu
SitePad oferuje ponad 345 profesjonalnych szablonów podzielonych na kategorie:
- Business - strony firmowe, korporacyjne
- Portfolio - dla fotografów, artystów, freelancerów
- Blog - szablony blogowe
- E-commerce - prezentacja produktów (bez koszyka)
- Restaurant - restauracje, kawiarnie, catering
- Health & Beauty - gabinety, salony urody
- Real Estate - nieruchomości
- Education - szkoły, kursy
- Events - wydarzenia, konferencje
- I wiele innych...
Jak wybrać szablon:
- Przeglądaj kategorie lub użyj wyszukiwarki
- Kliknij na szablon, aby zobaczyć podgląd
- Kliknij "Activate" lub "Wybierz", aby zatwierdzić wybór
Wskazówka: Wybierz szablon najbliższy Twoim potrzebom - łatwiej jest modyfikować istniejący układ niż tworzyć wszystko od zera.
Krok 3: Podstawowe ustawienia strony
Po wyborze szablonu uzupełnij podstawowe informacje:
- Nazwa strony (Site Name) - tytuł Twojej witryny
- Tagline/Slogan - krótki opis lub hasło
- Email kontaktowy - adres do formularzy kontaktowych
- Logo - możesz wgrać własne logo
Krok 4: Edycja strony w kreatorze
Po kliknięciu "Edit Site" lub "Website Builder" otworzy się edytor wizualny:
Edycja tekstu:
- Kliknij na dowolny tekst, aby go edytować
- Zmień czcionkę, rozmiar, kolor i wyrównanie
- Dodaj linki do tekstu
Edycja obrazów:
- Kliknij na obraz, aby go zmienić
- Wgraj własne zdjęcia lub wybierz z biblioteki
- Dostosuj rozmiar i położenie
Dodawanie widżetów:
Przeciągnij elementy z panelu widżetów na stronę:
- Image/Video Slider - karuzela zdjęć lub filmów
- Image Gallery - galeria zdjęć
- Contact Form - formularz kontaktowy
- Google Maps - mapa z lokalizacją
- Social Media Buttons - przyciski do mediów społecznościowych
- Call To Action - przyciski zachęcające do działania
- Rich Text - bloki tekstu
- Video - osadzanie filmów z YouTube/Vimeo
- Audio - odtwarzacz audio
- Service Box - prezentacja usług
- Testimonials - opinie klientów
- Team Members - prezentacja zespołu
- Pricing Table - tabela cenowa
- FAQ - sekcja pytań i odpowiedzi
- Countdown - licznik odliczający
Zarządzanie stronami/sekcjami:
- Dodawaj nowe podstrony (np. O nas, Kontakt, Usługi)
- Zmieniaj kolejność sekcji
- Duplikuj lub usuwaj sekcje
Krok 5: Podgląd responsywny
Przed publikacją sprawdź jak strona wygląda na różnych urządzeniach:
- Kliknij ikonę podglądu (oko) w górnym menu
- Przełączaj między widokami: Desktop, Tablet, Mobile
- Upewnij się, że wszystkie elementy wyświetlają się poprawnie
Krok 6: Ustawienia SEO
Zoptymalizuj stronę dla wyszukiwarek:
- Przejdź do ustawień strony (Settings)
- Uzupełnij:
- Page Title - tytuł strony (wyświetlany w wynikach Google)
- Meta Description - opis strony (do 160 znaków)
- Meta Keywords - słowa kluczowe (opcjonalnie)
- Dla każdej podstrony możesz ustawić osobne meta tagi
Krok 7: Publikacja strony
Gdy strona jest gotowa:
- Kliknij przycisk "Publish" lub "Opublikuj"
- Poczekaj na zakończenie procesu (kilka sekund)
- Twoja strona jest już dostępna pod wybraną domeną!
Ważne: Po publikacji strona zostanie zapisana jako statyczne pliki HTML/CSS/JS w katalogu Twojej domeny. Wcześniejsze pliki zostaną nadpisane.
Zarządzanie istniejącymi projektami
Edycja opublikowanej strony
- Wejdź do SitePad i wybierz "All Sites"
- Znajdź swój projekt i kliknij "Edit"
- Wprowadź zmiany w edytorze
- Kliknij "Publish" aby zaktualizować stronę
Klonowanie projektu
Jeśli chcesz utworzyć podobną stronę dla innej domeny:
- Wybierz "Clone Sites" w menu
- Wybierz projekt źródłowy
- Wybierz domenę docelową
- Kliknij "Clone"
Tworzenie kopii zapasowej
- W menu wybierz "Backup and Restore"
- Kliknij "Create Backup" przy wybranym projekcie
- Dodaj opis kopii zapasowej
- Kliknij "Backup"
Przywracanie z kopii zapasowej
- W menu wybierz "Backup and Restore"
- Znajdź kopię zapasową na liście
- Kliknij "Restore"
- Potwierdź przywrócenie
Usuwanie projektu
- W "All Sites" znajdź projekt
- Kliknij ikonę kosza lub "Delete"
- Potwierdź usunięcie
Uwaga: Usunięcie projektu z SitePad nie usuwa automatycznie opublikowanych plików z serwera. Aby je usunąć, użyj Menedżera plików w DirectAdmin.
Porównanie: SitePad vs WordPress vs Softaculous
| Funkcja | SitePad | WordPress | Softaculous |
|---|---|---|---|
| Łatwość użycia | Bardzo łatwy | Średni | Łatwy (instalator) |
| Wymagana wiedza techniczna | Brak | Podstawowa | Podstawowa |
| Baza danych | Nie wymaga | Wymaga MySQL | Zależy od aplikacji |
| Szablony | 345+ | Tysiące | Zależy od aplikacji |
| Wtyczki/rozszerzenia | Ograniczone (widżety) | Tysiące | Zależy od aplikacji |
| Blog | Wbudowany (podstawowy) | Zaawansowany | Zależy od aplikacji |
| E-commerce | Nie (tylko prezentacja) | Tak (WooCommerce) | Tak (PrestaShop) |
| Wydajność | Bardzo wysoka (statyczne) | Średnia | Zależy od aplikacji |
| Najlepszy dla | Prostych stron firmowych | Rozbudowanych projektów | Specjalistycznych aplikacji |
Kiedy wybrać SitePad?
SitePad jest idealny gdy:
- Potrzebujesz prostej strony wizytówki dla firmy
- Nie masz czasu na naukę WordPress lub HTML/CSS
- Chcesz mieć stronę gotową w kilka godzin
- Zależy Ci na szybkości ładowania strony
- Nie potrzebujesz sklepu internetowego ani zaawansowanego bloga
- Chcesz samodzielnie aktualizować treści bez pomocy programisty
Rozwiązywanie problemów
Problem: Nie widzę SitePad w DirectAdmin
Rozwiązanie:
- Odśwież stronę DirectAdmin (Ctrl+F5)
- Sprawdź sekcję "Dodatkowe funkcje" lub "Aplikacje"
- Skontaktuj się z obsługą IQhost, jeśli opcja nie jest widoczna
Problem: Strona nie wyświetla się po publikacji
Rozwiązanie:
- Poczekaj kilka minut - propagacja może trwać
- Wyczyść pamięć podręczną przeglądarki
- Sprawdź, czy domena jest poprawnie skonfigurowana
- Upewnij się, że nie masz pliku index.html/index.php, który ma wyższy priorytet
Problem: Formularz kontaktowy nie wysyła wiadomości
Rozwiązanie:
- Sprawdź, czy podałeś poprawny adres email w ustawieniach
- Upewnij się, że formularz ma wszystkie wymagane pola
- Sprawdź folder SPAM w swojej skrzynce
Problem: Obrazy nie ładują się
Rozwiązanie:
- Sprawdź, czy pliki graficzne nie są zbyt duże (zalecane do 2MB)
- Użyj formatów JPG, PNG lub WebP
- Upewnij się, że nazwy plików nie zawierają polskich znaków
Najlepsze praktyki
- Optymalizuj obrazy - przed wgraniem zmniejsz rozmiar zdjęć (np. w TinyPNG)
- Używaj wysokiej jakości grafik - rozmyte zdjęcia psują profesjonalny wygląd
- Nie przeładowuj strony - mniej znaczy więcej, zachowaj przejrzystość
- Testuj na urządzeniach mobilnych - większość odwiedzających używa telefonów
- Uzupełniaj meta tagi SEO - pomoże to w pozycjonowaniu w Google
- Regularnie aktualizuj treści - świeże informacje budują zaufanie
- Twórz kopie zapasowe - przed większymi zmianami zabezpiecz projekt
Powiązane artykuły:
Czy ten artykuł był pomocny?
Twoja strona WordPress działa wolno?
Sprawdź nasz hosting WordPress z ultraszybkimi dyskami NVMe i konfiguracją serwera zoptymalizowaną pod kątem wydajności. Doświadcz różnicy już dziś!
Sprawdź ofertę hostingu