DA ZERO A WP - Impara ad utilizzare Wordpress partendo da zero fino a realizzare un sito completo

Il CSS (Cascading Style Sheets) è un linguaggio “foglio di stile” utilizzato per creare l’aspetto visivo del sito. Tramite CSS i vari elementi che compongono un sito vengono posizionati e formattati.

Ogni tema WordPress possiede un file style.css che è essenziale per il suo funzionamento perchè contiene le regole che indicano a WP come si chiama il tema e altre informazioni. Senza di esso il tema non può funzionare.

/*
Theme Name: Twenty Twenty
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

In realtà il file style.css ha solo questo scopo. Generalmente il css vero e proprio è contenuto in un altro file che viene poi caricato tramite functions.php.

Il CSS può essere caricato in 3 modi in un sito web.

Il più utilizzato è il CSS esterno. Esso viene caricato tramite un link nell’header.

<link rel="stylesheet" href="mystyle.css">

Capita spesso di trovare anche un CSS in linea, regole inserite direttamente nel tag html di riferimento tramite l’attributo style.

<h1 style="color:blue;text-align:center;">This is a heading</h1>

Infine è possibile trovare del CSS interno, inserito all’interno della pagina tramite i tag <style></style>

<style>
body {
  background-color: linen;
}

h1 {
  color: maroon;
  margin-left: 40px;
}
</style>

Francesco Tonti - Programmatore Web Wordpress, Marketer, creatore di Da Zero a WP, Egogea e Amministratore Digitale

Francesco Tonti

Fondatore di Da Zero a WP, Imprenditore, Programmatore, Autore

Sono un imprenditore e programmatore che lavora con Wordpress da oltre 10 anni. Ho creato questa piattaforma per aiutarti ad utilizzarlo al meglio, anche se parti da zero, per realizzare qualsiasi cosa tu voglia.