Блог за уеб технологии, маркетинг и SEO, мотивация и продуктивност
Малки трикове в WordPress
Работейки на най-популярния CMS (Content management system – система за управление на съдържание), няма начин да не ти се появяват различни проблеми за разрешаване. Тук изброявам няколко малки трика :
1. Експортиране на съдържание от сайта
- 1. Експортиране на съдържание от сайта
- 2. Намаляване на разстоянието между редовете
- 3. Бързо нахвърляне на идея за публикация
- 4. Управление на джаджите (widget)
- 5. Използване на цялата ширина на страницата
- 6. Деактивиране на лентата за администриране
- 7. Полезни шорткъти в WordPress
- 8. Как се намира id на публикации
- 9. Къде можем да модифицираме кода CSS
- 10. Да разберем коя тема WP използва даден сайт ?
- 11. Включване на YТ видео на сайта с настройка за бисквитките ?
- 12. Вграждане на снимка и видео от Instagram
- 13. Вграждане на Google Sheets и Docs документи
Винаги е добре да си направим бекъп на сайта. Преди ъпдейти, при правене на различни изменения върху кода, може да има проблеми при хакерски атаки и др. За целта има различни плъгини, но най-бързият начин да се направи копие на съдържанието е чрез функцията Export, включена в WordPress в частта Разни под Потребители. Експортирането не става на целия сайт, а само на публикации, страници и др. по избор.
Избраното съдържание ще бъде свалено във вид на XML файл и запазено на компютъра. Когато се наложи, може да бъде възстановено в сайта, или прехвърлено в друг сайт чрез функцията Import.
2. Намаляване на разстоянието между редовете
Понякога наистина е дразнещо голямото разстояние, което остава между редовете, след въвеждане на Enter. Най-простият начин да не се получава, е като използваме едновременно Shift и Enter. Ето разликата:
само Enter 1
2
Enter и Shift 1
2
3. Бързо нахвърляне на идея за публикация
За да не забравим някоя интересна идея за нова публикация, докато работим по друга публикация, можем да използваме Бърза чернова в първия екран на Таблото на WordPress. Там можем да си нахвърляме кратка чернова, точки.
4. Управление на джаджите (widget)
Не на всички страници е подходящо да излизат в страничната лента нашите джаджи за последни публикации, свързани публикации и др.. Как да ги спрем от страници като Политика на блога, За мен, Политика на бисквитките и т.н.?
Използваме WordPress плъгина Widget Options.
Съвместим с версия 4.8 на WordPress. С този плъгин може да се скрият или покажат джаджите в страничната лента по какъвто начин си изберем.
5. Използване на цялата ширина на страницата
Не е достатъчно да махнем всички джаджи от страничната лента. За да запълним освободената странична лента със съдържание за определена страница от блога ни, трябва още едно нещо.
Отиваме на страницата за редактиране на определената публикация, горе в дясно в това поле:
Избираме No sidebar и вече разполагаме с цялата ширина на исканата страница. На мен ми трябваше за тази моя нова страница за систематизиране на уеб инструментите, които разбира се ще се увеличават.
6. Деактивиране на лентата за администриране
Лентата за администриране на сайта, когато си логнат, е черната лента горе високо. Много е удобна, защото бързо можеш да управляваш настройки, редакция, плъгини… Но сигурно има случаи, когато ти се иска да я махнеш. Това става лесно в частта Потребители –>Моят профил. Там отиваме на пункта Лента с инструменти. Махаме отметката, правим запис с бутона отдолу и след рефрешване вече я няма лентата. Процесът е обратим.
7. Полезни шорткъти в WordPress
Във WordPress има редица клавишни шорткъти (shortcuts) :
ctrl c – копиране, ctrl b – bold, ctrl v – поставяне – paste, ctrl i – italic, ctrl a – избор на всичко, ctrl u – подчертаване – underline, ctrl x – изрязване – cut, ctrl k – вмъкване/редактиране на линк, ctrl z – премахване – undo, ctrl y – връщане на махнатото – redo
Всички клавишни шорткъти на WordPress ще намериш тук.
8. Как се намира id на публикации
Когато създаваме ново съдържание в WordPress сайта, публикация или страница, се създава ново вписване в базата данни с увеличаващ се ID номер. Той е необходим за функции php и др. Например за да използваме по полезен начин плъгина Contextual Related Posts. Как да намерим ID?
Първи начин
От страницата за редактиране на публикацията кликваме на url и там го намираме, както е показано тук на картинката. Важи за публикации, страници, и не зависи от permalink, който използваме.
Втори начин
Отново много лесно, отиваме на Всички публикации. Поставяме курсора над желаната публикация и долу, както е показано на снимката, откриваме нейния ID.
По същия начин можем да намерим ID на някоя категория. Отиваме на страницата на Категории в Контролния панел и поставяйки курсора над желаната категория, отдолу ще видим дълъг ред, търсим съчетанието ID и до него е номерът.
ID на категория в WordPress е уникален номер. Той може да се използва по различни причини и за толкова много приспособления: например служи във виджета, за да покаже най-популярните постове. Там ID се използват, за да не се включат при най-популярните публикации такива, принадлежащи към определена категория с определено ID.
(adsbygoogle = window.adsbygoogle || []).push({});
9. Къде можем да модифицираме кода CSS
Style.css стилове
Във WordPress всички правила CSS се съдържат във файл, наречен style.css. Промени в него могат да се внесат по различни начини. Но ако решиш да правиш директно там промени, те ще бъдат загубени при следващото обновяване на темата от фирмата разработчик.
Тема Child
Една добра практика е да се използва тема, наречена тема наследник или Тема Child. Тя наследява характеристиките на темата Родител, преводите на български също. Може да се модифицира и нищо няма да бъде загубено при следващ ъпдейт.
Настройки във Външен вид
Най-удобно за поставяне на допълнителен CSS код е в Настройки на темата. Иди на Външен вид–>Настройки–>Допълнителен CSS и там добави своя код CSS.
Поле Custom CSS
Най-простото решение за малки промени е, да се използва пространството Custom CSS – персонализирано CSS пространство. То присъства вече в по-голяма част от темите за WordPress. Обикновено се намира в Theme Options –>Styling Options (или нещо подобно със Styling).
В случая съм внесла промяна в кода CSS така, че като минава курсора над линк, да се оцветява фона му.
10. Да разберем коя тема WP използва даден сайт ?
Докато размишляваме какъв темплейт да изберем за блога си и разглеждаме, си харесваме някой чужд блог как изглежда. Нормално човешко любопитство е, да разберем коя тема използва. Ако блогът е на CMS WordPress, ще покажа един начин. Всяка готово купена тема идва с името си, въпреки че понякога уеб дизайнерът в помощ на блогера го променя в някаква степен.
Например разглеждаме следния случаен сайт : Тhisisyourkingdom.co.uk
Кликваме с десен клавиш на мишката в празно пространство на сайта и избираме най-отдолу Покажи източника на страницата или направо с Ctrl U. Отваря се нова страница с изходния код. Там избираме комбинацията Ctrl F. Отваря се в горната част на страницата на сайта ред за търсене. Набираме themes или css. И до намерените думи, откриваме и името на темплейта.
Откриване на кой темплейт е използван става и по друг, още по-лесен начин.
Отваряме сайта Wpthemedetector. Поставяме url на сайта с търсената тема, в случая Тhisisyourkingdom.co.uk, и чакаме да свърши анализът. Получаваме информация за използваната тема от WordPress, когато тя е готово закупена и даже за някои плъгини, използвани на сайта. Това уеб приложение е много полезно, за да даде насоки на нови блогери.
11. Включване на YТ видео на сайта с настройка за бисквитките ?
Съгласно Политиката на бисквитките , бисквитките на видео канала са от трета страна и са необходими за профилиране на използването му. Все пак, вграждайки видео на блога си, можеш да избереш да се откажеш от бисквитките по този начин:
Кликваме на Споделяне, след това на Вграждане.
Под желаното видео в Youtube.
Излиза следващата картинка :
Оградената част е кодът, който се използва за вграждане в блога. Но ние продължаваме с кликване на Показване на още:
Тук се виждат настройки, които можем да променяме, когато вграждаме видео на блога си. Избираме режим с подобрена поверителност.
Разбира се има и много лесен начин на вграждане на видео в WordPress блог – като просто копираме адреса му във Визуалния редактор и вграждането му става автоматично. Но тогава не си избрал твоите настройки за бисквитките на видео канала.
Вече показах…
12. Вграждане на снимка и видео от Instagram
Виж в тази публикация : Как да вградим снимка или видео от Instagram в блога си.
13. Вграждане на Google Sheets и Docs документи
Отиваме на страницата на нашия Google документ в Google Drive. Използвам точно моя темплейт за Редакторски календар.
Преди да споделиш файл на Google Docs трябва да се увериш, че документът е публичен. Ако е частен, ще бъдеш единственият, който може да го види. За да промениш настройката си за поверителност, щракни върху връзката Споделяне в горната част на екрана, за да я направиш обществена.
За да вградиш документ на Google Doc във вашия сайт, отвори документа. След това щракни върху Публикувай в мрежата под менюто Файл:
След това щракнете върху раздела Вграждане и копирайте кода за вграждане.
След това кликни върху раздела Вграждане и копирай кода за вграждане.
Постави кода в HTML на твоята уеб страница.
На този етап това бяха някои трикове, които се сещам, че мога да споделя. Ако имаш забележки и неща за добавяне, коментарите са винаги отворени.
В интерес на истината си написала доста интересно ръководство, което ще свърши работа на много хора, прохождащи в WordPress в България. Поздравления, макар, че можеше да стане на серии и да ангажираш повече аудиторията да следи блога 🙂
Благодаря за оценката. Всичко е вярно. Имам доста идеи, но най-скъпото, което не стига, е времето. Ще се старая. Още веднъж благодаря!