Як додати картинку
Як додати картинку на блог? Ось такий, виявляється, нехитрий питання, але він існує в «умах мільйонів» і тому потрібно дати на нього відповідь.
Припустимо, що у вас вже є збережена картинка і тепер ви хочете вставити її на свій блог. Ну що ж, давайте розберемо, як це робиться.
Потім натискаєте кнопку, яка зображена на зображенні:
І перед вами відкриється вікно, за допомогою якого і вставляються картинки:
Для цих же цілей можна використовувати плагін Fast Image Insert, який таке вікно відразу виводить під полем для набору тексту. Але це вже на любителя - дивіться самі.
У вікні вибираємо спосіб завантаження - "З вашого комп'ютера". "З іншого сайту" або "Вибрати з раніше завантажених". Як правило, вибираємо перший варіант - з вашого комп'ютера.
Після цього вікно доповниться новими полями:
Заповнення полів при додаванні картинки
Як заповнювати ці поля?
«Тема» - вводимо той текст, який буде видно при наведенні мишкою на картинку
«Текст» - цей текст буде відображатися, якщо у користувача не вантажаться картинки
«Підпис» - текст під картинкою (я його не заповнюю)
«Опис» - дуже важливе поле, в якому вам потрібно пояснити пошуковій системі, що зображено на картинці. Можна просто перерахувати слова - вода, небо, дерево і т.д.
Потім, при наявності певних плагінів (наприклад, wp-lightbox2), при натисканні на таку картинку, вона «розчиняться» до вихідних розмірів, як ось на цій картинці:
Далі потрібно вказати спосіб вирівнювання картинки - зліва, справа або по центру ( «ні» не розглядаю зі зрозумілих причин). Але в деяких шаблонах це не допомагає і картинка вставляється, «як хоче». Як цього уникнути - я розповім в кінці цієї статті.
Наступним пунктом йде вибір розміру картинки - «Мініатюра», «Середній», «Великий» або «Повний». Особисто я цією можливістю не користуюся з двох причин:
- перед додаванням картинки вона вже повинна мати заданий розмір;
- якщо ви завантажуєте велику картинку, а тут задаєте їй маленький розмір - обсяг займаного місця буде як у великий, що може позначитися на швидкості завантаження такої картинки і сторінки в цілому.
Якщо вам все ж потрібно змінити розмір - краще це зробити в наступному.
Тепер залишилося вставити картинку - для цього клікайте по кнопці «Вставити в запис». Але не забувайте, що картинка додасться в те місце, де знаходиться курсор.
Налаштування картинки
Коли картинка вже вставлена в текст, що б змінити або налаштувати її параметри, клікніть по ній один раз - при цьому вона виділиться синім кольором і з'явиться дві кнопки, за однією з них вам і потрібно клікнути:
Після цього з'явиться вікно з двома закладками. Перша закладка «Редагувати» вам вже знайома. А ось друга «Додатково» вимагає деяких пояснень:
З великої кількості налаштувань, вам слід запам'ятати і користуватися лише деякими:
«Розмір» (у відсотках) - пересуваю повзунок, ви можете швидко підігнати розмір картинки. Як я вже писав вище, краще спочатку мати правильний розмір.
«Розмір» (в пікселях) - тут ви можете більш точно задати розмір, але пам'ятайте, що висота і ширина повинні бути пропорційні. Якщо ви не знаєте, як це зробити, краще вкажіть тільки один розмір, а замість іншого залиште пусте поле і движок блогу сам перерахує його правильно.
«Відступ (H)» (Горизонтальний відступ) - задає відстань між картинкою і текстом по горизонталі - я зазвичай вказую «10».
Інші параметри можете не чіпати. Що внести зміни - клікайте по кнопці «Оновити»
Як я вже писав вище, якщо після призначеного вирівнювання картинка все одно вставляється «по своєму бажанню», потрібно трошки «поворожити» і все встане на свої місця.
Перше, що можна зробити, це при вказівці вирівнювання спочатку клікнути, наприклад, на «ні», а потім - вибрати потрібний вам тип, наприклад «по центру». Часто такий спосіб допомагає.
В даному випадку буде вирівнювання по-лівому краю. Якщо потрібно по-правому - вказуємо «right», по-центру - «center» (для тексту можна ще застосувати вирівнювання по-ширині - «justify»)
Якщо вам не хочеться постійно проробляти таку операцію - тоді потрібно вносити зміни в CSS-таблиці шаблону, а це вже окрема історія. Якщо буде така необхідність - пишіть, будемо розбиратися.
Найчастіше, тільки одне картинка вирівнюється по лівому краю - Зображення (найперша) і саме з нею і бувають проблеми. Решта - вирівнюються по-центру та там проблем на порядок менше.
Проробивши всі вищеописані дії, ви навчитеся правильно додавати картинку на свій блог.
На сьогодні це все.
Шановний Новомосковсктель блогу VashInternetGid.ru!
Дозвольте у Вас дещо запитати:
У вас є хобі? А Ви Б. Хотіли Дізнатися, Як Можна Заробляти На Вашому Хобі?
Відповіді на ці та інші питання є в моїй книзі «Як з хобі зробити Бізнес». яку отримає АБСОЛЮТНО БЕЗКОШТОВНО кожен передплатник мого блогу!
Введіть свої дані та я відразу ж пришлю Вам копію цієї книги:
Щодо посилань. Вважаю, що в зображенні завжди треба ставити посилання на запис, тому що в такому випадку ми отримуємо додатковий трафік на статтю з пошукових систем по картинках. Хай не величезний, але це краще, ніж зовсім ніякої.
В общем-то так, я згоден. Хоча Гугл, виводячи картинку, додає посилання на джерело автоматично.
Напевно багатьом цікаво було б дізнатися як додавати галерею картинок з відомим плагіном Next Gen Gallery
Оксана, тут немає нічого складного. Якщо відступ H задає відстань по горизонталі від тексту до картинки, то відступ V - по вертикалі. Рамка - задається її товщина, хоча в поле «Стилі» можна задати ще і колір, вид (і не тільки для рамки).
Що стосується тіні - то я її роблю за допомогою програми FSCapture (скоро про неї напишу), тому що створити тінь засобами html-мови я не знаю.
Спасибі, Євген, напишу в майбутньому пост.
Дякую за розумні роз'яснення.
Тільки поясніть чайнику, що означає:
«Опис» - дуже важливе поле, в якому вам потрібно пояснити пошуковій системі, що зображено на картинці. Можна просто перерахувати слова - вода, небо, дерево і т.д.
Підкажіть, будь ласка, чи можна зробити текст під картинкою у вигляді посилання?
У мене чомусь не завжди картинка вирівнюється як мені треба, спробую Ваші пріеми.Спасібо
спасибі за докладний обяснение! скористаюся порадою і усуну проблемку на своєму блозі!
У видачі вона четверта.
Підкажіть будь ласка! додаю картинку-прев'юшки, вона відображається і в статті і на головній, але не відображається в rss, при виведенні статей будь-якої рубрики або архіву за датою. це проблема шаблону або я косячіт :?) і як підправити шаблон в такому випадку?
Так, швидше за все справа в шаблоні.
Хоча можна виправити, якщо використовувати «Довільні поля» - пошукайте в Інеті.
Дякуємо! зразок розібрався в шаблоні, тепер відображається превью і в архівах і в рубриках
Підкажіть, будь ласка, що таке «прев'юшки»?
Всім доброго час доби!
Дмитро, прочитав Ваш пост «Як додати картинку в блог», після чого з'явився samovarnet.ru/flash-obuchenie-prygayushhij-myach-2/, де я посилаюся на Ваш пост і розповідаю про розміщення файлів у форматі SWF до статті на блозі. Спасибі за відмінний пост, ВІГ!
Кожен передплатник отримує в подарунок:
- Покроковий курс "Як без знань і досвіду 'вичавити' з Інтернету солідний дохід (1000 $ і більше);
- Книгу "Звідки гроші в Інтернеті?"
- Книгу "Як з ХОБІ зробити Бизне $?"
