De curand am avut de a face cu inregistrarea unui nou Widgets sau mai bine zis adaugarea unui nou widget intr-o tema wordpress Link si in acest tutorial as vrea sa va arat cum se face,sau ma rog cum am facut eu.Am inregistrat 5 in tema dar in tutorial o sa arat doar 4 cred ca sunt suficiente.
1.Primul lucru este inregistrare in functions.php al temei a codului php.
//sidebar top 1
register_sidebar(array(
'name' => __( 'Widget-top 1'),
'id' => 'top-one',
'description' => __( 'Widgets top' ),
'before_widget' => '
',
'before_title' => '
',
'after_title' => '
',
));
//sidebar top 2
register_sidebar(array(
'name' => __( 'Widget-top 2'),
'id' => 'top-two',
'description' => __( 'Widgets top' ),
'before_widget' => '
',
'before_title' => '
',
'after_title' => '
'
));
//sidebar top 3
register_sidebar(array(
'name' => __( 'Widget-top 3'),
'id' => 'top-three',
'description' => __( 'Widgets top' ),
'before_widget' => '
',
'before_title' => '
',
'after_title' => '
',
));
//sidebar top 4
register_sidebar(array(
'name' => __( 'Widget-top 4'),
'id' => 'top-four',
'description' => __( 'Widgets top' ),
'before_widget' => '
',
'before_title' => '
',
'after_title' => '
',
));
2.In partea de sus header.php se introduce acest cod dupa codurile pentru meniu indetificatiile in tema.
3.Codul pentru stilul divurilor in style.css
/* Footer-widget ---------------------------------------*/
#top-widget {
list-style:none;
overflow: hidden;
height:100%;
width:940px;
background:transparent;
padding-top:20px;
margin-left:65px;
margin-bottom:30px;
}
h4 {
text-transform:uppercase;
background:#333;
font-weight: normal;
text-align: center;
clear: both;
padding:5px;
color: #fff;
font-size: 15px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#top-widget ul {
width: 100%;
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#top-widget li {
line-height:20px;
margin-left:3px;
float:left;
width:200px;
padding:3px;
color:red;
text-decoration:none;
font-size:13px;
font-family: verdana, monospace, arial;
color:#333;
letter-spacing:-1px;
}
#top-widget li a{
color:#222;
}
#top-widget li a:hover {
color: red;
}
Sper sa va ajute daca doriti inregistrarea in tema voastra a unor noi widgeturi.La fel codurile se pot si in footer.php
Foarte util pentru cei care vor învețe cum să-și codeze siguri o temă de WP.