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

Урок №46

Тренинговый Центр Анфисы Бреус

"Вдохновение"Пошаговые инструкции по управлению и ведению блога на WordPress

http://wptraining.ru

Тема: Как сделать различные ссылки на странице/статье на блогеВопросы

• Что такое ссылки• Как создается ссылка• Какие бывают ссылки• Текстовая ссылка на внешний ресурс• Ссылка в виде изображения• Ссылка на скачивание файла• Ссылка на внутренние страницы/записи блога• Ссылка внутри текста• Ссылка как емайл



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



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



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



<a href="http://sait.ru">Текст ссылки</a>

a href

a - (anchor) - якорь href - (hypertext reference) - гипертекстовая ссылка



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



Ссылка по типу: • Текстовая • Изображение • Емайл

Цели ссылок: • На страницу в интернет • На внутреннюю страницу сайта • На часть текста на странице • На скачивание документа



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



23

1. Зайдите в админку блога в раздел «Записи» => «Добавить новую»

2. Написать заголовок 3. Нажать на кнопку «Сохранить»

ШАГ 1

1



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



13

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

34

5



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



2

3

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

1



2

Во всплывшем окне появятся данные: 1. URL (mailto:[email protected]) - не менять! 2. Текст ссылки: ([email protected]) - по желанию 3. Нажать на кнопку «Добавить ссылку»

ШАГ 2

1


mailto:[email protected]

mailto:[email protected]


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



Что можно скачивать:

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. Создать новую запись или открыть старую для редактирования 2. Перейти во вкладку «Визуально» 3. Написать и выделить текст, который будет ссылкой для

скачивания 4. Нажать на кнопку «Вставить/изменить ссылку» в редакторе

ШАГ 5

3

1

24



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

2. Нажать на кнопку «Добавить ссылку»ШАГ 6

1

2



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

1

2



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



1

3

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

редактореШАГ 1

2



1

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



1

1. В раскрывшемся блоке найдите нужную (опубликованную) статьи или страницу и кликните по ней.

2. Автоматически ссылка на этот материал появится в поле «URL» 3. Нажать на кнопку «Добавить ссылку»

ШАГ 3

3

2



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



1

3

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

редакторе ра кнопку «Вставить/изменить ссылку»ШАГ 1

2

3



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



1

3

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

редакторе ра кнопку «Удалить ссылку»ШАГ 1

2

3



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



13

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

«Вставить/Изменить ссылку»ШАГ 1

2



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



1

3

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

«Удалить ссылку»ШАГ 1

2



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



1

3

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

редакторе ра кнопку «Вставить/изменить ссылку»ШАГ 1

2

3



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.ruC 13.00 до 15.00 (по Москве)

Ресурсыhttp://wptraining.ru записи вебинаров, план и расписание занятий

http://wpwebinar.ru вход на вебинары, скидка для участников

http://anfisabreus.ru/blog записи вебинаров, обсуждение, вопросы, предложения

http://vk.com/wpblog.club группа в контакте, обсуждение, вопросы, предложения



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

Education