Добавяне на слайдер на начална страница

Уеб сайтове с Wordpress WordPress е страхотен инструмент – едновременно безплатен и безценен помощник в създаването на уеб сайтове. Лесен за инсталация и използване от всеки!

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Назад Алтернативен видео плеър
Напред
Нашата начална страница в момента е доста разхвърляна и неподредена.
 Да разгледаме как може да я коригираме.
Това което бих искал да направя е да сложа тук да се появяват, последните публикации, като се въртят изображенията за тях.
 От дясно ще сложа ще сложа четирите най-нови публикации, които имаме и вече отдолу ще започна да се изреждат, съответно публикациите, които са останали в сайта.
 Как може да реализираме това нещо? Да отида в Настройки, не трябва да отивам в Настройки, а в таблото и там във "Външен вид" ще имаме джаджи.
 Тук трябва да настроя, джаджите за тази тема.
 Ако си спомняте, когато разглеждахме джаджите в предишната тема, тук ги нямаше всичките тези настройки.
 Това дойде с избора на нашата нова тема.
 Първоначално това може да ви се стори доста объркващо, защото имаме вече много контейнери на информация.
 Колкото повече са тези контейнери, означава че толкова повече възможности имате, за да променяте вашата тема така, че да придобие точно видът, който искате.
 Нека да разгледаме сега например, Left sidebar.
За съжаление темата е на английски, така че тези неща ще останат на английски.
 Някои от нещата трябва да ги научите като термини ляв sidebar или лява странична лента, и дясна странична лента.
 Аз не искам да има странична лента, която да бъде от ляво, затова ще сложа само такава отдясно.
 Отдясно да кажем, че ще сложим последните публикации.
в момента Ще отворя нашият сайт.
Той е празен.
 Ще сложа последни публикации.
 Натискам на запис.
 Тук се появиха последни публикации.
Да сложим категории под тях.
 В момента нямаме все още много опции да слагаме, но примерно допълнително ще сложим линк към фейсбук страница, опция за записване по имейл, може да си сложите банер ако искате.
Въпреки че модата на банерите отмина.
 Сложихме и тези категория.
Засега ще оставя това нещо.
 Допълнително ще разгледаме, като добавим различни възможности на сайта, както и тук ще добавим още неща.
 Засега няма да го претупваме с информация.
 Направихме нашият sidebar.
 Да разгледаме сега началната страница.
Този sidebar работи не само от тук, но ако кликна на публикацията, то е и при публикацията.
 Когато гледате кой от тези контейнери на информация, къде се появяват, е най-добре да прегледате документацията на темата, която сте избрали.
Това може да стане като потърсите името на темата в интернет.
 Името на темата най-често е отдолу.
 В случая пише тема "ColorMag by ThemGrill" или това е името на фирмата.
 Ще отворя линк към темата и обикновено има демо на живо, където може да разгледаме, Как е направен този сайт? Имаме тези опции.
Например тук е направен слайдер, за който говорихме, четири публикации.
 Доста по-шарено са го направили но ние все още нямаме толкова съдържание за да напълнм нашия сайт, но може да го направим да изглежда така с тази тема.
 Това което искам да погледна обаче документация и в документацията на една тема има настройки.
 Кое? Къде се прави? , в тази тема, т.
е.
ако искаме една опция къде може да я намерим в настройките.
 За да се върна тук в документацията, обикновено пише какво става когато попълним някой от тези контейнери.
 Те са направени така, че да са доста интуитивни, като име.
 Единствения проблем е че са на английски, но "frontpage" е "начална страница".
 Така,аз се сещам че това е за началната страница, slider area е площ, където е slider-a.
 Слайдер в интернет са точно тези изображения, които се плъзгат нагоре-надолу.
Slide e плъзгам се, така че тези изображния са наречени слайдери.
 По-скоро не самите изображения, ами мястото където се плъзгат изображенията.
 Ще сложим тук един слайдер, като темата ми подсказва че тук е подходящо да сложим слайдера, който е към тази тема.
Може да сложим и някой друг разбира се.
 Такива слайдери се инсталират с различни плъгини.
Тук си имаме този category slider и ще го добавим.
 Те обикновено имат някакви настройки, в случая е да се показват четирите последни публикации.
 Записвам го.
 Да видим какво ще се получи отивам на начало и се появи нашия slider.
 Когато направихме слайдера всичко останало се премести надолу.
 Тук получихме едно пространство.
Сега остава да добавим от дясно на слайдера някаква информация, защото там е много празно така.
 Заглавна страница: площ до слайдера Така е наименовано, така че тук може да сложим каквото си поискаме.
Може да сложим последни публикации.
 Дали ще изглежда добре? Това зависи от нас.
Зависи какво желаем ние.
 Послените публикации може да сложим тук или пък да ги махнем.
 Да сложим тук, темата ми подсказва highlighted posts или публикации, които са маркирани като по-важни.
 Тук ще изберем highlighted post.
