- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Logo personalizzato
-
@Syst3m Crash3r said:
Come posso fare per mettere un logo personalizzato sul mio blog? Qual è il modo più semplice per modificare il tema corrente per aggiungere l'immagine? Vorrei evitare di fare modifiche troppo invasive... :():
posto che io creda tu voglia metterlo nell parte in alto del blog, non devi far altro che editare il file header.php nella directory del tema che stai usando aggiungendo il coidce html per mostrarlo.
-
@gh3 said:
posto che io creda tu voglia metterlo nell parte in alto del blog, non devi far altro che editare il file header.php nella directory del tema che stai usando aggiungendo il coidce html per mostrarlo.
Innanzitutto, scusami se non ho risposto prima. :bho:
In effetti ho provato a fare quello che mi hai suggerito, ma è meno facile di quel che credessi. Posto qui parte del codice della pagina per farmi aiutare meglio:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php if(is_home()) { echo bloginfo('name'); } else { wp_title(''); } ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" /> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" /> <!-- Sidebar docking boxes (dbx) by Brothercake - http://www.brothercake.com/ --> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/dbx.js"></script> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/dbx-key.js"></script> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/dbx.css" media="screen, projection" /> <!--[if lt IE 7]> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ie-gif.css" type="text/css" /> <![endif]--> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_head(); ?> </head> <body> <div id="page"> <div id="wrapper"> ** <div id="header"> <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div> <?php include (TEMPLATEPATH . '/searchform.php'); ?> </div><!-- /header -->** <div id="left-col"> <div id="nav"> <ul> <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li> <li><a href="http://syst3mcrash3r.altervista.org/techforum/" title="Inforum" target="_blank">Forum</a></li> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?> </ul> </div><!-- /nav --> <?php /* Menu for subpages of current page (thanks to K2 theme for this code) */ global $notfound; if (is_page() and ($notfound != '1')) { $current_page = $post->ID; while($current_page) { $page_query = $wpdb->get_row("SELECT ID, post_title, post_status, post_parent FROM $wpdb->posts WHERE ID = '$current_page'"); $current_page = $page_query->post_parent; } $parent_id = $page_query->ID; $parent_title = $page_query->post_title; // if ($wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_parent = '$parent_id' AND post_status != 'attachment'")) { if ($wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_parent = '$parent_id' AND post_type != 'attachment'")) { ?> <div id="subnav"> <ul> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=&child_of='. $parent_id); ?> </ul> </div><!-- /sub nav --> <?php } } ?> ```Credo che il punto da modificare sia la sezione evidenziata in grassetto: mi potresti spiegare come dovrei modificarla per aggiungere un'immagine? Io ci ho provato, ma il logo e le scritte si sovrappongono... :?
-
inserisci l'immagine prima del tag <h1>
-
@gh3 said:
inserisci l'immagine prima del tag <h1>
Ci ho provato, ma questo è il risultato:
Qualche idea? :():
-
devi modificare i css per sistemare le distanze.
il file è style.css
per sistemare il tutto cerca questa voce:
[html]
h1 {
position: absolute;
top: 40px;
left: 25px;[/html]e aggiungi al 25 di left, la larghezza dell'immagine.
Stessa cosa dovrai farla per:
[html]
.description {
position: absolute;
top: 77px;
left: 25px;
[/html]Anche qui metti la somma della larghezza dell'immagine al 25 di base e dovrebbe essere ttutto ok
-
Ok, ho applicato i tuoi suggerimenti ed ho risolto il problema! Grazie gh3! :0007037:
-
dovere
-
@gh3 said:
dovere
Ehm, però penso di aver bisogno di consigli e suggerimenti per creare un logo adatto e "fresco". Guarda quello attuale per farti un'idea...
-
la grafica non è il mio campo purtroppo
questa volta mi sa che non posso esserti utile...
-
@gh3 said:
la grafica non è il mio campo purtroppo
questa volta mi sa che non posso esserti utile...Okay, ti ringrazio lo stesso. Spero che qualcun altro possa darmi dei suggerimenti o degli spunti originali...
Scusami per non averti risposto subito.