Наскоро един от нашите читатели ни попита как да променим страничната лента на тема на WordPress?
Обикновено получаваме този въпрос от потребители, които искат да променят местоположението на страничната си лента от ляво на дясно или от дясно на ляво.
В този урок ще ви покажем как да промените местоположението на страничната лента в WordPress.
Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Защо да променя местоположението на страничната лента на WordPress?
Експертите за използваемост смятат, че хората сканират страници отляво надясно. Те препоръчват да поставите важно съдържание отляво, така че потребителите да видят това съдържание първо. Това обаче може да бъде обърнато, ако уебсайтът ви е на RTL език (отляво отляво).
Разберете дали ако вашият WordPress блог има странични ленти
Много уебсайтове на WordPress използват типичното оформление на блога с две колони. Едната за съдържанието, а другата колона за страничната лента.
Ако сте нови за уеб сайтовете, тогава трябва да изберете тема на WordPress, която има странична лента на предпочитаното от вас място.
много Теми на WordPress предлагат опции за промяна на страната на страничната лента в настройките на страничната лента. Ако обаче вашата тема в WordPress няма тази опция, ще трябва да превключвате ръчно страничните ленти. Отидете по-далеч, като откриете как да премахнете страничната лента на WordPress
Това каза, нека разгледаме метода, който трябва да използвате, за да промените лесно страничната страна на WordPress, като използвате CSS.
Смяна на страничната лента с CSS
Преди да правите каквито и да е промени във вашата тема на WordPress, първо трябва да помислите за създаване на детска тема, Използвайки детска тема, вие ще можете да актуализирате родителската си тема, без да губите промените си.
Discover Как да се покаже различен лента за всяка точка от WordPress
Второ, винаги трябва да създавате резервно копие на уебсайта си WordPress, когато правите промени в реално време на вашата активна тема.
Ще ви е необходим FTP клиент, за да редактирате файловете на WordPress тема. Консултирайте се с ръководство за използване на FTP.
Влезте в уебсайта си WordPress, използвайки FTP клиента и отворете папката с теми. Обикновено се намира на:
/ Моятсайт / WP-съдържание / теми / вашата тематика-папка /
Сега трябва да изтеглите и отворите основния файл със стилове на вашата тема на WordPress в текстов редактор като Notepad. Този файл се нарича style.cssи се намира в основната директория на вашата WordPress тема.
Discover как да управлявате WordPress файлове и папки
В този файл намерете CSS класа на вашата странична лента. Като цяло този клас е " страничната лента ". В този пример използваме темата по подразбиране WordPress " двадесет и петнадесет Кой има този клас за страничната лента:
.sidebar {float: вляво; марж-десен: -100%; максимална ширина: 413px; позиция: относителна; ширина: 29.4118%; }
Както можете да видите, страничната лента плава вляво с марж от -100%. Ще променим поплавъка вдясно:
.sidebar {float: вдясно; марж-ляво: -100%; максимална ширина: 413px; позиция: относителна; ширина: 29.4118%; }
Запазете промените и качете файла style.css на вашия уебсайт с помощта на FTP клиент. Сега, ако посетите уебсайта си, ще изглежда така:
Наистина преместихме страничната лента, но не преместихме областта на съдържанието. " Двадесет Петнадесет Използва този CSS, за да определи позицията на съдържателната област.
.site-content {дисплей: блок; плувка: вляво; марж-ляво: 29.4118%; ширина: 70.5882%; }
Ще го променим, за да преместим съдържанието вдясно. Както следва:
.site-content {дисплей: блок; плувка: вляво; марж-десен: 29.4118%; ширина: 70.5882%; }
Ето как ще изглежда вашият уебсайт след прилагането на този CSS код.
Както можете да видите, променихме местоположението на областта на съдържанието и страничната лента. Въпреки това, все още има бял блок вляво.
Отидете по-далеч, като откриете как да управлявате WordPress файлове и папки
Често ще срещате тези грешки при работа с CSS. Ще е необходима известна детективска работа, за да разберете какво причинява това и как да го поправите.
Използвайте инструмента "Инспектор" на вашия браузър, за да видите изходния код. Насочете мишката към засегнатия регион в браузъра, щракнете с десния бутон и изберете „Инспектор“ от менюто на браузъра.
Докато премествате мишката около изгледа на изходния код, ще забележите областите, които засяга, подчертани в визуализацията на живо. В десния прозорец ще можете да видите CSS, използван за този избран елемент.
Открийте нашите 5 WordPress плъгини за визуално редактиране на CSS на вашия блог
Така че CSS, съответстващ на маркирания елемент, трябва да бъде коригиран.
@media екран и (min-width: 59.6875em) {body: before {background-color: #fff; кутия-сянка: 0 0 1px rgba (0, 0, 0, 0.15); съдържание: ""; дисплей: блок; височина: 100%; минимална височина: 100%; позиция: фиксирана; отгоре: 0; вляво: 0; ширина: 29.4118%; z-индекс: 0; / * Поправя мигаща грешка с превъртане на Safari * /}
Този CSS код добавя празен блок с ширина 29,4118% и ширина от 100% в горната лява част. Ето как ще го преместим вдясно.
@media екран и (min-width: 59.6875em) {body: before {background-color: #fff; кутия-сянка: 0 0 1px rgba (0, 0, 0, 0.15); съдържание: ""; дисплей: блок; височина: 100%; минимална височина: 100%; позиция: фиксирана; отгоре: 0; вдясно: 0; ширина: 29.4118%; z-индекс: 0; / * Поправя мигаща грешка с превъртане на Safari * /}
След като запазите и качите таблицата със стилове на сървъра, така ще изглежда вашият уебсайт.
Работата с CSS може да бъде объркваща за начинаещи. Ако не искате да вършите цялата ръчна работа, тогава можете да опитате WordPress CSS Hero плъгин. Той ви позволява да редактирате CSS, без да пишете код и работи с всяка тема на WordPress.
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Zxeion
Zxeion е мощен WordPress плъгин премия, отговорен за подобряване на сигурността на вашия уебсайт. Този плъгин съдържа колекция от инструменти за защита и сигурност, които ще защитят вашия уебсайт срещу възможни атаки.
Системата за защита в реално време ще ви помогне да идентифицирате заплахи за вашия уебсайт и да ги блокирате, без да се налага да правите нищо.
Открийте и нашето 7 приставки за увеличаване на страничните ленти в WordPress
Неговите характеристики са: защита в реално време, отлична поддръжка на клиенти, редовни актуализации, блокиране на IP адреси, отлична документация, модерен и професионален интерфейс, специализирана поддръжка на клиенти и други
Изтегляне | демонстрация | уеб хостинг
2. Slaido
Слайдо е а WordPress плъгин премиум, който ви позволява да избирате от почти 320 адаптивни плъзгащи се шаблона и да импортирате един от тях в уебсайта си само с няколко кликвания. Това е пълен пакет от шаблони, идеален за Slider Revolution. Така че първо ще трябва да го инсталирате, за да използвате напълно това WordPress плъгин
Основните му характеристики са: отзивчиво оформление на плъзгачите, лекотата на импортиране или експортиране на плъзгачи, редовни актуализации, поддръжка на клиенти 24/7, течни и много готини анимации, наличността на видео уроци за бърз старт, поддръжка за Google Fonts и много други.
Изтегляне | демонстрация | уеб хостинг
3. Форма за връзка с нас
Формуляр за контакт с нас е първокласна адаптивна приставка за WordPress и прост инструмент, но богат на опции за персонализиране, който ви позволява да покажете ясна и обнадеждаваща форма, на която посетителите ви могат да се свържат с вас, като оставят своето съобщение.
Ще можете да определите необходимите полета, да изберете най-доброто оформление на полетата и да го персонализирате напълно, за да насърчите вашите клиенти или посетители да оставят своите предложения или съобщения.
Каним ви също да прочетете: 10 WordPress плъгини за създаване и управление на уебсайт на ресторант
Трябва само да настроите имейл адреса, на който искате да получавате съобщенията, и да го използвате, за да развиете бизнеса си в най-печелившата посока.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
- Как да намерите URL адреса за вход в блога си за WordPress
- Как да създадете зона на супер герой с анимиран текст
- Как да персонализирате CSS на вашия уебсайт WordPress
- Как да добавим категории на менюто на вашия WordPress блог
Заключение
Има! Това е всичко за този урок. Надяваме се, че ще ви помогне да промените страничната лента на вашия блог на WordPress. Не се колебайте да го направите споделете тази статия с приятелите си в любимите си социални мрежи.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.
...