• Создаю себе сайт. Тему использую iFeature. Эта тема предлагает добавить следующие социальные кнопки: facebook, youtube, twitter, и так далее, но кнопки vkontakte там нет! Как мне её внедрить на верхнюю панель сайта?
    http://flair-therapy.com/
    Друзья, помогите мне пожалуйста

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • кнопки vkontakte там нет! Как мне её внедрить на верхнюю панель сайта?

    1.Соединиться с сайтом по FTP
    2. Найти картинки соц. сетей. которые выводит тема. Они должны находиться по адресу: корень сайта/themes/ваша тема/images

    3. Скачивает на компьютер картинку какой-нибудь неиспользуемой зарубежной соц. сети. Например Фликр. (Или любую другую)
    Смотрим что это за картинка -её формат, размер.
    4. Ищем в и-те картинку символ соц сети ВК. Она должна быть такого же формата (скорее всего это наверное PNG) тоже круглая и максимально приближенного размера.При необходимости подгоняем размер под необходимый в графическом редакторе. Переименовываем картинку ВК точно также как назвается картинка ненужной соц сети. (её потом можно удалить)

    5.Закачиваем переименованную картинку ВК обратно на хостинг. Она заменит картинку фликра.
    6. Затем в настройках соц сетей в графе того фликра пишем адрес своего ВК и сохраняем. Вместо картинки фликра появится картинка ВК со ссылкой на ваш профиль.

    Вот правильный путь корень сайта/wp-content/themes/ваша тема/images

    Это способ мне знаком по замене значков. Как-то даже приходилось уже менять слайды с помощью FileZilla. НО самое интересное то, что я пытаюсь найти путь этих значков через firebug, а путь не указывается.
    Пытался даже в ручную найти в папке themes/ifeature, но их нигде НЕТ!(

    Когда ищу через Firebug путь, то вместо пути показывается вот эта каша:

    Видимо в настройках темы не предусмотрены данные изменения. Может ли быть такое Константин??
    Все соц. сети я включил, можете в этом убедиться http://flair-therapy.com

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    На этом сайте, для соц. сетей используются не картинки, а шрифтовые иконки http://fontawesome.io/ и http://glyphicons.com/.

    Поэтому, если хотите делать это подменой какого-то из неиспользуемых значков, то делать это надо через css.

    a.symbol.linkedin:before {
        content: "\f189";
    }

    Если вдруг не переопределиться, можно попробовать добавить к свойству !important.

    Даа весело. эти сайты для меня очень сложные. Посоветуйте видео. Просматривая параллельно видео я бы вникнул в изменение данной соц. сети
    Пожалуйста

    Объясните для чайника, что значит через css?

    img.wp-smiley, img.emoji {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    display: inline !important;
    height: 1em !important;
    margin: 0 0.07em !important;
    padding: 0 !important;
    vertical-align: -0.1em !important;
    width: 1em !important;
    }

    Я понял, что за css Вы имеете ввиду. Зайдя туда я скопировал выше указанный код. Что мне с ним делать? Как быть?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Даа весело. эти сайты для меня очень сложные. Посоветуйте видео. Просматривая параллельно видео я бы вникнул в изменение данной соц. сети
    Пожалуйста

    Видео не подскажу, но Вы можете обратиться в поддержку этой темы.

    Объясните для чайника, что значит через css?

    В темах обычно есть файлик style.css или ещё бывает опция Custom CSS, т.е. либо туда либо туда.
    В Вашем случае код значка находится в файле wp-content/themes/ifeature/cyberchimps/lib/css/core.css строка 179. Если не планируете обновлять тему, то можно поменять и там. Если планируете обновлять, то либо придется это изменение вносить после каждого обновления, либо нужно воспользоваться механизмом дочерних тем.

    Допустим, я решил не обновлять тему. Как мне заменить например тогда символ Linkendin на символ Вконтакте именно в этой части кода?

    a.symbol.linkedin:before {
    content: «\f0e1»;
    }
    ??? заменить просто слово «Linkendin» на словом»Vkontakte»
    А за тем его влить через FileZilla. или как?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Создать дочернюю тему и добавить в style.css дочерней темы код

    a.symbol.linkedin:before {
        content: "\f189" !important;
    }

    Denisco, всё супер. у меня получилось заменить значок. вот
    http://flair-therapy.com/
    Единственная просьба к Вам.
    При наведении курсора на значок Ютуб — пишет
    Флеир терапия коктейль шоу youtube, навожу на facebook — пишет
    Флеир терапия коктейль шоу facebook, у значка twitter тоже всё в порядке.
    А ВОТ НАВОЖУ НА vk, ТО ПИШЕТ
    флеир терапия коктейль шоу LINKEDIN.
    ГДЕ ЗАМЕНИТЬ СЛОВО LINKEDIN НА СЛОВО VKONTAKTE???
    Помогите Пожалуйста

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • Тема «Помогите добавить кнопку социальной сети ВК! Пожалуйс» закрыта для новых ответов.