Оформляем блог (ссылки, картинки - без кода)

Автор: Наталья Изотова / Добавлено: 23.12.17, 22:01:40

Оглавлениие: 

  1. Как вставить ссылку в блог.
  2. Как вставить картинку в блог.
  3. Как сделать "Рамочку вокруг текста"
  4. Как сделать оглавление в блоге (якорь)  (на этом сайте пока не работает)

 

I. Как вставить ссылку в блог?

1. Скопируйте нужную ссылку.

 

2. В панели инструментов выберите команду "Вставить/редактировать ссылку"

 

3. В появившемся окне "Ссылка" вставьте нужную ссылку и введите текст.

Текст можно не вводить специально, а выделить слово (несколько слов) в уже набранном в блоге, а после нажать на вставку ссылки - он автоматически занесется в "Отображаемый текст".

Внимание! При вставке ссылки следите за тем, чтобы вначале ее пропадал "http://" или другой протокол. Если у вас в окне вставки ссылка будет начинаться с протокола - значит, перед первой буквой присутствует пробел. Его надо убрать, чтобы избежать неверной работы ссылки.

Текст с ссылкой будет выделен синим цветом.

Убрать ссылку можно с помощью команды "Убрать ссылку", находящейся рядом с "Вставить/редактировать ссылку".

 

II. Как вставить картинку в блог?

1. Прежде всего, необходима ссылка на картинку. Например, из ВК (работает даже из скрытого альбома закрытого аккаунта).

- щелкните по фото в альбоме, чтобы оно появилось в отдельном окне

- нажмите правую клавишу мыши

- выберите строчку "Копировать адрес изображения"

* Вы также можете использовать специальные сайты, позволяющие заливать картинки. Например, https://ru.imgbb.com.

После того, как вы загрузите изображение, щелкните по появившейся маленькой картинке предпросмотра - откроется полное изображение - нажмите ПКМ, выберите "Копировать адрес изображения".

** Еще один вариант: найти нужное изображение в гугле и скопировать его адрес прямо из выданных поиском миниатюр.

 

2. В панели инструментов выберите команду "Изображение"

Появится окно "Свойства изображения".

Для корректного отображения картинки достаточно только вставить ссылку, убедиться, что в предпросмотре нужное вам изображение и нажать ОК.

Альтернативный текст НЕ БУДЕТ высвечиваться при глюке блогов, когда не видны картинки. Он высветится, если, например, вы копировали ссылку на вашу обложку, а потом эту обложку поменяли.

Граница - обведет ваш рисунок рамкой.

Отступы - расстояние между вашей картинкой и ближайшим текстом/краем листа

Выравнивание: если не выбирать какое-то определенное, то ваша картинка будет все равно выравнена по левому краю - но при этом вы не сможете поместить рядом с ней текст.

Если выбрать "По правому/левому краю", то текст будет находиться рядом с изображением. Используйте "Отступы", чтобы отделить его от края картинки.

"Замочек", если его не трогать (не открывать) позволяет сохранить пропорции изображения при изменении его ширины/высоты.

Если вы изменили размер изображения не так, как хотели, можно сбросить изменения, вернуть прежний размер, нажав стрелочку рядом с замочком.

 

3. Используйте вторую вкладку окна с названием "Ссылка", чтобы определить адрес, по которому можно перейти, щелкнув на картинку. Например, если вы пишете о книге и выкладываете ее обложку, вставьте в этом окне ссылку на само произведение.

 

III. Как сделать "рамочку" вокруг текста?

1. Выделите текст, который хотите заключить в рамочку.

2. Выберите в стилях "Special Container".

 3. Чтобы печатать дальше в обычном режиме, перейдите на следующую строку и повторите п.2 заново. Или просто щелкните курсором по строке ниже.

 

Пока все, якорь ремонтируют.

IV. Работа с якорем. (не работает пока работа с якорем)

Якорь полезен, когда вам нужно в собственном блоге ссылаться на какой-то текст в нем же.

Вставка якоря похожа на вставку ссылки.

1. Напечатайте текст полность. Выберите то, НА ЧТО должен ссылаться якорь. В данном случае - четвертый пункт в тексте.

 

2. Выделите этот текст, нажмите команду "Вставить/редактировать якорь"

