Блог
Всё посты блога в одном месте

Перед началом любого проекта, перед шагом на амбразуры, нужно выпить чашечку горячего кофе. Если программист не пьет кофе, программист ли он?

А потом нужно создать чек-лист, такой, который сможет отразить все этапы разработки сайта. Чтобы потом, легким движением руки, вычеркивать пункты.

Чек-лист

07 февраля

У каждого веб-мастера есть свое портфолио, в котором собраны по-настоящему успешные проекты, а сотни других, менее успешных или совсем не успешных остаются в тени. Берутся эти проекты неизвестно откуда, уходят неизвестно куда. Избежать их можно только следуя одному простому правилу: нужно уметь делать успешные проекты из неуспешных.

На практике это выглядит как подробный анализ задачи и возможных путей ее решения с максимальным результатом. Да, это требует времени и решение зачастую выходит гораздо более сложным, чем показалось на первый взгляд, но взамен вы получаете еще один успешный проект, который не стыдно добавить в портфолио.

23 января

Данный код нужно разместить в файле functions.php вашей темы.

Инициализируем страницу

1
2
3
4
5
6
7
8
9
10
11
12
function add_info_page() {
    add_menu_page(
        'О сайте', // Имя в админ меню
        'О сайте', // Заголовок страницы
        'manage_options', // Уровень доступа
        'admin_help', // Slug страницы
        'render_info_page', // Функция, отображающая собственно страницу
        'dashicons-format-audio', // Иконка (все иконки можно посмотреть по ссылке: https://developer.wordpress.org/resource/dashicons/#forms)
        '5' // Позиция в меню
    );
}
add_action('admin_menu', 'add_info_page');

Функция самой страницы

1
2
3
function render_info_page() {
    echo '<p>Информация</p>';
}
15 января
Теги: ,

11 января
Теги:

10 января

23 ноября

cc3v2tel_jw

21 ноября
Теги:

Как-то была необходимость подсветить активный пункт меню на сайте, писать было лень, хотелось что-то готовое. Как всегда в таких случаях бывает — если что и найдешь, непременно нужно допиливать своими руками. Все что я находил — обладало существенным недостатком: подсвечивало только конкретную страницу, но что делать если необходимо подсветить сразу целый раздел сайта? Вот что у меня получилось за 30 минут.

Рабочий скрипт с организацией меню

Скрипт

1
2
3
4
5
6
7
8
9
10
<script>
    $(function () {
        var current_url = window.location.pathname.split( '/' );
        var pathAdress = ( "/" ) + ( current_url[1] );
    $('.navigation li').each(function () {
        var link = $(this).find('a').attr('href');
        if(pathAdress === link) $(this).addClass('menuactive').removeClass('menupassive');
        });
    });
</script>

Меню

1
2
3
4
5
6
<ul class="navigation">
    <li><a href="/petr" title="Пётр I Великий">Пётр I Великий</a></li>
    <li><a href="/katya" title="Екатерина I">Екатерина I</a></li>
    <li><a href="/petr_2" title="Пётр II">Пётр II</a></li>
    <li><a href="/anna" title="Анна Иоанновна">Анна Иоанновна</a></li>
</ul>

Итак, по частям

Раз

1
var current_url = window.location.pathname.split( '/' );

Получаем в переменную current_url адрес текущей страницы и разбиваем на части.

Два

1
var pathAdress = ( "/" ) + ( current_url[1] );

Записываем в переменную первую часть (можно взять любую, поменяв цифру [1]) и добавляем слеш.

Три

1
2
$('.navigation li').each(function () {
    var link = $(this).find('a').attr('href');

Ищем класс navigation, и получаем адреса наших ссылок.

Четыре

1
if(pathAdress === link) $(this).addClass('menuactive').removeClass('menupassive');

Сравниваем урлы, при совпадении добавляем класс menuactive и убираем класс menupassive.

Логика, бро

Скрипт отлично работает, подсвечивая не только конкретную страницу, но и целые разделы сайта. Например, он подсветит пункт Работа на странице: test.ru/job и все страницы что будут идти дальше: test.ru/job/css, test.ru/job/js.

08 ноября
Теги:
123