BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Не отображаются иконки Glyphicons на WordPress + Bootstrap

Не отображаются иконки Glyphicons на WordPress + Bootstrap

2015-06-24 / Вр:15:31 / просмотров: 4972

Сверстал я себе второй блог StepkinBlog.ru на Фреймворк Bootstrap. Для тех, кто не в курсе, что такое Bootstrap, рекомендую ознакомиться. После верстки я натянул шаблон на WordPress, указал правильный путь к CSS стилям и к скриптам. Казалось бы, все сделал верно. Но когда я стал выводить иконки Glyphicons, то вместо красивых иконок, я увидел квадраты.

Начав разбираться в проблеме, я обнаружил, что совсем забыл исправить путь к папке «FONT», которая и отвечала за правильное отображение иконок.
Итак, откройте файл «bootstrap.css» в папке «CSS» и найдите вот такой код:

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

Вам нужно здесь указать правильный путь. Вот так:

src: url('http://адрес сайта/wp-content/themes/название шаблона/fonts/glyphicons-halflings-regular.eot');

Вот так выглядит мой случай:

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('http://stepkinblog.ru/wp-content/themes/stepkinblog/fonts/glyphicons-halflings-regular.eot');
  src: url('http://stepkinblog.ru/wp-content/themes/stepkinblog/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('http://stepkinblog.ru/wp-content/themes/stepkinblog/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://stepkinblog.ru/wp-content/themes/stepkinblog/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('http://stepkinblog.ru/wp-content/themes/stepkinblog/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

После проделанных изменений в файле «bootstrap.css» в папке «CSS» все иконки Glyphicons отобразились:

Не отображаются иконки Glyphicons на WordPress + Bootstrap

Вот и все! Кстати, приглашаю всех на мой новый блог StepknBlog.ru, если вам интересно следить за историей его развития.

Не отображаются иконки Glyphicons на WordPress + Bootstrap

 

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 784
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4327