MegaLab.it


http://www.megalab.it/forum/

Aiuto per modificare tema wordpress

./viewtopic.php?f=7&t=67829&start=0

Pagina 1 di 2

Aiuto per modificare tema wordpress

MessaggioInviato: dom nov 07, 2010 1:19 pm
da Martina Stella
Ciao a tutti sto preparando un nuovo tema per il mio blog e vorrei effettuare alcune modifiche
qui potete vedere il tema come è ora(sito di prova): http://vampirelove.altervista.org/blog/

Le cose che vorrei fare sono principalmente due: inserire un immagine nella testata e unire le due sidebar laterali in una sola più larga. Qualcuno potrebbe gentilmente aiutarmi?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: dom nov 07, 2010 9:07 pm
da Martina Stella
Ho risolto con la sidebar ora vorrei inserire un'immagine nella testata nel tema che non la prevede di suo. Come devo muovermi? Cioè carico l'immagine nella cartella del tema e poi come la richiamo in header.php? E nel CSS come la definisco, tenendo presente che la vorrei in posizione centrata, dove ora c'è il titolo del sito?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: dom nov 07, 2010 11:34 pm
da Andy94
Posta il contenuto del file header.php all'interno del tag MEMO che poi vediamo come muoverci.

Tu hai detto che vuoi metterla al posto del titolo, dico bene?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: lun nov 08, 2010 5:33 pm
da Martina Stella
Si esatto e vorrei fosse cliccabile, cioè che riporti alla home.

<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<title><?php wp_title( '|', true, 'right' ); ?> </title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/glide.css" media="screen" />

<?php
wp_enqueue_script('jquery');
wp_enqueue_script('cufon', get_stylesheet_directory_uri() . '/js/cufon.js');
wp_enqueue_script('Rockwell', get_stylesheet_directory_uri() . '/js/Rockwell_Std_300.font.js');
wp_enqueue_script('scroll', get_stylesheet_directory_uri() .'/js/scroll.js');
wp_enqueue_script('mousewheel', get_stylesheet_directory_uri() .'/js/mousewheel.js');
wp_enqueue_script('Effects', get_stylesheet_directory_uri() .'/js/effects.js');
wp_enqueue_script('sprinkle', get_stylesheet_directory_uri() .'/js/sprinkle.js');
wp_enqueue_script('jquery-ui-personalized-1.5.2.packed', get_stylesheet_directory_uri() .'/js/jquery-ui-personalized-1.5.2.packed.js');
?>

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls1 = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php
if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
wp_head(); ?>

</head>
<body>
<div id="wrapper">
<div id='topbar'>
<?php wp_nav_menu( array( 'container_id' => 'catmenu', 'fallback_cb'=> '','theme_location' => 'primary' ) ); ?>

</div>
<div id="top">



<div class="blogname">
<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>


<?php include (TEMPLATEPATH . '/topad.php'); ?>


</div>
<div class="clear"></div>

<div id="foxmenucontainer">
<?php wp_nav_menu( array( 'container_id' => 'menu', 'fallback_cb'=> '','theme_location' => 'secondary' ) ); ?>


<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<?php if (is_front_page()) { ?>
<div id="slidearea">
<?php include (TEMPLATEPATH . '/tab.php'); ?>
</div>
<?php } ?>

Grazie mille del tuo aiuto!

Re: Aiuto per modificare tema wordpress

MessaggioInviato: lun nov 08, 2010 5:42 pm
da Andy94
Devi sostituire queste righe (salva il file originale da qualche parte, così che non ci siano problemi a ripristinarlo in caso di anomalie in futuro):
Codice: Seleziona tutto
<div class="blogname">
<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

Con l'immagine che vuoi visualizzare (tieni il div blogname, ed inserisci l'immagine lì dentro).

Re: Aiuto per modificare tema wordpress

MessaggioInviato: lun nov 08, 2010 5:59 pm
da Martina Stella
Quindi se ho ben capito

Codice: Seleziona tutto
<div class="blogname">
<img class="alignnone" src="http://img686.imageshack.us/img686/5091/qzlawk1287761713.jpg" alt="" width="237" height="300" />
</div>


Ho messo l'url di un immagine a caso, tanto per fare un esempio. Nel CSS non devo modificare nulla? [grazie]

Re: Aiuto per modificare tema wordpress

MessaggioInviato: lun nov 08, 2010 8:06 pm
da Andy94
Uhm, l'immagine che saresti intenzionata ad inserire ha quelle dimensioni?
Nel qual caso, ti consiglierei di cambiarla. Come vedi, nella testata del blog c'è quella parte di sfondo "con dei sassetti", leggermente più chiara, all'interno della quale c'era il nome in precedenza. Ora, non puoi modificarne l'altezza perché fa appunto parte dello sfondo, e quindi un'immagine con quelle dimensioni stona (è comunque un parere personale, poi vedi tu).

