Денис Инешин

https://codex.wordpress.org/
и в основном это: https://codex.wordpress.org/Theme_Development

На мобилах все будет работать само. А в веб-версии заменяйте коды смайликов на html блоки с помощью простейших регулярок, например так:

var text = 'Привет :-)';
text = text.replace(':-)', '<span class="smile"></span>');
console.log(text);

Все коды можно посмотреть тут: emoji.codes

jQuery тут вообще не причем, можно и на обычном JavaScript. Причем может быть несколько стратегий.

По проще:
1. Разбиваем огромную форму на части
2. Куски скрываем через CSS: {display: none}
3. Кнопки вперед/назад, просто скрывают предыдущий кусок формы и делают видимым следующий.
4. На самом последнем куске формы присутствует так же кнопка отправить.

По сложнее:
1. Опять же разбиваем форму на шаги
2. Показываем первый шаг формы
3. Когда пользователь нажимает далее, отправляем AJAX запрос на сервер с этими данными, и возвращаем HTML следующего шага (причем HTML может быть разный, в зависимости от того что выбрал пользователь в прошлом шаге)
4. Заменяем текущий участок формы новым HTML
5. И так далее.

Одностраничные сайты вообще не нуждаются в админке, а обновляются вручную в рамках тех поддержки. Это будет быстрее и дешевле чем навешивать админку. Можно и на хостинге сэкономить и на трудозатратах + добавить ежемесячную сумму за техподдержку заказчику)