Twoja pierwsza strona WWW z WordPress i FSEw 10 krokach - Akademia WordPress START!

Materiały do warsztatu „Twoja pierwsza strona WWW z WordPress i FSEw 10 krokach – Akademia WordPress START!”.

Materiały do warsztatu

Link do prezentacji

Pobierz prezentację

Przykłady briefu

Dobry brief

Zły brief

Analiza briefu

Plan na warsztat

1. Instalacja WordPress

2. Instalacja wtyczek

Advanced Custom Fields (ACF®)

Create Block Theme

Meta Field Block

Proste ulepszenia SEO

https://pl.wordpress.org/plugins/webp-converter-for-media/

3. Konfigurujemy motyw potomny za pomocą Create Block Theme

4. Ustawienie podstawowych styli do motywu

Typografia: Sofia Sans

Kolory: #FFFFFF, #111111, #FF7B00, #FFF5EE, #F2F2F2

5. Baza szablonu – nagłówek i stopka

6. Wdrażamy sekcję z filmem w tle

Dodatkowo chcemy by menu na stronie głównej było przezroczyste tak, aby film wszedł „pod menu”.

Dodatkowo chcemy dodać wyszukiwarkę w odpowiednim miejscu.

Dodatkowa wskazówka (dodatkowy CSS):

.home header.wp-block-template-part {
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    z-index: 3;
}

.home header.wp-block-template-part > div {
    background:transparent;
    color: #fff;
}

.search-container {
    position:relative;
    z-index:2;
}

7. Sekcja ze ikoną SVG w tle

    function allow_svg_upload($mimes) {
        $mimes['svg'] = 'image/svg+xml';
        return $mimes;
    }
    add_filter('upload_mimes', 'allow_svg_upload');

    // Opcjonalnie: Naprawa podglądu SVG w bibliotece mediów
    function fix_svg_thumb_display() {
        echo '<style>
            .attachment-266x266, .thumbnail img {
                width: 100% !important;
                height: auto !important;
            }
        </style>';
    }
    add_action('admin_head', 'fix_svg_thumb_display');

8. Sekcja z ogólną ofertą nieruchomości

9. Tworzymy katalog z ofertą

Stwórz nowy typ treści „Nieruchomość”
dodatkową kategorię „Kategorie nieruchomości”
Dodatkowe pola:
- Cena
- Liczba pokoi
- Powierzchnia domu
- Powierzchnia działki