3. В появившемся окне присвойте якорю имя. Любое, какое вам удобно - оно нигде не отображается.

После нажатия ОК и закрытия окна рядом с выделенным текстом появится значок якоря. Виден он только при редактировании страницы!

 

4. Теперь надо выделить текст, ОТКУДА будет производится переход к якорю и нажать "Вставить/редактировать ссылку".

В появившемся знакомом окне меняем Тип ссылки на "ссылка на якорь в тексте"

 

5. После этого окно изменит вид на следующий: 

Так как якорю было присвоено имя "4", в выпадающем списке "По имени" выбираем 4 и нажимаем ОК.

Теперь при выборе в оглавлении п.4 читающий будет перенаправлен к разделу 4. Работа с якорем.

Комментарии:

Всего веток: 9

Ася Невеличка 29.09.2018, 10:59:23

Наташа, огромное спасибо))))))
Вы супер!)))

В ветке 2 Комментариев. Показать

Последний комментарий в ветке:

Наталья Изотова 29.09.2018, 11:02:10

Ася Невеличка, Спасибо, засмущали)

София Грей 29.09.2018, 10:55:12

Спасибо, Наталья!

В ветке 2 Комментариев. Показать

Последний комментарий в ветке:

Наталья Изотова 29.09.2018, 11:01:47

София Грей, Пожалуйста)

Ольга Лебедева 29.09.2018, 10:37:39

Огромное спасибо за столь подробноые разъяснения:) Вы мне очень помогли.

В ветке 2 Комментариев. Показать

Последний комментарий в ветке:

Наталья Изотова 29.09.2018, 11:01:34

Ольга Лебедева, Рада быть полезной!)

Евгения Бергер 29.07.2018, 22:55:43

спасибо. Такие полезности всегда пригодятся!

В ветке 2 Комментариев. Показать

Последний комментарий в ветке:

Наталья Изотова 29.07.2018, 23:53:43

Евгения Бергер, Пожалуйста)

Ея Россо 29.07.2018, 21:08:12

спасибо,полезно!

В ветке 2 Комментариев. Показать

Последний комментарий в ветке:

Наталья Изотова 29.07.2018, 21:09:37

Ея Россо, Пожалуйста :)

Регина Грез 29.07.2018, 21:06:04

Спасибо еще раз!

В ветке 3 Комментариев. Показать

Последний комментарий в ветке:

Регина Грез 29.07.2018, 21:08:45

Наталья Изотова, Подробно и доступно - то, что надо!

Евгения Халь 24.12.2017, 00:08:22

Спасибо большое! Утащила в библиотэку! Так все ясно и наглядно, что понятно даже мне)))

В ветке 3 Комментариев. Показать

Последний комментарий в ветке:

Евгения Халь 24.12.2017, 00:21:51

Наталья Изотова, Еще как пригодится! Буду юзать много и часто)

Дарья Orfina Ягодкина 23.12.2017, 22:39:46

Хороший блог, думаю, многим будет полезно =))
Жаль, не работает функция "открыть в новом окне" при нажатии на ссылку. Средней кнопкой мышки, конечно, можно это сделать, но... есть же функция =)) По крайней мере я каждый раз ставлю, и каждый раз при сохранении блога она слетает и, само собой, не отрабатыает.

В ветке 5 Комментариев. Показать

Последний комментарий в ветке:

Дарья Orfina Ягодкина 23.12.2017, 23:09:30

Наталья Изотова, Может, скобочку комментария где забыли закрыть и в коммент ушло немного больше кода, чем хотели. Может, по каким-то причинам отключили, а в интерфейсе поправить забыли. Может, какая-то "свойская" функция конфликтует. Много чего может быть.
Тоже надо будет в техподдержку написать, для массовости =)

Елена Лапушкина 23.12.2017, 22:52:05

Спасибо) Узнала кое-что новенькое - про якоря. Не рассматривала ещё настолько тщательно панель, хотя она во многом похожа на уже знакомые)

В ветке 4 Комментариев. Показать

Последний комментарий в ветке:

Елена Лапушкина 23.12.2017, 23:05:09

Наталья Изотова, да, вроде простая система, но не работает о_О Попробовала в старой записи в блоге - слетают якоря, похоже

Books language: