Di seguito, una guida per i primi passi per costruire un tema WordPress, utilizzando Bootstrap. la creazione iniziale di un tema di Wordpress richiede i seguenti files

• style.css
• functions.php
• index.php o page.php
• header.php, footer.php, sidebar.php (opzionale)

Richiede inoltre una immagine (simbolo del tema ) screenshot.png

Files e immagine dovranno essere inseriti in una cartella il cui nome è quello del tema
La cartella (nome del tema ) dovra' essere inserita in wp-content/themes (cioe nella cartella che contiene tutti i temi )

Il tema andrà poi attivato attraverso il backend (voce temi)

File style.css

Il file `style.css` contiene le informazioni sul tema, inclusi i dettagli sul nome, l'autore, la versione e gli stili del tema.

/* codice commentato */
/*
Theme Name: Nome Del Tuo Tema
Author: Tuo Nome
Version: 1.0
Description: Una breve descrizione del tuo tema.
*/

functions.php

Il file functions.php serve a aggiungere funzionalità al tema.
Puoi anche utilizzarlo per includere i file CSS e JS necessari.
Ad esempio, per integrare Bootstrap, puoi utilizzare la CDN (Content Delivery Network) aggiungendo il seguente codice in `functions.php`.

function fogli_stile()
{
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_style('font', 'https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,200&display=swap');
    wp_enqueue_style('bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css');
    wp_enqueue_script('bootstrapjs', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js');
}

add_action('wp_enqueue_scripts', 'fogli_stile');

Creazione di page.php

Il file page.php è utilizzato per visualizzare pagine create nel back end .
Un esempio.

<?php get_header();>

<div class="container mt-4">
    <div class="row">
        <div class="col-md-8">
        
            <?php
            if (have_posts()) :
                while (have_posts()) : the_post();
                    ?>
                    <article <?php post_class(); ?>
                    <h1><?php the_title(); ?></h1>
                    <div class="entry-content">
                        <?php the_content(); ?>
                        </div>
                    </article>
                    <?php
                endwhile;
            else :
                echo 'Nessun contenuto trovato.';
            endif;
?>
</div>
        <div class="col-md-4">
            <?php get_sidebar(); ?>
            </div>
        </div>
</div>

<?php get_footer(); ?>

Creazione della Pagina Principale (home.php o index.php)

Il file home.php o index.php è utilizzato per visualizzare la pagina principale degli articoli.

<?php get_header(); ?>

<div class="container mt-4">
    <div class="row">
        <div class="col-md-8">
            <?php
if (have_posts()) :
    while (have_posts()) : the_post();
        ?>
        <article <?php post_class(); ?>>
        <h2><<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
            <div class="entry-content">
                <?php the_excerpt(); ?>
                   </div>
                   </article>
                   <?php
    endwhile;
else :
    echo 'Nessun contenuto trovato.';
endif;
?>
    </div>
         <div class="col-md-4">
            <?php get_sidebar(); ?>
        </div>
    </div>
</div>

<?php get_footer(); ?>

Questo è solo un punto di partenza.
Puoi espandere e personalizzare ulteriormente il tema, utilizzando

• Gerarchia di WP
• WP_Query()
• Shtortcode
• menu.php

Che sono già stati discussi o verranno negli articoli

Nel download un esempio di un tema per iniziare