На работе настраиваю портал. Дабы облегчить конструкцию, убрал виджет «Мета», но для входа нужна кнопка. Поместил в файл header.php после строчки
<body <?php body_class(); ?>>
в описание div следующую конструкцию:
<?php $current_page = $_SERVER[‘REQUEST_URI’]; ?><?php $temp = wp_loginout($current_page, false); ?>
<?php $temp = str_replace(‘Войти’, ‘Авторизация’, $temp); ?>
<?php $temp = str_replace(‘Выйти’, ‘Выход’, $temp); ?>
<?php echo ‘<p style=»text-align: right;»><strong>’ . $temp . ‘</strong></p>’; ?>
Что она делает? Используется стандартная функция wp_loginout(), в моей конфигурации она возвращает результат выполнения в переменную $temp и редиректит на ту страницу, где была нажата кнопка (переменная $current_page). В зависимости от значения $temp идет замена слов Войти и Выйти соответственно на Авторизация и Выход. Последняя строка выводит нашу кнопку справа в заголовке.
Кроме того, для красивости мне нужен полупрозрачный фон. Все это управляется через style.css. На работе у меня используется тема Twenty Twelve, она несколько отличается от других тем. Поэтому пришлось самому искать название объекта, отвечающего за основное поле. Хорошо есть комментарии. В результате все основные объекты описываются в блоке .site.
Итак, первое, что приходит в голову, это использовать конструкцию
bacground-color: #FFF; opacity: 0.8;в описании Page Structure:
.site {padding: 0 24px;
padding: 0 1.714285714rem;
bacground-color: #FFF; opacity: 0.8;
}
Но в этом случае, прозрачность наследуется на все остальные дочерние объекты, что не есть хорошо — цвет текста не меняется, а вот картинке становятся также прозрачными. Долго искал решение, многие юзают прозрачный PNG-файл в качестве фона, но нашел в одном месте совет заюзать вместо HEX-кодов описания цвета и значения opacity RGBA-конструкцию. В ней последнее значение задает прозрачность. И это свойство не переходит по наследству потомкам. Эврика. В результате имеем следующую конструкцию:
.site {padding: 0 24px;
padding: 0 1.714285714rem;
background: rgba(255,255,255,0.8);
}
Еще я внес некоторые изменения. Вот например цвет текущего пункта меню у меня черный
.main-navigation .current-menu-item > a,.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #000;
font-weight: bold;
}
Цвет заголовка тоже черный
.entry-header {color: #000;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
Цвет текста опять-таки черный:
.entry-content,
.entry-summary,
.mu_register {
color: #000;
background:rgba (255,255,255,0.5);
line-height: 1.714285714;
}
Цвет букв меню черный, а при наведении черный:
border-bottom: 0;
color: #000;
line-height: 3.692307692;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation li a:hover {
color: #6a6a6a;
}
Еще подправил таблички
.entry-content table,.comment-content table {
border-bottom: 1px solid #333399;
color: #00000;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.5;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
width: 100%;
}
.entry-content table caption,
.comment-content table caption {
font-size: 12px;
font-size: 1.142857143rem;
/* margin: 24px 0;*/
/* margin: 1.714285714rem 0;*/
}
.entry-content td,
.comment-content td {
border-top: 1px solid #333399;
border-left: 1px solid #333399;
border-right: 1px solid #333399;
padding: 6px 10px 6px 0;
}
Вот так!