Как сделать различные ссылки в статье на блоге

Урок №46
Тренинговый Центр Анфисы Бреус
"Вдохновение"
Пошаговые инструкции по управлению
и ведению блога на WordPress
http://wptraining.ru
Тема: Как сделать различные ссылки на
странице/статье на блоге
Вопросы
• Что такое ссылки
• Как создается ссылка
• Какие бывают ссылки
• Текстовая ссылка на внешний ресурс
• Ссылка в виде изображения
• Ссылка на скачивание файла
• Ссылка на внутренние страницы/записи блога
• Ссылка внутри текста
• Ссылка как емайл

Что такое ссылка?

Link - связь, соединение, связывать,
соединять, указывать

Как создается ссылка?

<a href="http://sait.ru">Текст ссылки</a>
a href
a - (anchor) - якорь
href - (hypertext reference) - гипертекстовая
ссылка

Какие бывают ссылки?

Ссылка по типу:
• Текстовая
• Изображение
• Емайл
Цели ссылок:
• На страницу в интернет
• На внутреннюю страницу сайта
• На часть текста на странице
• На скачивание документа

Создать новую запись

2
3
1. Зайдите в админку блога в раздел
«Записи» => «Добавить новую»
2. Написать заголовок
3. Нажать на кнопку «Сохранить»
ШАГ 1
1

Как сделать текстовую ссылку

1
3
1. Переключить редактор в режим «Визуально»
2. Выделить мышкой текст, который будет ссылкой
3. Нажать на значок «Вставит/изменить ссылку» в
редакторе
ШАГ 1
2

1
3
1. В поле URL приписать/вставить адрес страницы
2. Текст ссылки появляется автоматически
3. Нажать на кнопку «Добавить ссылку»ШАГ 2
2

Ссылка в редакторе «Визуально»

Ссылка в редакторе «Текст»

Ссылка на блоге

Как сделать ссылку в виде изображения

2
3
1. Перейти во вкладку «Визуально»
2. В поле для текст поставить мышку в том месте, где
будет отображаться изображение
3. Нажать на кнопку «Добавить медиафайл»
ШАГ 1
1

1
2
1. Во всплывшем окне слева выбрать «Вставить медиафайл»
2. Загрузить файл или выбрать из «Библиотека файлов»
3. Справа в блоке «Настройка отображения файла» в поле
«Ссылка» выбрать «Произвольный URL»
4. В поле ниже прописать ссылку
5. Нажать на кнопку «Вставить в запись»
ШАГ 2
3
4
5

Как сделать ссылку email

2
3
2. Напишите емайл для связи и выделите его мышкой
3. Нажмите в редакторе кнопку «Вставить/изменить ссылку»
ШАГ 1
1

2
Во всплывшем окне появятся данные:
1. URL (mailto:anfisabreus@gmail.com) - не менять!
2. Текст ссылки: (anfisabreus@gmail.com) - по желанию
3. Нажать на кнопку «Добавить ссылку»
ШАГ 2
1

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

Что можно скачивать:
1. Документы - doc, pdf
2. Архивы - zip, tar

2
3
1. В админке в меню перейти в раздел «Медиафайлы»
2. Нажать на кнопку «Добавить новый»
3. Нажать на кнопку «Выберите файлы»
ШАГ 1
1

1. Выбрать на компьютере файл или архив для скачивания
ШАГ 2
1

1. Как только файл загрузится, кликнуть по файлу
ШАГ 3
1

1. Справа в поле URL скопировать ссылку на файл
2. Закрыть окноШАГ 4
1
2

1. Создать новую запись или открыть старую для редактирования
3. Написать и выделить текст, который будет ссылкой для
скачивания
4. Нажать на кнопку «Вставить/изменить ссылку» в редакторе
ШАГ 5
3
1
2
4

1. Во всплывшем окне в поле «URL» вставить ссылку на документ
для скачивания
ШАГ 6
1
2

Документ pdf в браузере при клике
по ссылке
1
2

Как сделать ссылку на страницу
или запись на блоге

1
1. Раскройте блок «Или сделайте ссылку на
следующий материал»ШАГ 2

1
1. В раскрывшемся блоке найдите нужную (опубликованную) статьи или
страницу и кликните по ней.
2. Автоматически ссылка на этот материал появится в поле «URL»
ШАГ 3
3
2

Как редактировать текстовую ссылку

1
3
2. Кликнуть левой кнопкой мыши на текст с сылкой
3. На появившемся блоке нажать на значок «Изменить» или в
редакторе ра кнопку «Вставить/изменить ссылку»
ШАГ 1
2
3

Как удалить текстовую ссылку

1
3
3. На появившемся блоке нажать на значок «Удалить» или в
редакторе ра кнопку «Удалить ссылку»
ШАГ 1
2
3

Как редактировать ссылку в виде
изображения

1
3
3. На появившемся блоке нажать на значок в редакторе
«Вставить/Изменить ссылку»
ШАГ 1
2

Как удалить ссылку в виде изображения

1
3
3. На появившемся блоке нажать на значок в редакторе
«Удалить ссылку»
ШАГ 1
2

Как сделать так, чтобы ссылка открывалась
в новом окне

1
1. Во всплывшем окне настройки ссылки поставить галочку
«Открыть в новом окне/вкладке»ШАГ 2
2

Атрибут ссылки, который указывает браузеру
открывать ссылку в новой вкладке

Как сделать на странице оглавление с
ссылками на нужные разделы страницы
(«ссылка-прыжок» на странице)

Ссылки-прыжок состоит из 2-х
ссылок:
1. Ссылка <a href=" "> </a>
2. Цель <a name=" "> </a>

1
Напишите текст статьи вначале текста написать оглавление
1.Оглавление
2,3,4 - контент согласно оглавлениюШАГ 1
2
3
4

1
Переключить редактор в режим «Текст»
1.Оглавление в виде списка
2,3,4 - контент согласно оглавлениюШАГ 2
2
3
4

Cсылки-якорь
Каждый пункт-оглавления сделать ссылкой. Ссылка - href="#first"
<a href="#first">Первый пункт</a>
ШАГ 3

ссылки - цели
Перед каждым блоком контента (согласно оглавлению)
сделать ссылку-цель. Ссылка - name="first"
<a name="first"></a>
ШАГ 4

1
2
3
4
В редакторе «Визуально»

На блоге

Тема: Как сделать презентацию в «Google
документах» и разместить слайды на блоге
Урок №47
Понедельник, 30 ноября, в 13.00
Вопросы
• Сервис Гугл Документы (Презентации)
• Как создать презентацию
• Как встроить слайды в запись/на страницу блога

http://wpwebinar.ru
C 13.00 до 15.00 (по Москве)

Ресурсы
записи вебинаров, план и расписание занятий
http://wpwebinar.ru
вход на вебинары, скидка для участников
http://anfisabreus.ru/blog
записи вебинаров, обсуждение, вопросы, предложения
http://vk.com/wpblog.club
группа в контакте, обсуждение, вопросы, предложения

Как сделать различные ссылки в статье на блоге

Recommended

Recommended

More Related Content

What's hot

What's hot (14)

Viewers also liked

Viewers also liked (20)

Similar to Как сделать различные ссылки в статье на блоге

Similar to Как сделать различные ссылки в статье на блоге (20)

Как сделать различные ссылки в статье на блоге