Куточок для сайту

Привіт усім! Приступимо до сьогоднішнього уроку, він буде творчим, дизайнерським:)

Такий куточок можна зробити двома способами:

Перший спосіб - можна його намалювати у Photoshop'і, трохи погратися з кодом і готове. Але це для досвідченіших вебмайстрів.

Другий спосіб – використовувати сервіс Quick Ribbon. Ви налаштовуєте зовнішній вигляд смужки і він генерує код, який залишається лише додати на блог.

Я роблю подібні речі вручну, але цю статтю пишу для новачків, тому ми розглядатимемо другий варіант.

Перший крок (Step 1 text options)

Ribbon text–впишіть текст, який буде на куточку.

Choose the font and size – вкажіть шрифт, розмір тексту.

Text color – колір напису.

Другий крок (Step 2 Ribbon options)

Pick the ribbon style – виберіть стиль куточка.

Третій крок (Step 3Preview)

Щоб переглянути, що вийшло, натисніть кнопку (Apply)

Четвертий крок (Step 4 Link options)

Open link — варіант відкриття сторінки, у новому вікні або поточному.

Після чого натисніть кнопку (Generate Ribbon) та смужка генерується. Скопіюйте наданий код, відкрийте файл header.php вашого блогу, знайдіть тег, що закривається, і перед ним вставте код, який дав нам сервіс. Докладніше про редагування файлів шаблону WordPress.

Дивимося, що в нас вийшло:

---