Sarebbe meglio procedere quando hai perlomeno le dimensioni dell'immagine definitiva, in modo da finalizzare il lavoro (applicare la centratura, inserire il link, modifiche eventuali al CSS, ecc.).

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 3:16 pm
da Martina Stella
L'immagine definitiva avrà dimensioni 1000 x 350 (o per 400) ed è quella visibile ora sul sito.
http://vampirelove.altervista.org/blog/

però vedo che non viene perfettamente centrata
per quanto riguarda la parte più chiara sì la vedo ma non posso inserire un'immagine delle dimensione di quello spazio perché sarebbe troppo piccola. Secondo te comunque non c'è proprio modo di toglierla?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 4:47 pm
da Andy94
La parte più chiara c'è sicuramente modo di toglierla, agendo tramite il CSS.
Localizzi questa riga (è una regola che trovi nel selettore body)
Codice: Seleziona tutto
background:url("images/body.png") repeat-x scroll 0 0 #020B0F;

E la modifichi in
Codice: Seleziona tutto
background-color: #020B0F;


Per quanto riguarda l'immagine che vuoi utilizzare come logo, procediamo in questo modo.
- Rimuovi l'intero div blogname, e lascia che l'immagine sia semplicemente dentro al div con id top.
- Nei CSS, all'interno del selettore #top, localizza la riga
Codice: Seleziona tutto
height:138px;

e rimuovila.
- Se poi vuoi inserire il link che rimanda all'homepage, semplicemente racchiudi l'immagine all'interno di un tag A.

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 6:47 pm
da Martina Stella
Scusa l'ignoranza. Al momento io ho inserito in header.php queste righe

Codice: Seleziona tutto
<div class="blogname">
<img class="alignnone" src="http://www.tuttowebmaster.it/imgs/0.545065913655893-40.jpg" />
</div>


Intendi questo per "- Rimuovi l'intero div blogname, e lascia che l'immagine sia semplicemente dentro al div con id top."?

E per quanto riguarda il fatto che l'immagine non è centrata, ma almeno a me sembra spostata leggermente a destra? Grazie mille ancora

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 7:05 pm
da Andy94
Prendendo come esempio le righe che hai postato sopra, devi rimuovere:
<div class="blogname">
e
</div>

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 7:42 pm
da Martina Stella
Fatto tutto quello che mi hai detto, come puoi vedere
http://vampirelove.altervista.org/blog/

Adesso tra l'immagine e il menù c'è uno spazio che vorrei togliere, o meglio ridurre. Poi in basso a destra dell'immagine è comparso un quadratino marrone che non so da dove venga. [uhm]

Come vedi ho tolto la parte chiara. Se posso chiederti un'alta cosa: vorrei differenziare la striscia dove compaiono i nomi delle pagine, quella che sta sopra a tutto per capirci, magari con un colore più scuro? Si può? Grazie infinite, ma proprio infinite!

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 8:03 pm
da Andy94
Per centrare l'immagine ti conviene togliere dal selettore .alignnone la regola padding: 5px. Riducendo il margin (dove vedi scritto 10px), rimuoverai parte dello spazio.

Ti chiedo invece di spiegarmi dove vedi il quadratino marrone...? Magari con uno screen, così capisco cosa intendi [^]

Quanto alla striscia, si può. Devi aggiungere la regola background-color al selettore #catmenu ul.

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mar nov 09, 2010 10:04 pm
da Martina Stella
Grazie della risposta, esaustiva e puntuale come sempre!

Per quanto riguarda il quadratino che vedo, eccolo:
Immagine

Si trova tra l'immagine e il menù, in basso a destra. Cosa può essere?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 7:00 am
da Andy94
È il div con class .topad. Si vede solo con Internet Explorer (io non lo vedo con Firefox, non so con gli altri browser).
Per rimuoverlo, inserisci nel selettore .topad la regola display: none.

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 2:47 pm
da Martina Stella
Andy94 ha scritto:È il div con class .topad. Si vede solo con Internet Explorer (io non lo vedo con Firefox, non so con gli altri browser).
Per rimuoverlo, inserisci nel selettore .topad la regola display: none.


Grazie, io in realtà lo vedo anche con Firefox

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 3:09 pm
da Andy94
Io no [acc2]

Sei comunque riuscita a rimuoverlo con l'indicazione che ti ho fornito?

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 3:59 pm
da Martina Stella
Andy94 ha scritto:Sei comunque riuscita a rimuoverlo con l'indicazione che ti ho fornito?

Sì, resta il problema dell'immagine che non è centrata, ma spostata verso destra

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 4:33 pm
da Andy94
Ho notato che l'hai reinserita dentro al div blogname... In questo caso è ovviamente spostata a destra.

Re: Aiuto per modificare tema wordpress

MessaggioInviato: mer nov 10, 2010 5:11 pm
da Martina Stella
Ops avevo sovrascritto il vecchio file, ora mi sembra meglio

http://vampirelove.altervista.org/blog/
l'immagine la vedi centrata?
Tutti gli orari sono UTC + 1 ora [ ora legale ]
Pagina 1 di 2
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/