Guido Scialfa

Scusate se mi intrometto, credo che per iniziare sia meglio dare una lettura al codex di wordpress se non hai esperienza nella creazione di custom post-types, enqueue degli scripts/css e creazione di templates.

Partirei quindi al dare una lettura ad i seguenti articoli, sperando che ti rendano più comprensibile eventuali altri tutorials in rete.

Custom Post Type
Per la registrazione dei custom post types.
https://codex.wordpress.org/Post_Types

Enqueue Scripts/Styles
Per la registrazione e l’enqueue degli scripts e degli stili.
https://codex.wordpress.org/Function_Reference/wp_enqueue_script

Shortcodes
Per l’aggiunta e la creazione della funzione per gli shortcodes
https://codex.wordpress.org/Shortcode_API

Da tenere in conto che wordpress mette a disposizione un file interno al tema denominato functions.php e come dice bene @cristiano.zanca ti conviene creare un child theme così da poter customizzare ed aggiungere funzionalità senza dover intaccare il tema originale, a meno che tu non lo stia scrivendo di tuo pugno.

Tornando al file functions.php è il file deputato da wordpress per inserire tutte le porzioni di codice aggiuntivo, quindi puoi volendo inserire tutto il codice per la creazione di un custom post type, enqueue degli scripts/css e shortcodes direttamente al suo interno.

In generale si spezza il codice in files separati per poterli gestire meglio ma pian piano ti sarà più chiaro.

Ciao @alibabaa,

Hai ragione devi modificare il file header.php del tema, ma sarebbe ancor meglio creare un child theme così che le tue modifiche non intacchino il tema e tu in futuro possa aggiornarlo.

Per creare un child theme vedi questa guida https://codex.wordpress.org/Child_Themes dopo di che copia il file first/header.php all’interno del nuovo child e modifica la riga 70 dove trovi

<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">

in

<a href="<?php /* dove vuoi che punti il link */ ?>">
    <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">
</a>

Te l’ho scritto sopra, se usi <span> che è un elemento in linea il testo non va a capo per cui ti ho aggiunto il css.

Non conosco il tema ma se ti è permesso di inserire html all’interno di quell’area di testo potresti fare in questo modo.

HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>

E nello stile css:

.intro-text span { display : block; }

E modifichi le dimensioni del testo per essere uguali a quelle di h1. Non so se ha opzioni.

Usando il tag <div> il testo va a capo perchè div è un elemento blocco ma non dovrebbe contenere direttamente del testo dato che il tag è un divisore generico di contenuti.

Per il css devi agire manualmente mettendo mano al file style.css o eventualmente campo custom css del tema se ne mette uno a disposizione.

    text-align: center;
    color: #FFF;
    line-height: 65px;
    z-index: 0;
    text-transform: uppercase;
    font-size: 55px;

Quello sopra è lo stile che il tema associa a .intro-text, se nel tuo css lo usi per il tag span includendo la proprietà display con valore block ottieni quello che ti serve. Di seguito il css

.intro-text span {
    text-align: center;
    color: #FFF;
    line-height: 65px;
    display: block; /* Considera il tag span come fosse di tipo blocco */
    z-index: 0;
    text-transform: uppercase;
    font-size: 55px;
}

Consiglio
Se devi modificare il file style.css del tema allora crea un tema child onde evitare di perdere modifiche con gli aggiornamenti del tema.

• Questa risposta è stata modificata 7 anni, 10 mesi fa da Guido Scialfa. Motivo: bad closing tag

È possibile che il tema effettui uno strip dei tags, anche se dal css vedevo che per lo span interno a quell’h1 ci stavano delle regole, quindi credo che lo prenda.

È anche probabile che usi htmlentities in quel caso controlla da ispeziona elemento o dal sorgente che è meglio l’output.

Ciao @david89800,

È molto strano, assicurati innanzitutto che il problema non dipenda da qualche plugin, perciò disabilitali e ricontrolla che il problema non si verifichi, in quel caso riattiva i plugins uno per uno per sapere qualche causa il problema.

Ciao @rosabifulco23 di che tema si tratta?

Avere informazioni e magari anche un link per poter visionare il sorgente del tema potrebbe aiutarci a darti un aiuto.

Prova ad aggiornare la versione di wp alla 4.4.1, sembra ci fosse un problema con i certificati ssl. Di seguito la discussione https://core.trac.wordpress.org/ticket/34935