Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

Aiuto per modificare tema wordpress

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Aiuto per modificare tema wordpress

Messaggioda Martina Stella » dom nov 07, 2010 1:19 pm

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?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » dom nov 07, 2010 9:07 pm

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?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » dom nov 07, 2010 11:34 pm

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?
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm


Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » lun nov 08, 2010 5:33 pm

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!
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » lun nov 08, 2010 5:42 pm

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).
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » lun nov 08, 2010 5:59 pm

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]
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » lun nov 08, 2010 8:06 pm

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.).
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mar nov 09, 2010 3:16 pm

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?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mar nov 09, 2010 4:47 pm

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.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mar nov 09, 2010 6:47 pm

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
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mar nov 09, 2010 7:05 pm

Prendendo come esempio le righe che hai postato sopra, devi rimuovere:
<div class="blogname">
e
</div>
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mar nov 09, 2010 7:42 pm

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!
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mar nov 09, 2010 8:03 pm

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.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mar nov 09, 2010 10:04 pm

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?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mer nov 10, 2010 7:00 am

È 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.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mer nov 10, 2010 2:47 pm

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
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mer nov 10, 2010 3:09 pm

Io no [acc2]

Sei comunque riuscita a rimuoverlo con l'indicazione che ti ho fornito?
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mer nov 10, 2010 3:59 pm

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
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Aiuto per modificare tema wordpress

Messaggioda Andy94 » mer nov 10, 2010 4:33 pm

Ho notato che l'hai reinserita dentro al div blogname... In questo caso è ovviamente spostata a destra.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Aiuto per modificare tema wordpress

Messaggioda Martina Stella » mer nov 10, 2010 5:11 pm

Ops avevo sovrascritto il vecchio file, ora mi sembra meglio

http://vampirelove.altervista.org/blog/
l'immagine la vedi centrata?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Prossimo

Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising