Перейти к содержимому


Как Сделать Faq


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 15

#1 Bardin

Bardin

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 698 сообщений
  • ГородМосква

Отправлено 31 Март 2011 - 14:34

Хочу сделать страничку с FAQ . Как сделать так что бы в списке вопросов при нажатии на вопрос автоматически переходить к ответу на вопрос ?

#2 support

support

    Активный участник

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 01 Апрель 2011 - 20:21

Это делается с помощью передачи хэша в ссылке. Например если Вы вставляете текст "FAQ текст 1" сверху нужна ссылка например "ссылка на FAQ текст 1" Для того чтобы переход работал, нужно указать идентификатор блока с текстом и сделать ссылку на саму страницу с указанием #text-block
На примере:

Ссылка:
<a href="#text-block">ссылка FAQ текст 1</a>

Текст:
<p id="text-block">FAQ текст 1</p>


#3 Bardin

Bardin

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 698 сообщений
  • ГородМосква

Отправлено 08 Апрель 2011 - 08:18

Просмотр сообщенияsupport (01 Апрель 2011 - 20:21) писал:

Это делается с помощью передачи хэша в ссылке. Например если Вы вставляете текст "FAQ текст 1" сверху нужна ссылка например "ссылка на FAQ текст 1" Для того чтобы переход работал, нужно указать идентификатор блока с текстом и сделать ссылку на саму страницу с указанием #text-block
На примере:

Ссылка:
<a href="#text-block">ссылка FAQ текст 1</a>

Текст:
<p id="text-block">FAQ текст 1</p>

А вы могли бы конкретно на примере показать ? Не совсем понимаю как это сделать

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 08 Апрель 2011 - 14:35

Вы создаете страницу, и называете её например FAQ.
Далее внутри пишите текст. Заголовки(вопросы вы обрамляете тегом)<a href="#text-block">Тут текст вопроса</a>
А сам текст ответа одного вопроса обрамляете тегом <p id="text-block">Тут текст ответа на вопрос</p>

<a href="#text-block"> - #text-block данный тег а именно text-block должен быть уникальный для каждого вопроса-ответа например
<p id="text-block">


<a href="#text-block1">Тут текст вопроса 1</a>
<a href="#text-block2">Тут текст вопроса 2</a>

<p id="text-block1">Тут текст ответа на вопрос 1</p>
<p id="text-block2">Тут текст ответа на вопрос 2</p>


#5 support

support

    Активный участник

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 08 Апрель 2011 - 14:40

Вставьте на любой странице код:
<a href="#text-block">ссылка FAQ текст 1</a><br />
<a href="#text-block2">ссылка FAQ текст 2</a>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<p id="text-block">FAQ текст 1</p>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<p id="text-block2">FAQ текст 2</p>

И тестируйте  :)

#6 vadim_3383

vadim_3383

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 15 Август 2011 - 12:25

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

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Август 2011 - 21:45

Просто дописывайте к вашей ссылке символ # и id элемента.
Например есть 2 страницы
page 1 и page 2.

На странице page 1 есть ссылка

/page2#testid

то на второй странице должен быть блок с id testid

в общем все так же как и описано выше.

#8 vadim_3383

vadim_3383

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 16 Август 2011 - 08:25

Т.е. вид ссылки получается такой: <a href="../../../...#testid"> текст </a>

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 16 Август 2011 - 15:43

Верно, только за место "../../../..." должен быть реальный урл вашего сайта.

#10 zvukarev

zvukarev

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 28 Февраль 2013 - 08:06

Здравствуйте.  Я создал страницу, вношу вопросы и ответы нумированным списком. А при просмотре на странице сайта получается все в кашу, в один текст без разделения. Как заполнить страничку FAQ?

Прикрепленные изображения

  • Снимок экрана 2013-02-28 в 11.00.56.png
  • Снимок экрана 2013-02-28 в 11.01.28.png


#11 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 28 Февраль 2013 - 09:49

Вы можете в это поле "краткое описание SEO" добавлять html разметку которая будет выводиться уже на вашем сайта.
Документация http://htmlbook.ru/s...rovannyy-spisok
Пример:
<p><strong>Работа со временем</strong></p>
  <ol>
	<li>создание пунктуальности (никогда не будете никуда опаздывать);</li>
	<li>излечение от пунктуальности (никогда никуда не будете торопиться);</li>
	<li>изменение восприятия времени и часов.</li>
  </ol>


#12 zvukarev

zvukarev

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 28 Февраль 2013 - 15:54

Спасибо. Разобрался. Просто у меня почему то поле с Полное SEO-описание было не активно. теперь все хорошо.

#13 Swetlana

Swetlana

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 76 сообщений

Отправлено 26 Февраль 2014 - 15:26

Просмотр сообщенияVaccina (08 Апрель 2011 - 14:35) писал:

Вы создаете страницу, и называете её например FAQ.
Далее внутри пишите текст. Заголовки(вопросы вы обрамляете тегом)<a href="#text-block">Тут текст вопроса</a>
А сам текст ответа одного вопроса обрамляете тегом <p id="text-block">Тут текст ответа на вопрос</p>

<a href="#text-block"> - #text-block данный тег а именно text-block должен быть уникальный для каждого вопроса-ответа например
<p id="text-block">


<a href="#text-block1">Тут текст вопроса 1</a>
<a href="#text-block2">Тут текст вопроса 2</a>

<p id="text-block1">Тут текст ответа на вопрос 1</p>
<p id="text-block2">Тут текст ответа на вопрос 2</p>

Здравствуйте, пытаюсь создать страницу FAQ, но выходит , что вопрос в виде ссылки, а ответ не "спрятан" под ссылку с вопросом, а находится ниже на этой же странице. Как сделать чтоб был список ссылок с вопросами и при нажатии на вопрос прям под ним возникал ответ? Точно так, как на Вашем сайте оформлен этот раздел.

#14 Swetlana

Swetlana

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 76 сообщений

Отправлено 03 Март 2014 - 15:33

Прошу ответить на вопрос - он еще актуален или надо создать новую тему?

#15 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Март 2014 - 01:55

Подробнее инструкция по реализации спойлера находиться в следующих темах форума
http://forum.storela...исок/#entry4385
http://forum.storela...ице/#entry84436

#16 Swetlana

Swetlana

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 76 сообщений

Отправлено 04 Март 2014 - 23:23

Просмотр сообщенияСake (04 Март 2014 - 01:55) писал:

Подробнее инструкция по реализации спойлера находиться в следующих темах форума
http://forum.storela...исок/#entry4385
http://forum.storela...ице/#entry84436
Спасибо, и за ликбез в том числе :rolleyes: ,не знала как правильно это называется, а то б сама по поиску нашла




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных