Как сделать/создать html5 history на Wordpress?

Question

[Чёкатилло]

Не представляю до сих пор что это
А может не html5 а может html4 Не могу разобраться, как это вообще устроено, чтоб создать такое на сайте рода "Пинтерест": cg91812-wordpress-3.tw1.ru
Посты выводятся под плагином Essential grid: https://www.themepunch.com/essgrid-doc/essential-g...
в этом плагине как-то решается похожий вопрос через Ajax: https://www.youtube.com/watch?v=shG9O6DcJzg&list=P...
Но мне надо загружать и url поста тоже

Ткните носом )
Помогите плиз

При клике открывается окно в которое загружается страница той ссылки поста на которую нажали
обвел красным строку урл которая появляется так же при клике


при скролле прокручивается только всплываемое окно


Шаблон страниц уже есть К ПРИМЕРУ: cg91812-wordpress-3.tw1.ru/lada-vesta-cross-concep...
и надо просто загружать всю эту страницу в сплывающее окно
Затем шаблон страницы подгоню под необходимый дизайн

Если надо, адрес любого поста должен выглядеть так: http://адрес-сайта/название-ссылки-поста.html или так: http://адрес-сайта/КАТЕГОРИЯ/название-ссылки-поста.html

Comments

[OVK2015]

А где там вообще html5 history?

[Чёкатилло]

OVK2015: сам не знаю ) Я прост не понимаю как сделать вывод поста таким образом и спрашиваю об этом )

[OVK2015]

Дмитрий:
Применительно к этому примеру https://ru.pinterest.com/pin/503066220860143455/ . Как должны ваши url выглядеть? Из чего/каких полей формироваться?

[Чёкатилло]

OVK2015: дополнил картинками, но не совсем правильно Адрес любого поста должен выглядеть так: http://адрес-сайта/название-ссылки-поста.html или так: http://адрес-сайта/КАТЕГОРИЯ/название-ссылки-поста.html

[OVK2015]

Дмитрий: Два момента не понятны:
1. При клике страница перезагружается или ajax содержимое статьи тянется.
2. Что это за окно такое куда статью выводить? По скрину не могу понять.

[Чёкатилло]

OVK2015: ах да блин..извиняюсь Страница не должна перезагружаться, а при клике выводиться в окне, ну а адрес соответственно меняется на соответствующую ссыке )
А насчет окна..окно при клике располагается по центру, поверх главной страницы, где находятся все посты (не важно какой ширины)

[OVK2015]

Дмитрий: Т.е., страница по сути одна единственная, статьи клиент получает через ajax запросы. И при этом в адресную строку, к названию сайта, добавляется название-ссылки-поста.html или название-ссылки-поста.html.(если прав объясните зачем оно вам).
Окно обычный jquery dialog или тот же lightBox?
При скроле поверх страницы при открытой какой-то статье(не важно курсор находится над popup или вне его) пролистывается только содержимое этой открытой статьи. сама страница остается без изменений.
Правильно понимаю?

[Роман Савицкий]

Дмитрий: JavaScript, хуки , function.php - и ваша проблема решится))

[Роман Савицкий]

Дмитрий: romires22 - пишите в скайп смогу помочь)

[Чёкатилло]

OVK2015: Ах да ) Мне вообще нужно это для того, что бы при попадании из поисковиков на тот/иной пост попадали не на реальную страницу поста (хоть удалить ее совсем, но тогда собирать новый шаблон постов наверное же..), а на вот это окно Короче все точно так де как в Пинтерест. Далее, по поводу окна.. не важно В пинтерест вообще это див вроде как обычный (если правильно понимаю). И да, при открытом этом "окне", только содержимое окна должно скроллица, а на заднем фоне сам сайт конечно нет Вот как-то так

[Чёкатилло]

OVK2015: и может быть, я вообще не правильно рассуждаю по поводу попадания на посты через поисковики...но нужно так И при этом в этом же окне будут кнопки поделиться и плагин комментариев hypercomments (которые уже есть) Ну и опять для примера страница поста: cg91812-wordpress-3.tw1.ru/essential_grid/%D0%B4%D...

[OVK2015]

