Открыть главное меню
ABCP Documentation

CP.Content.Zakladki: различия между версиями

Статья Обсуждение
Строка 1: Строка 1:
 
'''Алгоритм самостоятельного создания закладок на странице'''
 
'''Алгоритм самостоятельного создания закладок на странице'''
  
−
== '''Создаем страницы''' ==
+
== Для стандартных тарифов ==
 +
 
 +
'''Создаем страницы'''
  
 
1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)
 
1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)
Строка 7: Строка 9:
 
2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=str1 , http://ААААА.ВВ/?page=str2 , http://ААААА.ВВ/?page=str3 , где ААААА.ВВ - Ваш сайт)
 
2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=str1 , http://ААААА.ВВ/?page=str2 , http://ААААА.ВВ/?page=str3 , где ААААА.ВВ - Ваш сайт)
  
−
== '''Html-редактирование одной страницы''' ==
+
'''Html-редактирование одной страницы'''
  
 
3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.
 
3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.
Строка 70: Строка 72:
  
 
<li class="active"><a href="?page=str3">Вкладка3</a></li>
 
<li class="active"><a href="?page=str3">Вкладка3</a></li>
 +
 +
</ul>
 +
 +
'''Сохраняем изменения, размещаем страницу, содержащую вкладки в меню'''
 +
 +
10. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт.
 +
 +
11. Когда изменения будут закончены, размещаете страницу в меню.
 +
 +
 +
== Для тарифа с настройкой сайтов с помощью готовых тем ==
 +
 +
Если у вас используется настройка внешнего вида сайта с помощью тем, то вам следует соблюдать эти же рекомендации но с другим описанием ссылок.
 +
 +
'''Создаем страницы'''
 +
 +
1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)
 +
 +
2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/str1 , http://ААААА.ВВ/str2 , http://ААААА.ВВ/str3 , где ААААА.ВВ - Ваш сайт)
 +
 +
'''Html-редактирование одной страницы'''
 +
 +
3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.
 +
 +
4. Перейти в html-редактирование ред.блока на странице autoslovar. Вместо <ul> прописываем первой строкой <ul class="devsite_subtabs clearfix"> .
 +
 +
5. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо <li>Вкладка1</li> прописываем <li><a href="/str1/">Вкладка1</a></li> и так для каждой вкладки, т.е. в нашем примере вместо <li>Вкладка2</li> прописываем <li><a href="/str2/">Вкладка2</a></li> и вместо <li>Вкладка3</li> прописываем <li><a href="/str3/">Вкладка3</a></li>
 +
 +
'''Итого получаем:'''
 +
 +
<ul class="devsite_subtabs clearfix">
 +
 +
<li><a href="/str1/">Вкладка1</a></li>
 +
 +
<li><a href="/str2/">Вкладка2</a></li>
 +
 +
<li><a href="/str3/">Вкладка3</a></li>
 +
 +
</ul>
 +
 +
6. Сохранить изменения.
 +
 +
== '''Html-редактирование каждой страницы-вкладки''' ==
 +
 +
7. Перейти в html-редактирование ред.блока на странице (например) str1. Полностью копируем текст со страницы autoslovar в html-редактировании (см. выше).
 +
 +
8. Вместо <li><a href="/str1/">Вкладка1</a></li> прописываем <li class="active"><a href="/str1/">Вкладка1</a></li>. Остальные строки оставляем без изменения.
 +
 +
9. Аналогично п.8 меняем код в html-редактировании в ред.блоках на страницах остальных вкладок
 +
 +
'''Итого получаем для страницы str1:'''
 +
 +
<ul class="devsite_subtabs clearfix">
 +
 +
<li class="active"><a href="/str1/">Вкладка1</a></li>
 +
 +
<li><a href="/str2/">Вкладка2</a></li>
 +
 +
<li><a href="/str3/">Вкладка3</a></li>
 +
 +
</ul>
 +
 +
'''Итого получаем для страницы str2:'''
 +
 +
<ul class="devsite_subtabs clearfix">
 +
 +
<li><a href="/str1/">Вкладка1</a></li>
 +
 +
<li class="active"><a href="/str2/">Вкладка2</a></li>
 +
 +
<li><a href="/str3/">Вкладка3</a></li>
 +
 +
</ul>
 +
 +
'''Итого получаем для страницы str3:'''
 +
 +
<ul class="devsite_subtabs clearfix">
 +
 +
<li><a href="/str1/">Вкладка1</a></li>
 +
 +
<li><a href="/str2/">Вкладка2</a></li>
 +
 +
<li class="active"><a href="/str3/">Вкладка3</a></li>
  
 
</ul>
 
</ul>

Версия 13:21, 9 августа 2013

Алгоритм самостоятельного создания закладок на странице

