Останнім часом я кілька разів змінювала шаблони на своїх блогах на Блогспоте, тому мені доводилося заново налаштовувати деякі віджети, видаляти зайві посилання та інше, та інше, та інше. Тому я вирішила зробити для себе пост-пам'ятку, щоб потім не бігати по закладках і гугл-Яндексу в пошуках потрібної інформації. Можливо, і вам стане в нагоді ця інструкція по налаштуванню блогу на Blogspot / Blogger платформі.
Зміну шаблону можна порівняти з ремонтом в квартирі, в ході якого всі меблі зсувається в одну кімнату і накривається поліетиленом. Картини і годинник, що прикрашають інтернет заховані в коробки. Живі квіти теж евакуйовані. А часом і плінтуса зняті. Після того, як ремонт зроблений новий шаблон встановлений, господаря або господині квартири блогу має бути все повернути на місце. Я розповім вам, як це роблю я. Якщо ви теж будете щось налаштовувати у себе, то не забувайте зберігати шаблон і ставити галочку в пункті "Розширити шаблони віджета" (Як зберегти шаблон, я писала тут).
Пункт перший: оптимізаційно-обов'язковий
Оптимізуємо мета-теги
При зміні шаблону необхідно заново оптимізувати мета-теги "title" і "description", з якими в Blogger / Blogspot не все так просто. Я ще не так часто міняла шаблони, щоб запам'ятати напам'ять, що саме потрібно додати в код шаблону, тому користуюся наступними інструкціями:
1. Оптимізація заголовків сторінок блогу (це про "title")
2. SEO-оптимізація мета-тега "Description"
Якщо першу інструкцію я виконую точно, то у випадку з тегом "Description" я дозволяю собі вільність і налаштовую опис тільки для головної сторінки блогу, залишаючи пошуковим системам право самим сформувати сниппет для інших сторінок. Чому? Раніше, коли я точно слідувала інструкціям, в пошуковій видачі замість частини тексту з поста, з'являлися лише назва блогу і назва статті. А виглядає це, на мою думку, не дуже симпатично. До речі, якщо ви подивитеся код мого блогу, то не побачите заповненого тега "Description" для головної сторінки блогу. Але це лише тому, що я сама не знаю, про що мій блог. Як тільки мене осінить, я відразу ж заповню тег опису.
Пункт другий: порівняно обов'язковий
Зараз складно уявити собі блог, в кінці кожної статті якого немає посилань на схожі пости. Для того, щоб і в моєму блозі така радість була, я використовую сторонній віджет Linkwithin. Встановлювати цей віджет заново зазвичай не доводиться. Зазвичай, але не завжди: наприклад, коли я змінила шаблон тут, на Одноносчанах, віджет з п'яти схожих постів більше не забирався в основну колонку, тому мені довелося заново встановити його, зменшивши кількість відображуваних постів з п'яти до чотирьох.
Що точно необхідно зробити після зміни шаблону, так це вказати текст, який буде відкривати віджет. За замовчуванням цей текст виглядає так: "You might also like:". І хоча інтуїтивно кожен розуміє, про що говорить цей текст, але текст російською виглядає більш доречно. Для того щоб замінити красиві англійські букви на не менше симпатичні російські, в код шаблону потрібно вставити наступний рядок:
[Removed] linkwithin_text = 'Ваш текст:' [removed]
"Ваш текст:" треба замінити на те, що вам більше подобається. Можна написати: "Читайте також:", а можна і "Схожі пости:". Господар - пан. Особисто я вибрала такий варіант:
[Removed] linkwithin_text = 'Читайте також:' [removed]
Цю рядок я вставляю перед закриває тегом в коді шаблону.
Пункт третій: суспільно-корисний і обов'язковий
Соціалізуємо за допомогою кнопок
Свій набір кнопок соціальних мереж ще нікому не завадив, тому після зміни шаблона потрібно заново його встановити. Перевірені на собі інструкції знаходиться тут і тут. Я використовую зараз перший варіант, але тільки вам вирішувати, який вам більше до вподоби.
У цьому ж пункті можна встановити кнопку "Retweet". Я її встановила в правий верхній кут поста. Не можу порадувати вас російськомовної інструкцією, як це зробити, тому що користувалася зарубіжними джерелами: один і два.
Насправді все просто: потрібно вирішити, де саме буде розташовуватися кнопка в пості, вибрати потрібний код кнопки.
На місці виділеного червоним кольором tshavandina має стояти ваше ім'я користувача в Твіттері. Виділений зеленим css-код float: right; padding: 10px; означає, що кнопка знаходиться праворуч (float: right;) і відстоїть від навколишніх елементів на 10 пікселів (padding: 10px;). У деяких варіантах коду замість padding використовується margin. У чому між ними різниця, я розумію поки тільки десь в глибині душі. Десь дуже-дуже глибоко.
Апдейт: вирішила за порадою розумних людей додати і кнопку "Гугл плюс" на сторінки свого блогу. Для цього скористалася чудовою статтею, яка дозволяє прямо на місці налаштувати зовнішній вигляд кнопки і сама генерує код для неї.
Одну кнопку я поставила поруч з кнопкою "Retweet" вгорі поста: для цього додала в код, опублікований вище рядок прямо після відкриваючого тега
Другу кнопку додала в кінці до кнопок соціальних мереж, вставивши той же код () відразу після коду кнопки Однокласників.
Пункт четвертий: начебто обов'язковий, але не випробуваний до кінця
Видаляємо зовнішні і внутрішні посилання з шаблону Blogger
Як відомо, блоги на Блогспоте просто кишать різними зовнішніми посиланнями, які життя не псують, чи не сверблять і не чешуться, але може зашкодити вашому блогу зайняти гідне місце в пошуковій видачі і отримати заслужені нагороди "пузомерки". Раніше я видаляла тільки загадкову підписку Atom, але вчора знайшла, мабуть, саму повну інструкцію "Як видалити зовнішні і внутрішні посилання з Blogger / Blogspot".
Я не впевнена, що одного разу займуся ретельної чищенням посилань в блозі. Я бачила багато неоптимізованих блогів, які прекрасно існують і процвітають, і навіть отримують гідні місця у видачі та заслужені нагороди, але може заради експерименту ... коли-небудь ... після того, як перероблю всі свої справи. А от прибрати підписку Atom, якої я ніколи не користувалася в інших блогах можна дуже просто. Досить видалити з коду шаблону рядок. І все - Росатом більше не буде підглядати за вашим блогом.
Пункт п'ятий: іноді трапляється
Відновлюємо деревовидні коментарі в Blogspot / Blogger
Коли якийсь час назад Блогспот нарешті представив деревовидні коментарі, я з жахом зрозуміла, що вони не скрізь працюють. Деякі нерідні шаблони не підтримують цього нововведення, але це не означає, що зробити нічого не можна.
Це я не сама придумала, а зарубіжні фахівці, які написали статтю "Threaded Comments For Blogger".
Пункт шостий: декоративно-корисний
Оформляємо посилання "Читати далі ..."
Для цього знайомимося зі статтею "Красиво оформляємо посилання" Далі >> ". А перед тим, як почати гратися з кольоровим оформленням кнопки я пропоную вам прочитати ...
Пункт сьомий: милує око своєю колірною гармонією
Вибираємо колірну гамму для блогу
Особисто у мене завжди голова йде обертом, коли я намагаюся вибрати кольору для посилань, натиснутих посилань, відвіданих посилань, заголовків, ярликів та іншого, і іншого. Напевно, є люди, які вміють гармонійно поєднувати кольори, але я не їх їх числа. Мені все кольору здаються гарними, крім деяких, тому підбір колірної гами для мене завжди був серйозним випробуванням.
Я не знаю, як це роблять професійні дизайнери, але ось як спробувала це зробити я. Я вирішила підібрати кольори, використовуючи картинку в шапці блогу. Припустимо, що в шапці блогу у вас знаходиться така картинка:
... і ви хочете, щоб кольору вашого блогу гармонійно поєднувалися з нею. Йдемо на сайт Whatsitscolor.com і завантажуємо нашу картинку або вводимо адресу, за якою вона перебуває. І ось що нам видає цей сервіс:
Я знайшла ще один генератор кольорової палітри по зображенню - Color Palette Generator. Тут результат був наступним:
Думаю, що цей спосіб можна використовувати навіть тоді, коли у вашому шаблоні немає ніяких зображень. Можна просто вибрати картинку або фотографію, яка приємна вашому оку, і на її основі згенерувати колірну палітру для вашого блогу. Чомусь мені здається, що зображення природи більш гармонійні за своїм походженням, ніж всі інші зображення. Але, можливо, я не права.
І навіть можливо, що я щось упустила або наплутала, але на цей випадок в моєму блозі є можливість залишити коментарі, якій ви можете скористатися, щоб я могла виправити помилки і не вводити інших читачів в оману.
Це інструкція не є повною, так як я не згадала про налаштування форми підписки і деяких інших загадкових речах, але це іншим разом ... коли-небудь потім ... одного разу. Наприклад, завтра. Або через місяць.
__
Пост створений за підтримки marimed.ru - ви дізнаєтеся для чого вам потрібно страхування здоров'я і його плюси.
З цим читають так само:
Ви можете пропустити до кінця і залишити відповідь. Діагностики в даний час не допускається.
Чому?