Visualizzazione risultati 1 fino 4 di 4

Discussione: Aggiungere un'immagine in SideBar o in testata

  1. #1
    Guest

    Predefinito Aggiungere un'immagine in SideBar o in testata

    Ciao,
    come posso aggiungere un'immagine (semplice JPEG) nella side bar di destra o al più nella testata accanto al titolo / slogan del sito? Grazie!
    Fabio

  2. #2
    Guest

    Predefinito

    Per aggiungere un'immagine nella sidebar, entra nel Pannello amministrativo > Aspetto > Widget ed inserisci un widget di testo con l'immagine in HTML:
    Codice HTML:
    <img src="logo.png" alt="Titolo immagine" />
    Per aggiungere un logo, dato che il tuo tema è TwentyEleven, vai su Pannello > Aspetto > Editor > header.php (testata) e cerca:
    Codice PHP:
    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    Accanto, od al suo posto, potresti inserire questo codice:
    Codice PHP:
    <img id="logo" src="logo.png" alt="" />
    e poi vai sul file style.css ed aggiungi delle regole, per esempio:
    Codice HTML:
    #logo {
    float:left;
    margin:20px;
    }

  3. #3
    Guest

    Predefinito

    Grazie per la risposta... veloce e dettagliata..
    Purtroppo però mi manca un passaggio... scusa ma su questi argomenti non sono proprio al massimo della preparazione!

    Prima di inserire le stringhe che mi hai indicato (in side bar o testata in funzione di dove lo voglio posizionare), l'immagine deve essere uplodata da qualche parte, devo esplicitare nella stringa il percorso dove si trova, cosa devo fare al file?

    Grazie ancora e buona giornata

  4. #4
    Guest

    Predefinito

    Riprendo questo post avendo praticamente lo stesso tipo di problema. Il mio obiettivo è sostituire il titolo del sito (http://www.ilpaddockdellaf1.com) con un logo. Il tema che uso è Woo Theme su Wordpress.
    La parte di codice che richiama la stampa del titolo è:
    Codice PHP:
    <div id="header" class="col-full">

    <div id="logo">

    <?php if (get_option('woo_texttitle') <> "true") : $logo = get_option('woo_logo'); ?>
    <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">
    <img src="<?php if ($logo) echo $logo; else { bloginfo('template_directory'); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" />
    </a>
    <?php endif; ?>

    <?php if( is_singular() ) : ?>
    <span class="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></span>
    <?php else : ?>
    <h1 class="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <?php endif; ?>
    <span class="site-description"><?php bloginfo('description'); ?></span>

    </div><!-- /#logo -->

    </div><!-- /#header -->
    mentre quella del foglio di stile relativa all'Header è questa:

    Codice HTML:
    /* 2.3 Header */
    #header{padding:30px 0 30px;clear:both;position:relative;}
    #logo  { float:left; line-height: 0; }
    #logo img  {}
    #logo .site-title, #logo .site-description  { color: #000; display:none;  }
    #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
    #logo .site-title a:hover { text-decoration:underline; }
    #logo .site-description { color:#999; }
    Credo di dover cambiare qualche riga in entrambi i file, qualcuno con più esperienza a riguardo può darmi una mano?

    Grazie in anticipo =)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •