Mythemeshop - Sensational isimli tema wordpress tabanlı sitemde kurulu. Siteyi yayına açmam için son bir kaç adım kalmıştı ki. %50 60lık bir css bilgimle çözüm üretemediğim bir sorunla karşılaştım. Kısaca anlatmak gerekirse resimde gösterdiğim alan da fa fa-facebook örneğin kod var kodu da paylaşacağım ben bu kodu style.css içinden kendi klasorlerimde bulunan kendi yüklediğim ikonlarla değiştirmek istiyorum. Mesela ben sabah gazetesine buton koyacağım o buton için sabah ikonunu düzenleyip sunucuma yükleyeceğim sadece ikonu nasıl çağıracağım yardımcı olursanız sevinirim.
Resim
style.css
/*-[ Social Profile Widget ]--------------------------*/
.social-profile-icons ul {
margin-left: -5px;
margin-right: -5px;
overflow: hidden;
}
.social-profile-icons ul li {
background: none;
border: none;
float: left;
list-style-type: none;
margin: 0 5px 10px 5px!important;
padding: 0 !important;
border: none !important;
}
#sidebar-left .social-profile-icons ul li {
width: auto;
margin: 0 4px 5px 4px!important;
}
.social-profile-icons ul li a {
width: 34.2px;
height: 34.2px;
display: block;
float: left;
border-radius: 3px;
text-align: center;
line-height: 34.2px;
color: #FFF!important;
transition: all .4s;
padding: 0;
}
.sidebar .social-profile-icons ul li a:hover {
color: #fff;
background: #666;
}
.sidebar .social-profile-icons ul li a { color: #fff }
.social-profile-icons ul li i {
font-size: 16px;
line-height: 32px;
}
.social-profile-icons .social-facebook a { background: #5d82d1 }
.social-profile-icons .social-twitter a { background: #40bff5 }
.social-profile-icons .social-instagram a { background: #91653f }
.social-profile-icons .social-youtube a { background: #c9322b }
.social-profile-icons .social-gplus a { background: #eb5e4c }
.social-profile-icons .social-fbgrubu a { background: #ef922f }
.social-profile-icons .social-bloomberg a { background: #35c6ea }
.social-profile-icons .social-ntveko a { background: #f7659c }
.social-profile-icons .social-ekodialog a { background: #426d9b }
.social-profile-icons .social-sabaheko a { background: #ff48a3 }
.social-profile-icons .social-hteko a { background: #e13138 }
.social-profile-icons .social-aaekonomi a { background: #238cc8 }
.social-profile-icons .social-onedio a { background: #b5a470 }
.social-profile-icons .social-mynet a { background: #1d90dd }
.social-profile-icons .social-pazarlamasyon a { background: #1879fd }
.social-profile-icons .social-bbceko a { background: #13c1f3 }
.social-profile-icons .social-bigpara a { background: #ff7e30 }
.social-profile-icons .social-ebakanlik a { background: #ff5c30 }
.social-profile-icons .social-capital a { background: #3476e4 }
.social-profile-icons .social-economist a { background: #0bbadf }
.social-profile-icons .social-forbes a { background: #ff4400 }
widget-social.php
class Social_Profile_Icons_Widget extends WP_Widget {
protected $defaults;
protected $sizes;
protected $profiles;
function __construct() {
$this->defaults = array(
'title' => '',
'new_window' => 0,
'size' => 32,
'facebook' => '',
'twitter' => '',
'instagram' => '',
'youtube' => '',
'gplus' => '',
'fbgrubu' => '',
'bloomberg' => '',
'ntveko' => '',
'ekodialog' => '',
'sabaheko' => '',
'hteko' => '',
'aaekonomi' => '',
'onedio' => '',
'mynet' => '',
'pazarlamasyon' => '',
'bbceko' => '',
'bigpara' => '',
'ebakanlik' => '',
'capital' => '',
'economist' => '',
'forbes' => '',
);
$this->sizes = array( '32' );
$this->profiles = array(
'facebook' => array(
'label' => __( 'Facebook URI', 'sensational' ),
'pattern' => '
),
'twitter' => array(
'label' => __( 'Twitter URI', 'sensational' ),
'pattern' => '
),
'instagram' => array(
'label' => __( 'Instagram URI', 'sensational' ),
'pattern' => '
),
'youtube' => array(
'label' => __( 'YouTube URI', 'sensational' ),
'pattern' => '
),
'gplus' => array(
'label' => __( 'Google+ URI', 'sensational' ),
'pattern' => '
),
'reddit' => array(
'label' => __( 'Reddit URI', 'sensational' ),
'pattern' => '
),
'pinterest' => array(
'label' => __( 'Pinterest URI', 'sensational' ),
'pattern' => '
),
'linkedin' => array(
'label' => __( 'Linkedin URI', 'sensational' ),
'pattern' => '
),
'soundcloud' => array(
'label' => __( 'Soundcloud URI', 'sensational' ),
'pattern' => '
),
'behance' => array(
'label' => __( 'Behance URI', 'sensational' ),
'pattern' => '
),
'flickr' => array(
'label' => __( 'Flickr URI', 'sensational' ),
'pattern' => '
),
'dribbble' => array(
'label' => __( 'Dribbble URI', 'sensational' ),
'pattern' => '
),
'github' => array(
'label' => __( 'GitHub URI', 'sensational' ),
'pattern' => '
),
'skype' => array(
'label' => __( 'Skype URI', 'sensational' ),
'pattern' => '
),
'stumbleupon' => array(
'label' => __( 'StumbleUpon URI', 'sensational' ),
'pattern' => '
),
'vimeo' => array(
'label' => __( 'Vimeo URI', 'sensational' ),
'pattern' => '
),
'dropbox' => array(
'label' => __( 'Dropbox URI', 'sensational' ),
'pattern' => '
),
'tumblr' => array(
'label' => __( 'Tumblr URI', 'sensational' ),
'pattern' => '
),
'email' => array(
'label' => __( 'Email URI', 'sensational' ),
'pattern' => '
),
'foursquare' => array(
'label' => __( 'FourSquare URI', 'sensational' ),
'pattern' => '
),
'rss' => array(
'label' => __( 'RSS URI', 'sensational' ),
'pattern' => '
