Как изменить шрифт таблицы в Wordpress
7 августа 2010, 10:06 Статья-памятка больше для себя, чтобы не вспоминать потом, что к чему. В общем, таблицами мне приходится пользоваться на блоге редко. Но иногда пользуюсь, как, например, во вчерашней статье о статистике в интернете. Я набираю текст статей не в визуальном режиме редактора wordpress, а в текстовом варианте. Причину читайте в комментарии к статье Подсветка код в Wordpress. Визуальный редактор редактор отключил совсем. В общем как оказалось для меня так даже удобнее :)
По умолчанию таблица отображается в моем блоге вот так:
| Браузеры | Запросов | % |
| Всего Opera | 162139 | 32.2 |
| Всего MS Internet Explorer | 219000 | 31.5 |
| Всего Mozilla | 137236 | 27.6 |
| Chrome | 26573 | 6.6 |
Шрифт немного мелковат. Поэтому исправил ситуацию, дописав определение стиля в файл CSS. По умолчанию в темах для wordpress этот файл называется style.css. В него я добавил такой вот код:
1 2 3 4 5 6 7 | #wp-td10 td { font-size:10pt; } #wp-td12 td { font-size:12pt; } |
wp-td10 и wp-td12 - это имена стилей, которые я придумал сам, а td это тег к которому будут применяться свойства, описанные внутри фигурных скобок.
Теперь если в тексте стати вставить таблицу между тегами div с указанием имени стиля:
1 2 3 | <div id="wp-td10"> Здесь вставляем таблицу </div> |
то шрифт таблицы изменится и таблица теперь будет выглядеть вот так:
| Браузеры | Запросов | % |
| Всего Opera | 162139 | 32.2 |
| Всего MS Internet Explorer | 219000 | 31.5 |
| Всего Mozilla | 137236 | 27.6 |
| Chrome | 26573 | 6.6 |
Если установить имя стиля wp-td12, то размер шрифта будет изменен на 12px и таблица выглядит вот так:
| Браузеры | Запросов | % |
| Всего Opera | 162139 | 32.2 |
| Всего MS Internet Explorer | 219000 | 31.5 |
| Всего Mozilla | 137236 | 27.6 |
| Chrome | 26573 | 6.6 |
Кстати, если вы как и я не являетесь специалистами в html и css, но иногда требуется, что-то поменять или добавить, то могу порекомендовать сайт htmlbook.ru на котором хорошо структурирована информация о html и css. С тех пор как его нашел, только им и пользуюсь.
Теги: 
Рубрика: 
Отзывы
sergkarpenko:
если лениво менять что-то в таблице стилей
проще использовать inline css, например
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
</table>
<table style="font-size:10px">
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
</table>
Ответить
7 августа 2010, 16:08Rudamak:
Ой, спасибо. я уже и так и эдак эту таблицу, только Ваш трюк с дополнительным стилем и сработал
Ответить
Igorka Reply:
ноября 19, 2011 at 1:31
Пожалуйста. Заходите еще.
Ответить