Як оформити статтю на сайті, щоб утримати увагу читачів, просто роби так

Як оформити статтю на сайті, щоб утримати увагу читачів

Як оформити статтю на сайті, щоб утримати увагу читачів, просто роби так

Так, є спеціальні плагіни для цієї мети, але оскільки я про них розповідати не буду, то й згадувати про них теж не стану. Ось за це, вибачайте!

Як завжди ми чинимо? Під ми, я маю на увазі новачків блогерів. Та дуже просто! Пишемо текст окремо, виділяємо жирним, може бути додаємо йому кольору або робимо похиле накреслення. Припустимо виходить ось так:

Важливо! На цей елемент зверніть особливу увагу - це рішення вчорашнього дня!

А можна зробити зовсім по-іншому. Ось так виглядають спосіб, які я пропоную вам реалізувати на практиці:

Все що від вас буде потрібно - це скопіювати ось такий код:

і додати його в файл style.css Вашої теми. Місце, в яке Ви його будете додавати, особливого значення не має. Головне - вставити код до самої першого рядка, в якій є фраза «@ media ...».

Як оформити статтю на сайті, щоб утримати увагу читачів, просто роби так

Досить при відкритому файлі style.css натиснути клавіші «Ctrl» + «F», щоб не промахнутися. А вже пошук Вас не підведе. У моїй темі таких місця два, і Ви вже здогадалися, що вони відносяться до відображення сайту на мобільних пристроях.

Я конкретно вставив код в якості Post

Думаю Ви без зусиль розберетеся в представленому коді. Я спеціально зробив написи, що пояснюють, щоб Ви могли підігнати стиль замітки конкретно під дизайн свого сайту або блогу. Практично в цьому питанні Ви анітрохи і нічим не обмежені.

Зображення лампочки можна поміняти на своє зображення, Головне, щоб розмір даного зображення був 48 × 48 px. За великим рахунком це один зі стандартних розмірів іконок сайту, тому Ви можете змінювати все на свій смак. Якщо Вам сподобалося зображення лампочки, то тоді просто зробіть клік правою кнопкою миші на її зображенні і скачайте його до себе на комп'ютер. Залишиться тільки залити його до себе на хостинг і прописати шлях до нього в коді.

Природно, що сам по собі код в стилях Вашого сайту працювати не буде. Він спеціально створений для оформлення конкретних блоків div, а тому раджу робити так: набираєте текст, вибираєте в ньому фрагмент, який підлягає акцентування і цей фрагмент оформляєте ось в такому вигляді:

Ось так нескладно можна істотно урізноманітнити процес читання статей на Вашому блозі. Напевно знавці скажуть, що можна ще щось підкрутити. Однак кожне таке «підкрутити» вимагає певних знань, а мій блог розрахований на новачків, яким і без того є чим зайнятися і чому повчитися. Це рішення саме для них.

З повагою, Сергій Почечуев.