Ще ги сложим.
 И има настройки може да показваме публикации само от последната категория, но в случая са настроени да се виждат поседните 4.
 Да видим! Нашата заглавна страница е готова! Имаме си слайдера, имаме си четирите изображения и отдолу продължават нашите публикации, като последната публикация е най-отгоре.
 Под нея вече са другите с по-малки изображения.
Тук има обаче един проблем! И този проблем е размерът на изображенията.
 Виждате че изображенията, които сме избрали са с различен размер.
 Дори се размърда сайта, сега като се смениха броколите, виждате че се качи нагоре темата.
 Следващите ще избутат броколите надолу.
Нямаме еднаквост на изображенията, което седи неприятно в сайта.
 Отделно чисто визуално, тук би било по-добре това изображение да е до края и мисля че тук може да се види.
примерно Примерно това е начина по който би било добре да се визуализира нашето изображения да изпълва нашата статия.
 Докато, ако изберем примерно следващата виждам, че имаме празно пространство.
 Избираме следващата отново има празно пространство и не седи добре в самия сайт.
 Ще трябва да уеднаквим изображенията, за да не се получава това нагоре надолу размърдване на сайта, докато се сменя слайдера.
 Такива настройки ще правим в следващите уроци за да може нашият сайт да придобие по-професионален вид.

Тест за преминаване към следващия урок

 
За какво може да се използва слайдерът в Wordpress темите?
За показване на последните публикации чрез плъзгащи изображения
За разместване съдържанието на сайта
За уеднаквяване на размера на изображенията

Въпроси и отговори

  • Как ?

    Любомир:

    Можем да сложим видео на горният панел / сайт бар  или над менюто . Тоест на мястото на картинката със надписа .Ето моят примерен сайт https://dani.gotovasistema.info/   Или може би темата него позволява ? И зависи от темата !!! 

    Иванка Калева Чолакова:

    Нещо сайта не се вижда, Любомир.

  • Как мога да скрия текста, който показва, че сайта е направен с WordPress и полето да остане празно?

    Зорница Статкова:

    Даниела Найденова:

    Външен вид - Редактиране - Шаблони (менюто от дясно) - Футър на темата (footer.php) и се изтрива частта от кода, в която са упоменати wordpress и името на темата, но НЕ ПРЕПОРЪЧВАМ НА НИКОЙ ДА ТРИЕ КАКВАТО И ДА Е ЧАСТ ОТ ТОЗИ КОД, АКО НЯМА ПОНЕ ЕЛЕМЕНТАРНИ ПОЗНАНИЯ ОТ ПРОГРАМИРАНЕ С PHP.

    Зорница Статкова:

    Благодаря, Даниела!

    Ангел Арънски:

    За всяка тема ще е различно. Поради тази причина е трудно да ти дам едно решение. Ако триеш HTML, то гледай да триеш еднакъв брой отварящи и затварящи тагове. Например

    <div class="xxxx"><p>
<div>sfpsdf<img src="sdfsdfdf"/> wperihwie
<div>psdofjpsofj
</div><span>osdfihsoif</span>
</div>
<div class="Sdfsdf"></div><img></img>
</p></div>

    Трудно ще се разбере какво трябва да трием, но ако го форматираш така:

    <div class="xxxx">
   <p>
         <div>
                 sfpsdf<img src="sdfsdfdf"/> wperihwie
                 <div>psdofjpsofj</div>
                 <span>osdfihsoif</span>
         </div>
         <div class="Sdfsdf"></div>
         <img></img>
    </p>
</div>

    Можеш да изтриеш всеки отделен блок много по-лесно. Когато има PHP става още по-сложно, но може да се ориентираш по подобни елементи:

    <?php for($i=0;$i<10;$i++) { ?>
<div>qqqqq</div><img class="qqqq"><h1>qqqqqq</h1>
<div><?=$i?></div>
<div>qqqqq</div><img class="qqqq">
<?php } ?>

    Това е цикъл от 0 до 10. Повтаря всичко между { и } Ако изтриеш <?php } ?> ще се бъгне всичко. Ако изтриеш <?=$i?> Нищо няма да се развали. HTML-а можеш да го триеш, както в примера горе.

    Зорница Статкова:

    Благодаря, Ангел!

    Elena Nikova:

    И на мен ми беше полезно, благодаря!

    Людмил:

    Гледай видеото може да ти е полезно

    https://www.youtube.com/watch?time_continue=81&v=QEdZom8BeEI

    Chvdr:

    Също така ето няколко решения (сори за забавянето в отговора): 1. има Джаджи, които премахват или персонализират футъра 2. Може да ползвате custom code или подобни опции - по-модерните теми ги имат 3. Ако използвате ПРО (платена версия) на темата. Ако сте достатъчно мотивирани, може да опитате. Със сигурност ако планирате да създадете поне три сайта, много си струва. Както стана дума в преден урок, дори професионалните тиймове ползват 2-3 теми. Е, техните са ПРО версии :) затова те могат много. Ако това ви се виджа прекалено, 1. и 2. трябва да рботят - а и предполагам по-нататък в курса ще стане въпрос точно за това

  • Как да настроя дата и категория да не се виждат ?

    Ana:

    Здравейте! Има ли начин да се скрият датата и категорията от публикация? Например в слайдера се въртят наколко публикации и в долния ляв ъгъл се изписват името, датата, коментари... има ли начин това да се премахне?

    Грациела Георгиева: 
    Здравей,