Для стандартных тарифов

Создаем страницы

1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)

2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=str1 , http://ААААА.ВВ/?page=str2 , http://ААААА.ВВ/?page=str3 , где ААААА.ВВ - Ваш сайт)

Html-редактирование одной страницы

3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.

4. Перейти в html-редактирование ред.блока на странице autoslovar. Вместо <ul> прописываем первой строкой <ul class="devsite_subtabs clearfix"> .

5. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо <li>Вкладка1</li> прописываем <li><a href="?page=str1">Вкладка1</a></li> и так для каждой вкладки, т.е. в нашем примере вместо <li>Вкладка2</li> прописываем <li><a href="?page=str2">Вкладка2</a></li> и вместо <li>Вкладка3</li> прописываем <li><a href="?page=str3">Вкладка3</a></li>

Итого получаем:

<ul class="devsite_subtabs clearfix">

<li><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

6. Сохранить изменения.

Html-редактирование каждой страницы-вкладки

7. Перейти в html-редактирование ред.блока на странице (например) str1. Полностью копируем текст со страницы autoslovar в html-редактировании (см. выше).

8. Вместо <li><a href="?page=str1">Вкладка1</a></li> прописываем <li class="active"><a href="?page=str1">Вкладка1</a></li>. Остальные строки оставляем без изменения.

9. Аналогично п.8 меняем код в html-редактировании в ред.блоках на страницах остальных вкладок

Итого получаем для страницы str1:

<ul class="devsite_subtabs clearfix">

<li class="active"><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

Итого получаем для страницы str2:

<ul class="devsite_subtabs clearfix">

<li><a href="?page=str1">Вкладка1</a></li>

<li class="active"><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

Итого получаем для страницы str3:

<ul class="devsite_subtabs clearfix">

<li><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li class="active"><a href="?page=str3">Вкладка3</a></li>

</ul>

Сохраняем изменения, размещаем страницу, содержащую вкладки в меню

10. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт.

11. Когда изменения будут закончены, размещаете страницу в меню.


Для тарифа с настройкой сайтов с помощью готовых тем

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

Создаем страницы

1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)

2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/str1 , http://ААААА.ВВ/str2 , http://ААААА.ВВ/str3 , где ААААА.ВВ - Ваш сайт)

Html-редактирование одной страницы

3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.

4. Перейти в html-редактирование ред.блока на странице autoslovar. Вместо <ul> прописываем первой строкой <ul class="devsite_subtabs clearfix"> .

5. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо <li>Вкладка1</li> прописываем <li><a href="/str1/">Вкладка1</a></li> и так для каждой вкладки, т.е. в нашем примере вместо <li>Вкладка2</li> прописываем <li><a href="/str2/">Вкладка2</a></li> и вместо <li>Вкладка3</li> прописываем <li><a href="/str3/">Вкладка3</a></li>

Итого получаем:

<ul class="devsite_subtabs clearfix">

<li><a href="/str1/">Вкладка1</a></li>

<li><a href="/str2/">Вкладка2</a></li>

<li><a href="/str3/">Вкладка3</a></li>

</ul>

6. Сохранить изменения.

Html-редактирование каждой страницы-вкладки

7. Перейти в html-редактирование ред.блока на странице (например) str1. Полностью копируем текст со страницы autoslovar в html-редактировании (см. выше).

8. Вместо <li><a href="/str1/">Вкладка1</a></li> прописываем <li class="active"><a href="/str1/">Вкладка1</a></li>. Остальные строки оставляем без изменения.

9. Аналогично п.8 меняем код в html-редактировании в ред.блоках на страницах остальных вкладок

Итого получаем для страницы str1:

<ul class="devsite_subtabs clearfix">

<li class="active"><a href="/str1/">Вкладка1</a></li>

<li><a href="/str2/">Вкладка2</a></li>

<li><a href="/str3/">Вкладка3</a></li>

</ul>

Итого получаем для страницы str2:

<ul class="devsite_subtabs clearfix">

<li><a href="/str1/">Вкладка1</a></li>

<li class="active"><a href="/str2/">Вкладка2</a></li>

<li><a href="/str3/">Вкладка3</a></li>

</ul>

Итого получаем для страницы str3:

<ul class="devsite_subtabs clearfix">

<li><a href="/str1/">Вкладка1</a></li>

<li><a href="/str2/">Вкладка2</a></li>

<li class="active"><a href="/str3/">Вкладка3</a></li>

</ul>

Сохраняем изменения, размещаем страницу, содержащую вкладки в меню

10. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт.

11. Когда изменения будут закончены, размещаете страницу в меню.

Источник — https://www.abcp.ru/w/index.php?title=CP.Content.Zakladki&oldid=2301