• Здравствуйте, скачал интересную
    тему
    Помогите разобраться с иконками соц. сетей, я не понимаю как они сделаны, допустим хочу вместо твиттера или чего-нибудь другого поставить значок ВК.
    Имеется файл
    social-bar.php
    и файл style.css
    Ссылки в этот соц бар можно вставлять из «опции темы»

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • иконки взяты из шрифта, могу предположить что это Фонт Авесоме

    Спасибо за ответ, я уже все узнал)
    Это шрифты genericons

    А можно тогда рассказать всем? У меня в теме та же фигня. зарубежом вот не знают о вконтакте. А он нужен. Как поменять иконки и убрать ненужные?

    У меня прям в самой теме можно вставлять ссылки и когда ссылка не стоит, то и сама иконка не появляется. На самом деле я не разобрался где эти иконки в шаблоне вставлены, чтоб через код их убирать.
    Что именно вам рассказать?
    У меня в директории с темой есть файлик social-bar.php в котором описываются эти иконки, в этом файле я изменил один из ненужных мне значков и переименовал на вк

    <?php if( get_theme_mod( 'hide_social' ) == '') { ?>
    	<div id="socialbar">
    		<?php $options = get_theme_mods();
    		echo '<div id="social-icons">';
    		if (!empty($options['twitter_uid'])) echo '<a title="Twitter" href="' . $options['twitter_uid'] . '" target="_blank"><div id="twitter" class="genericon"></div></a>';
    		if (!empty($options['facebook_uid'])) echo '<a title="Facebook" href="' . $options['facebook_uid'] . '" target="_blank"><div id="facebook" class="genericon"></div></a>';
    		if (!empty($options['google_uid'])) echo '<a title="Google+" href="' . $options['google_uid'] . '" target="_blank"><div id="google" class="genericon"></div></a>';
    		if (!empty($options['linkedin_uid'])) echo '<a title="Linkedin" href="' . $options['linkedin_uid'] . '" target="_blank"><div id="linkedin" class="genericon"></div></a>';
    		<ol>
    if (!empty($options['vkcom_uid'])) echo '<a title="ВКонтакте" href="' . $options['vkcom_uid'] . '" target="_blank"><div id="vkcom" class="genericon";</ol>
    
    </div></a>';
    		if (!empty($options['flickr_uid'])) echo '<a title="Flickr" href="' . $options['flickr_uid'] . '" target="_blank"><div id="flickr" class="genericon"></div></a>';
    		if (!empty($options['youtube_uid'])) echo '<a title="Youtube" href="' . $options['youtube_uid'] . '" target="_blank"><div id="youtube" class="genericon"></div></a>';
    		if (!empty($options['rss_uid'])) echo '<a title="RSS" href="' . $options['rss_uid'] . '" target="_blank"><div id="rss" class="genericon"></div></a>';		
    
    		echo '</div>'
    		?>
    	</div>
    <?php } ?>

    затем в style.css
    #vkcom:before { content: '\f471'; }
    и

    #vkcom:before {
    	font-size: 1.34em;
    	top: 9px;
    	left: 9px;
    	position: absolute;
    }
    
    #vkcom:hover {
    	color: #5B7FA6;
    }

    Для значка ВК я взял из genericons значок жирного шрифта «Bold»
    для wordpress есть плагин Genericon’d
    К слову, у меня не отображаются иконки соц сетей после моих изменений без этого плагина
    Если есть еще вопросы задавайте попытаюсь помочь

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Social bar» закрыта для новых ответов.