maniiii

Приведенный вами код это код шаблона ( за интерпретацию которого отвечает шаблонизатор), вам нужно перед тем как отдать данные в шаблон, сделать сортировку с помощью например sort \ usort

https://ru.wikipedia.org/wiki/MediaWiki

Предположу, что учебник подразумевает множество статических страниц. В этом случае, я бы выбрал nuxt generateВ чем суть: вы создаёте сайт на VUE. ЧПУ, обратная связь, SEO, возможность сделать тестирование, всё тут. Обычно nuxt работает как сервер и генерирует страницы в рантайме, но с параметром generate, на этапе сборки создаётся пачка статических файлов, которые потом размещаются на сервере. Быстродействие такого сайта выше всяких похвал.

Едиственный динамический елемент по вашуму ТЗ: это комментарии. При таком подходе их не реализовать обычным способом. Но никто не мешает подгружать их асинхронно.

Таким образом мы имеем:
Весь сайт — это статические html страницы. (ЧПУ, ссылки, СЕО всё остаётся рабочим)
А вся работа с сервером и БД сводится к созданию и выдаче комментариев в JSON. А если использовать сторонний сервис комментариев, типа Disqus, то даже этого не требуется

Это всё есть из коробки. Для удобства pdoTools поставьте.

Присоединяюсь к ответам Sanes.

Вот вам Гугл разве не помогал?
Урок по выводу контента сниппетом, м?

&activationEmailSubject - это тема
Подпись скорее всего передается из системной настройки site_name

Есть еще понятие производительности. Верстальщику переходить на неформат? Это затратно по времени, и не имеет смысла в 90 с лишним процентов случаев.
Тем более Bootstrap адаптивный по сути своей. На респонсивных размерах тоже сетку переписывать?

В вызове getImageList поместите код в строке &tpl в другой чанк, возможно поможет.

Тут наоборот, вёрстку к фреймворку прикручивают)

ИМХО, самый лёгкий способ - настроить сборку Sass, Pug через Webpack (Он всё равно понадобиться для работы с фреймворком). Тогда не придётся ничего никуда переносить.

Другой путь - по одному переносить вёрстку в компоненты. Классы, декоративные элементы, сетку, ...
Да, CSS можно просто подключить собранный Gulp-ом или перенести. Но переносить придётся постоянно, если есть доработки.
Чтобы не создавать кашу, я бы рекомендовал просто перенести сборку вёрстки/стилей на Webpack

Короче если кто-то наткнется на схожую проблему, не тупите как я, а запускайте phpStorm с правами администратора. На Windows 10 такая фигня...

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

Посмотрите что возвращает функция mail. Если true, посмотрите логи почтового сервера.

Да, можно:

$('#button').click(function(){
  $('#inp_file').click();
});

При нажатии на элемент с id="button" происходит эмуляция нажатия на <input type="file" id="inp_file" /> и открывается окно выбора файла.

И не обязательно opacity. Можно и display: none.

А как сделать чтобы скомпилирована программа запускалась в окне… как у других компиляторов(Code::Blocks|DevCpp)…

>За ссылки с href=# надо отрывать руки.
Это не продакшн код, это ПРИМЕР, вам больше нравится href="javascript:;"?

>Что, если внутри сождержимого таба есть еще дивы?
Добавлю сверху класс tab_item и напишу
#wrapper div.tab_item { display:none; }
#wrapper div { display:none; }

>зачем тянуть 150-Кб тяжелый фреймворк, от которого айфон подвисает, ради табов?
Я не собираюсь писать страницы для айфонов, мне от Jq нет смысла отказываться.

>А если внутри таба есть еще один блок табов?
Выкрутимся как-нибудь :) Не собираюсь писать универсальное решение там, где это не нужно.

>Далее, а что если табов больше 3-х?
Да хоть 10, вот пример

>… на уровне школьника, который впервые прочел сайт htmlbook.ru и захотел что-то сотворить.
>С кучей ошибок. Плохо, короче говоря.
Спасибо, ваше мнение очень важно для меня. Приведите свое решение здесь.

>И что значит «без использования хешей»? Это почему еще?
я имел в виду анкоры (якоря), просто у меня анкоры используются для других задач.

> вообще без яваскрипта, но вам видимо еще до этого далеко
Куда уж мне :)

>А можно сделать CSS лаконичнее? Его вообще можно убрать
Отличная идея, верстальщик мне спасибо скажет :)

Ах, как замечательно вы троллите.

Вот очередной вариант

#wrapper div {
    display:none;
}
#wrapper a.active {
    color: black;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
#wrapper div.active {
    display:block;
    width:100%;
}

<div id="wrapper">
    <a href="#" id="tab1" class="active">Вкладка 1</a>
    <a href="#" id="tab2">Вкладка 2</a>
    <a href="#" id="tab3">Вкладка 3</a>
    <div id="con_tab1" class="active">Содержимое 1</div>
    <div id="con_tab2">Содержимое 2</div>
    <div id="con_tab3">Содержимое 3</div>
</div>​

    $('#wrapper a').click(function() {
        var click_id=$(this).attr('id');
        if (click_id != $('#wrapper a.active').attr('id') ) {
            $('#wrapper a').removeClass('active');
            $(this).addClass('active');
            $('#wrapper div').removeClass('active');
            $('#con_' + click_id).addClass('active');
        }
    });​