Дмитрий: Как думаете: откуда поисковик насобирает себе эти ссылки, если в действительности этих страниц не существует?
Часть с окном и прокруткой реализовать не сложно.

[Чёкатилло]

OVK2015: ну они есть, но если отображать страницы постов в окне, как я хочу, то не знаю вообще можно ли это Как то пинтерест работает так, я не знаю как )

[OVK2015]

Дмитрий:

но если отображать страницы постов в окне

Давайте еще раз: это окно,- говорим об обычном popup(не зависимо от того, с помощью какой доп. библиотеки оно реализуется), а НЕ об отдельном окне браузера?

[Чёкатилло]

OVK2015: Да, не отдельное окно а может и div+z-index

[Чёкатилло]

Роман Савицкий: написал вам

[Роман Савицкий]

Дмитрий: На этот romires22 Skype ничего не приходило

[Чёкатилло]

Роман Савицкий: вношу вас в свой список контактов

Answer 1

[Михаил Еникеев]

С помощью javaScript

Comments

[Чёкатилло]

дополнил вопрос
Вас не знаком плагин Essential grid? с помощью его можно попробовать но не разберусь пока как
А как через ява??

[Михаил Еникеев]

Дмитрий: К сожалению не знаком с данным плагином)

[Чёкатилло]

Михаил Еникеев: Не затруднит ли Вас помочь мне с этим скриптом? как его сотворить? )

[Михаил Еникеев]

Дмитрий: посмотри может поможет)wpnice.ru/essential-grid-plagin-dlya-vyvoda-kontenta

[Чёкатилло]

Михаил Еникеев: не-не Эт я знаю ) Помоги пожалуйста с написанием скрипта Как он обычно пишется? с чего начинается? в инете блин слишком все размыто для меня

[Михаил Еникеев]

Дмитрий: ты же хочешь сделать так как на том сайте? вот прочитай я тебе же ссылку дал а учить писать скрипты это долгая история)

[Чёкатилло]

Михаил Еникеев: cg91812-wordpress-3.tw1.ru - это мое )) Мне в нем надо сделать вывод постов как в пинтерест с адресом урл в строке Не надо конечно учить просто я нихрена не пойму как устроен этот скрипт управления историей

[Михаил Еникеев]

Дмитрий: так что именно ты хочешь сделать? куда выводить url

[Чёкатилло]

Михаил Еникеев: в пинтерест например: https://ru.pinterest.com/pin/503066220860143455/ сделано так как надо При клике на любой пост появляется див с содержанием поста как в модальном окне но это не просто модальное с частичной загрузкой (или как это назвать) а окно див с содержанием страницы поста(как я понимаю) как будто iframe А также в адресной строке отображается адрес ссылки поста

[Михаил Еникеев]

Дмитрий: ты ссылку на видео давал с помощью ajax посмотри видюху еще разок там все не так уж сложно сделать даже английский знать не нужно)

[Чёкатилло]

Михаил Еникеев: это я могу делать и делал только это в лайтбоксе контент- только изображение и текст но мне нужно загружать всю страницу в лайтбокс или див куда угодно с адресом урл А этим способом загружается только контент

Answer 2

[Игорь Воротнёв]

React.js + REST API.

Comments

[Чёкатилло]

жесть вообще )

[Игорь Воротнёв]

Дмитрий: в каком плане жесть? сложно?

[Чёкатилло]

Игорь Воротнёв: да я поискал в инете инфу и сломался ) Может я не нашел должной инфы В моем плагине, через который я вывожу посты essential grid, есть много примочек И через него же, можно легко внедрить скрипт любой (как то уже задумано плагином) Вот мне бы скрипт готовый найти, или похожий, так как я в скриптах 0, который мне подойдет В лайтбоксе я могу отобразить контент поста, а вот что бы с отображением адреса урл и загрузкой, как iframe полностью страницы каждого поста не могу )

[Игорь Воротнёв]

Дмитрий: Посмотрите https://wordpress.org/plugins/ajaxify-wordpress-site/ и https://wordpress.org/plugins/search.php?q=ajax+pa...

[Чёкатилло]

Игорь Воротнёв: ок Спасибо