Supporto » Aspetto = Temi » Tema First – Immagine Header con URL

  • Ciao a tutti. Dopo tanta ricerca ho trovato un tema da installare con wordpress, ovvero:

    First

    Come vedete dall’anteprima, c’è un immagine nell’header.
    Il problema è che vorrei che quell’immagine fosse cliccabile.

    Come posso fare?

    Credo che io debba modificare il file header.php del tema, ma non so dove mettere mani.

    Grazie e buona domenica 🙂

Stai visualizzando 7 risposte - dal 1 al 7 (di 7 totali)
  • Moderatore Guido Scialfa

    (@wido)

    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>
    
    Chi ha creato la discussione alibabaa

    (@alibabaa)

    Ciao Guido.
    Ho seguito la guida.
    Ho creato la cartella first-child in wp-content/themes.
    Ho inserito all’interno il file style.css, functions.php (con all’interno il codice descritto dalla guida) ed il file header.php (quest’ultimo con la modifica che mi hai descritto tu).
    Sono andato nel pannello d’amministrazione e ho scelto come tema “first-child” e ho inserito l’immagine di testata, ma purtroppo se clicco sull’immagine mi porta alla home del mio blog e invece io ho inserito (come prova) l’indirizzo di google.

    Come mai?

    Moderatore Guido Scialfa

    (@wido)

    Hai inserito correttamente l’indirizzo compreso di http[s]:// ?

    Si può vedere la porzione di html modificata?

    Chi ha creato la discussione alibabaa

    (@alibabaa)

    <a href="<?php http://google.it ?>">
        <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">

    Così 🙂

    Moderatore Guido Scialfa

    (@wido)

    Ah ecco perchè. Hai scritto male il valore dell’attributo.

    <?php http://google.it ?> deve essere privo di <?php e ?> quelli servono per entrare nella modalità php. Inserisci olo la url come il normalissimo valore html.

    A meno che tu non debba eseguire codice non vanno aggiunti. Io li ho messi pensando avessi voluto richiamare proprio la homepage tramite php.

    • Questa risposta è stata modificata 6 anni, 6 mesi fa da Guido Scialfa.
    Chi ha creato la discussione alibabaa

    (@alibabaa)

    Perfetto. Risolto!
    Ho due domandine rileggendo la guida:
    1) nel file “style.css” va bene se è inserito solo questo?

    /*
    Theme Name:     First Child
    Template:       first
    */

    2) e nel file “functions.php”? io ho messo solo questo

    <?php
    
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
    function enqueue_parent_theme_style() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }

    Chiedo perchè nella guida spiega delle cose che sinceramente non ho capito molto!

    Grazie mille 🙂

    • Questa risposta è stata modificata 6 anni, 6 mesi fa da alibabaa.
    Moderatore Guido Scialfa

    (@wido)

    Va benissimo lo style.css, importante abbia un nome ed un template di riferimento.

    Riguardo al file functions.php, ricorda di caricare anche lo style del child, altrimenti se inserisci regole non verranno considerate.

    • Questa risposta è stata modificata 6 anni, 6 mesi fa da Guido Scialfa.
Stai visualizzando 7 risposte - dal 1 al 7 (di 7 totali)
  • Il topic ‘Tema First – Immagine Header con URL’ è chiuso a nuove risposte.