Да, възможно е да се премахнат някои от тези неща. Ако си със същата тема, която се използва и в   курса, решението е следното: влизаш в админ панела, избираш от менюто **Публикации** > Всички, след това намираш **Настройки на изгледа** и от там избираш какво да се показва.
    Elena Nikova:

    И на мен ми беше полезно, благодаря!

  • Как да видим името на темата?

    Jullian Angelov:

    Харесваме тема, която видимо е направена с WP. Как можем да научим името й, за да си я инсталираме? Опитвах дори да направя сайт с тема, която аз задавам и естествено знам името й, за да потърся къде в Cpanel-а ще излезе името й и да потърся по аналогия името на интересуващата ме, но не се получи.

    Иван Цукев:

    Добър въпрос. Това е често срещан казус. Понякога името на темата е написана във footer-а, но най-често го няма. Ако искаме все пак да разберем името натемата, ето как става с Chrome

    1. Отваряш сайта и кликваш някъде отстрани на десния бутон на мишката. Изибраш View Source.

    2. Вижда се HTML кода и натискаш CTRL+F за търсене. Пишеш в търсачката "themes" и ще светнат части от кода, където пише името на темата. След /themes/ тъсиш ключови думи,които ти подсказват името на темата. Ето пример с темата Colormag:

    Jullian Angelov:

    Благодаря! :) Само бих допълнил, че по този начин виждаме единствено активната тема, която всъщност е привлякла вниманието ни.

    Исках да задам аналогичен въпрос как мога да видя какви разширения има инсталирани на сайт, който ми е направил впечатление ( например разширение, което показва температурата или текущият валутен курс). Опитах с мой сайт в който знам какви разширения има. Oказа се, че всички те са видими по същият начин като търсим plugins Виждат се само активните приложения, не и инсталираните неактвини. След като ги видим трябва да проверим по описанията във www.wordpress.org или там откъдето инсталираме разширенията кое от разширенията които не познаваме или не се досещаме за какво служи.

    Jullian Angelov:

  • Може ли да сложим в Slider Area само изображения?

    Александра:

    Можем ли да сложим в Slider Area само изображения, които да качим специално за тази област и които да са различни от тези на публикациите?

    Искрен Иванов:

    Мисля, че зависи от темата. Аз например ползвам тема, в която това може да стане и точно така го използвам.

    Александра:

    Много Ви благодаря!

    Теменужка:

    Как можем да сложим в Slider Area само изображения, които да качим специално за тази област и които да са различни от тези на публикациите

  • Как да намеря тема, която да има толкова много опции за редактиране? 

    Nikoletad:

    Как да намеря тема, която да има толкова много опции за редактиране? Всички, които досега пробрах са с много малки опции.

    Тодор Тодоров:

    Всяка платена тема ще ти позволи да си добавиш твой секции, както и да ги настроиш какво да правят. Безплатните или както се наричат Демо теми не дават възможности за нови слайдбарове или темплети.

    Тодор Тодоров:

    Всяка платена тема ще ти позволи да си добавиш твои секции, както и да ги настроиш какво да правят. Безплатните или както се наричат Демо теми не дават възможности за нови слайдбарове или темплети.

  • Здравейте, на мен не ми излиза слайд меню,въпреки че следвам показаният начин . Излизат ми само 4 -те публикации ?

    Ива Маджарова:
    Антон:

    Опцията за слайд меню зависи от използваната тема, но ако темата го позволява опцията е във външен вид / джаджи.

  • Как мога да инсталирам тема, която съм си изтеглила от сайта на автора й?

    Станица:

    Намерих тема, която ми допада в сайта на ThemeGrill. Въпросът ми е как да я добавя към Wordpress, така че да я използвам в сайта си?

    Виктория Благоева:

    Има два начина да се смени темата на сайта. Първия е ппрез табло, външен вид теми и си намирам съответната тема. Втория е дакато съм в сайте в черната администратоска лента , настройки и от падащото меню си избера на активана тема - смяна

  • На мен не се показа слайдер, а само четирите статии (2*2), знаете ли как да го поправя?

    Aulanet потребител:
    Тургай Ефраимов:

    Здравейте, и при мен е същото. А иначе го имам инструмента в Джаджи, съответно там поставям публикациите...

  • Как да добавя стрелкички на слайдера?

    Николина Костадинова:

    Здравейте, как мога да добавя стрелкички на слайдера, така че потребителя да не изчаква публикациите да се сменят сами, а да има и опцията сам да премества напред или назад?

    Иван Цукев:

    За всяка една тема и плъгин е различно. Обикновено има такава опция. Проверете документацията и там ще намерите отговора.

Напред