Компютри Windows интернет

Ваш собствен шаблон за категорията на Joomla. Joomla шаблони блог Категории шаблони на блогове

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

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

Сега няма трудности с организирането на лично пространство в Интернет. Можете просто да прегледате новините и да закупите любимите си блог категории за joomla.

Публикуваните и достъпни за всеки блог шаблони са идеални както за създаване на интересно лично портфолио, така и за списание, посветено на модните тенденции. Има дори специални разработки, предназначени за любителите на музиката, които са решили да създадат свой собствен блог, за да обединят съмишленици. В този случай ще можете да изберете както дизайн, така и директно информативна серия с основен акцент върху представянето на различни видеоклипове и съответно аудиозаписи. Ако желаете, можете дори да създадете лична социална мрежа без никакви проблеми, която ще бъде предназначена за особено общителни фенове на различни музикални стилове.

Решихте ли да създадете свой блог в joomla и да го комбинирате с онлайн продажби? След това трябва да обърнете внимание на шаблоните за блогове на joomla 3, които предоставят възможност за реализиране на онлайн продажби.

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

Тук можете да изтеглите уникални Шаблони за Blogger. Темите в тази колекция са по-напреднали SEO оптимизация.

Езици: Английски руски.

Видове: Новини, Списание, Блог, Минимализъм, Портфолио, Едностранични, Галерия, Решетка, Онлайн магазин, Визитки, Корпоративни сайтове.

Теми: Спорт, Снимки, Игри, Готварство, Стил и мода, Дамски, Детски, Автомобили, Здраве, Пътуване, Туризъм, Дизайн, Ремонт на дома, Интериор, Природа, Животни, Танци, Видео, Музика, Политика, Икономика, Бизнес, Форекс, Изкуство, Картини, Тапети, Печалби, Недвижими имоти, Риболов, Лов, Софтуер, Софтуер, Приложения за игри за Android.

Технологии: Jquery, AMP, Bootstrap, Ajax, Javascript, Адаптивен дизайн.

Най-добрите шаблони за блогъри, избор на потребителите

UberSpot е отлично решение за тези, които ценят красивия дизайн, SEO оптимизацията и ефективната функционалност. В тази тема ще намерите редица страхотни и продуктивни нови продукти, например нова джаджа за Instagram, Sitemaps, публикации, коментари и т.н. Можете също така да се възползвате от два различни типа оформления.

Неудържим "Завоевател на ниши". Това е идеалното решение за еднотематични сайтовеи блогове. Идеята при създаването на темата беше да се реализира безкрайна навигация, чието движение да се следи от търсачките. По този начин новата навигационна система, за разлика от предишните, не само ще увеличи поведенческия фактор, но и ще го покаже напълно, което ще доведе до повишаване на позицията на сайта в търсенето.

Проектиран на базата на новите теми на Blogger от поредицата (CNES). Способен за решаване на множество поставени задачи. Можете да го използвате с всички джаджи или частично като блог с лична информация. Скоростта на зареждане на страницата ще ви изненада приятно.

BlogBoard е един от най-добрите гридъри през 2018 г. Комбинира няколко стила наведнъж. Може да се използва като блог онлайн магазин. Той ще свърши чудесна работа за представяне на вашите умения и услуги, така че е подходящ и за портфолио.

Dionis има опростен тип доставка на съобщения. Подходящ за всякакви ниши и истории. Функциите включват красив прелоудър (анимирано изображение преди зареждане на главната страница), препоръчителни съобщения, изскачащи от дясната страна при превъртане на страницата.

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


Mistik има четири различни стила. Можете да изберете този, който ви харесва най-много. Лесното персонализиране на менюта, цветове и други елементи ви позволява да създадете свой собствен уникален дизайн.


NewsB е лека тема за новини с комбинирана цветова схема, прости и същевременно стилни джаджи, създадени за различни теми и категории съдържание. NewsB е напълно отзивчив и се поддържа безпроблемно от всички съвременни браузъри. Пълната версия включва днешните най-нови SEO настройки на блогъри, които ще позволят на вашия сайт да повиши още по-високо класирането си в търсачките.

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

Зашеметяваща тема с класически стил, предназначена за женски уебсайтове и блогове. Avicia е професионална тема с елегантен и модерен дизайн, която може да вдъхнови и предаде само положителни емоции на читателите.

Dream Press е сред най-добрите теми за блогъри. В него ще видите модерен, елегантен, стилен и семпъл дизайн. Като цяло всички тези качества ще помогнат за задържането на читателя на сайта.

Единственото нещо, което трябва да знаете за ExGPress е, че има най-удобната функционалност, сравнима със социална мрежа, която ще осигури на вашия сайт висок процент възвръщаемост. Към всичко можете да добавите SEO оптимизация, висока скорост на зареждане и голям запас от пространство за джаджи и реклама. ExGPress е проектиран специално за удобно гледане на съдържание и най-добро взаимодействие с търсачките, което го прави един от най-добрите шаблони за блогър днес. Онзи ден те добавиха нова функция към него: плаващи странични ленти; когато превъртате страницата надолу или нагоре, страничните ленти с приспособления се движат заедно с превъртането.

Grid Line е модерен и стилен шаблон за блогове. Всички негови елементи са внимателно подбрани, оптимизирани и подредени по такъв начин, че да привлекат максимално вниманието на читателя върху съдържанието. Grid Line е създаден не само за успешно популяризиране на вашия уеб ресурс в търсачките, но и за повдигане на духа на своите потребители и читатели.

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

Менюто е една от основните части и обикновено действа като навигационен елемент. Но освен навигацията, те определят какво точно ще се показва на динамичната страница след преминаване на линк. Всъщност те определят какво ще се показва на определена страница.

За какво са и как да работите с елементите от менюто на Joomla

Това не е толкова лесно за разбиране, особено за онези потребители, които са имали работа със статични сайтове, в които ролята на менюто е сведена само до осигуряване на навигация. Като цяло въпросът за организирането на съдържание и методите за показване на съдържание е един от най-трудните за начинаещите Joomlovians.

В началото е много трудно да се разбере цялата връзка между менюто, неговите елементи, съдържанието на уеб страниците и модулите, в които те се показват. Но нека поговорим за всичко по ред. Първо, те, както във всеки друг уебсайт, могат да бъдат разположени или хоризонтално (най-често в горната част на прозореца, но е възможно да се създаде и долна) или вертикално (или в лявата, или в дясната колона на шаблона ).

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

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

И така, можете да видите цялото това богатство на едно място - в мениджъра на менюто. До него можете да стигнете от административния панел, като изберете “Всички менюта” - “Меню” от горния му ред. За всеки от тях можете да създадете елементи, които ще образуват уеб страници с един или друг.

Техният външен вид се задава от настройките на същите тези елементи от менюто. Това е много важно да разберете, защото знанието къде да търсите определени настройки ще направи задачата ви много по-лесна. , както и настройка на модули за тях.

След като влезете в мениджъра на менюто, можете да щракнете върху иконата в колоната срещу тази, от която се нуждаете, което ще отвори списък с всички елементи, които вече са там. Можете също така да получите достъп до тази страница, като просто изберете в админ панела от горния му ред „Всички меню“ - „Име на това, от което се нуждаете“:

В резултат на това ще се отвори прозорец със списък:

Създаване на елемент от менюто

В горната му част ще видите бутони, сред които ще има бутон „Създаване“, щракването върху който ще отвори съветника за създаване на нов навигационен елемент:

В този прозорец ще видите дървовидна структура на типовете връзки към менютата, които можете да създадете в Joomla. Това дърво съдържа вложени елементи, които ще се отворят след щракване върху избрания родителски клон. Всичко е съвсем просто и ясно.

Той служи, за да можем да изберем опцията за представяне на страницата, на която ще отидем, след като щракнем върху създадения линк от менюто. С други думи, ще трябва да изберете един от шаблоните за страници на Joomla. Различните шаблони ви позволяват да комбинирате една или повече статии въз основа на разделите и категориите, към които принадлежат.

Моля, обърнете внимание, че в дървото по-горе има доста опции и те са разделени по тип компонент (това е), въз основа на който съдържанието ще се показва на сайта. Ние се интересуваме предимно от опции, които предполагат създаване на компонент за съдържание, вграден в двигателя по подразбиране, който отговаря за работата с материали.

Но освен основния компонент за работа със статии, има и други, които от своя страна също ще добавят свои собствени опции към това дърво, което ви позволява да се свързвате към уеб страници със съдържание, генерирано от нашето Съдържание.

Но засега ще се съсредоточим върху разглеждането на продукцията от материали, а всичко останало ще разгледаме възможно най-добре. И така, елемент от менюто в Joomla може да се свързва с три основни типа страници: с една статия, цяла категория или раздел.

В допълнение, елемент от менюто може да посочи или отделен компонент, или категория на този компонент. Например, можете да създадете връзка, която води както към страница със списък на всички категории от създадената от вас галерия, така и към страница със съдържание (снимки) само на една.

Тази бъркотия може да изглежда така:

В същото време следните опции бяха избрани в дървото от тези, които бяха добавени след инсталирането на компонента Phoca Gallery:

Основната задача при създаването на уебсайт на Joomla е правилното организиране на информационното съдържание (съдържание, съдържание). Имам предвид структурата на секциите и категориите, както за статиите, така и например за компонента фотогалерия. Е, има доста методи за показване на добре структурирано съдържание.

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

Ако искате да постигнете най-удобната навигация, тогава трябва да започнете с правилното формиране на секции и категории и разпределението на наличните статии между тях. И създаването на тази основа на обширна система от менюта и техните елементи за удобен и разбираем изход за потребителите ще бъде въпрос на технология.

Елементи на менюто, които ви позволяват да показвате статии в сайта

За да показвате съдържание, което включва статии на вашия сайт, ще трябва да добавите нови елементи към менюто от дървовидния клон, наречен „Материали“. Доста логично, предполагам. Щраквайки върху този клон на дървото, ще видите списък с всички възможни опции, които можете да използвате за показване на материали на уеб страниците на вашия сайт:

Няма толкова много от тях, но те ще ви позволят да показвате съдържание на статия в голямо разнообразие от форми - от отделни публикации до блог на цял раздел на една страница от уебсайта.

Сега просто трябва да разберем какво служи тази или онази опция в този клон на дървото и след това да разберем техните настройки, които ни позволяват да показваме блогове или списъци със статии в Joomla. Използвайки тези настройки, можете да зададете външния вид и реда на показване на материалите. Но на първо място.

Ще разгледаме варианта да изведем една единствена статия в края на публикацията и там няма нищо сложно или изискващо внимание. И сега искам да се спра подробно на два основни изходни модела:

  1. Шаблон за блог (категория или раздел) – нарича се така, защото начинът на показване на статиите в този случай напомня на стандартните блогове. В този случай уеб страница, генерирана в Joomla, обикновено ще бъде поредица от съобщения (въвеждащи части) на статии, които ще завършват с връзка „Повече подробности“. Всички те ще принадлежат или към един раздел, или към една категория, която избирате по време на настройката.
  2. Стандартен шаблон за раздел или списък с категории, което по същество е едно и също нещо. Уеб страница, генерирана в Joomla, ще бъде таблица, която изброява или заглавия на категории от конкретна секция, или заглавия на статии от конкретна категория.

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

Форматът на блога на категория или раздел ви позволява да показвате не само заглавията на статиите, но и да добавяте малко съобщение, което ви позволява да предизвикате допълнителен интерес сред посетителите на тази страница, за да продължите да четете и да кликнете върху връзката „Прочетете повече“ .

В същото време можете доста гъвкаво да персонализирате външния вид на статиите. Можете да зададете колко обяви да се показват по цялата ширина на страницата, колко да бъдат разделени на колони, да зададете броя на колоните и да определите броя на материалите, показвани отдолу под формата на връзки.

Как да създадете блог в Joomla въз основа на статии от категории

Нека първо се опитаме да създадем елемент от менюто в Joomla въз основа на шаблон на блог за категория (или раздел) и да разгледаме всички настройки, които можем да променим. Те ще бъдат почти идентични за тях. Затова ще разгледаме само опцията, базирана на шаблона на категорията, и можете сами да разберете раздела по аналогия.

И така, отидете в административния панел на Joomla, изберете техните горни редове „Всички менюта“ - „Име на това, от което се нуждаете“. На страницата, която се отваря, щракнете върху бутона „Създаване“, разположен в горната част. В дървото, което се отваря, щракнете върху опцията „Материали“ - „Категория“ - „Шаблон на списък“. В резултат на тези действия ще се отвори прозорец с настройки на елемент от менюто въз основа на избрания от вас шаблон:

В полето „Заглавие“, както обикновено, въведете името на този елемент от менюто, който ще бъде показан на сайта. Полето „Псевдоним“ трябва да се попълни само ако . Тогава ще имате нужда от.

Ако използвате компоненти на трети страни, за да организирате SEF, няма да е необходимо да го попълвате. Вече писах.

Полето „Връзка“ показва хипервръзка към страницата, генерирана въз основа на този елемент от менюто. Можете да го копирате и да го използвате за създаване на уеб връзки от текста на други статии на вашия сайт. В полето „Покажи в“ ще трябва да изберете менюто, в което ще се намира артикулът, който създаваме.

В колоната „Родителски елемент“ можете да изберете родителя за създавания елемент, когато щракнете върху него, нашият вложен елемент ще се покаже в менюто. Ако не искате да го направите вложен, трябва да оставите опцията по подразбиране „Нагоре“.

В областта „Достъп“ можете да зададете кои посетители да виждат този елемент. Или всички (използвани най-често), или само регистрирани, или само администратори на Joomla (опцията „Специални“).

В полето „Отваряне в“ изберете дали страницата да се отваря в същия прозорец, в нов прозорец или в нов раздел на браузъра.

Създаване на блог в Joomla

Отиваме в дясната страна на настройките, където са концентрирани раздели с параметри, отговорни за представянето на уеб страницата, която ще бъде отворена в резултат на щракване върху тази връзка. Нека започнем нашето разглеждане с основните параметри, разположени в раздела със същото име:

В полето „Категория“ трябва да изберете тази, чието съдържание ще се показва като блог. В колоната „Описание“ можете да скриете или покажете показването на описанието за тази категория, което ще се показва в горната част на страницата на блога. Същото важи и за „Описание на картината“.

В полето „Пълна ширина“ можете да зададете броя на статиите (най-често само техните уводни части - съобщения), които да се показват в цялата ширина на уеб страницата, без да се разделят на колони. В колона „Въведение” посочвате броя на материалите, които ще бъдат разделени на колони, а в поле „Колони” посочвате техния брой. Те ще се показват зад онези статии, които се показват в пълна ширина.

Така можете например да въведете числата в тези четири полета: 1 6 2 4, в резултат на което генерираната страница с блога ще изглежда така: най-отгоре ще се покаже едно съобщение за статията, последвано от още шест съобщения от тази категория, добре, най-отдолу ще има списък с още четири връзки.

Ясно е? Не? След това опитайте сами да експериментирате с числата в тези настройки и всичко ще ви стане ясно и разбираемо. Понастоящем не е възможно да се приложи в Joomla показването на статии в категория или раздел блог, първо в колони и след това по цялата ширина на страницата. Следователно ще трябва да се задоволите с това, което имате.

О, между другото, нула в някое от тези четири полета, с изключение на „колона“, ще означава, че нито един от материалите в тази категория няма да използва тази функция за показване. Разгледахме основните параметри, които могат да се променят при създаване на елемент от менюто в Joomla. Сега нека отидем в раздела за разширени:

Ето настройките, които отговарят за реда на статиите. Има много опции - по дата, по азбучен ред, по реда на показване, който сте задали в мениджъра на съдържанието (от тази категория).

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

Полето “Сортиране” определя реда на самите артикули, когато се показват. Между другото, когато създавате елемент от менюто с кодово име „Шаблон на блога на раздела“, можете да сортирате всички статии, без да вземете предвид принадлежността им към определена категория, но за да направите това, трябва да изберете опцията „По подразбиране“ в предишния „Ред“ ” поле.

Ако изберете опцията „Ред на показване“, то статиите от избраната от вас категория Joomla ще се показват на страницата в реда, който сте задали в мениджъра на съдържанието, като зададете филтър само за нея.

Има два начина за сортиране на статии в мениджъра на съдържанието, които принадлежат към категорията, от която се нуждаете. Можете да поставите нужните числа в колоната „Сортиране“ и да кликнете върху дискетата, разположена до името на тази колона. Можете също да използвате зелените стрелки в същата колона, но при голям брой статии това вероятно ще бъде неудобно.

В колоната „Пагинация“ и следващите няколко колони с разширени настройки на елементи от менюто, базирани на шаблон на блог за категория или раздел, можете да скриете и покажете пагинация. Да кажем, че ако има повече материали в показаната категория, отколкото сте посочили в настройките, описани по-горе, тогава Joomla ще добави номериране (пагинация) в долната част на генерираната уеб страница с блог, освен ако не деактивирате това в „Странирането“ поле.

Не забравяйте, че статиите, предназначени да бъдат показвани като част от блог в Joomla, трябва да бъдат подготвени по съответния начин, а именно ще трябва да го отворите във визуален редактор за редактиране, да поставите курсора на мишката след няколко параграфа от текста и да кликнете върху „ Повече информация“, разположен в долната част на прозореца на редактора.

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

Показване на отделен материал, списък с категории или статии

Нека сега да разгледаме настройките, които можете да зададете, когато създавате или редактирате елемент от менюто въз основа на стандартен шаблон на раздел. Първо отидете в административния панел, изберете от горния ред „Всички менюта“ - „Име на това, от което се нуждаете“. В прозореца, който се отваря, щракнете върху бутона „Създаване“, който се намира в горната част.

В дървото на елементите, които можете да създадете, което се отваря, щракнете върху опцията „Материали“ - „Категория“ - „Стандартен шаблон на раздел“. В резултат на тези действия ще се отвори прозорец с настройки.

Забележителното е, че лявата му страна ще изглежда точно както в тази, която разгледахме по-рано. Основната разлика е в основните параметри:

В полето „Секция“ ще трябва да изберете секция, чийто списък с категории ще се покаже, когато щракнете върху тази връзка в менюто. Между другото, посетител, когато преглежда списък с категории, ще може да види списъка с материали във всяка от тях, като просто щракне върху името му с мишката. Целта на полетата „Описание“ и „Изображение“ е подобна на тази, обсъдена по-горе.

Ще ви бъде по-лесно да видите предназначението на останалите полета в действие, отколкото да четете за него. Всички други настройки не се различават от тези, обсъдени по-горе.

Нека се опитаме да създадем елемент от менюто в Joomla въз основа на шаблон за списък с категории и да видим как се различават настройките:

В настройките по-долу можете да зададете броя на статиите, показвани в списъка, както и да разрешите или забраните показването на заглавия на колони в списъка, дата на създаване (можете да зададете свой собствен формат за нея) и филтър, който ще ви позволи сортирайте материалите по заглавия, автори или по хитове (брой прегледи на материала от посетители).

Е, накрая ще кажа няколко думи за създаването на елемент от менюто в Joomla въз основа на стандартен материален шаблон. Тук всичко е много просто, в основните параметри имате възможност само да изберете артикула, от който се нуждаете, от мениджъра на материали, който ще се отвори, когато щракнете върху връзката към елемент от менюто.

Възможно е тази буржоазна визия за успешно популяризиране на блогове да ви бъде полезна (авторът на най-популярния блог за SEO в буржоазията говори):

Късмет! Ще се видим скоро на страниците на сайта на блога

Може да се интересувате

Създаване и показване на статии (съдържание) в Joomla с помощта на секции и категории, блог в Joomla и бутон Прочетете повече.
Контакти за сайта и форма за обратна връзка чрез вградения Joomla компонент
Какво е Joomla
Модули за показване на списък със секции в Joomla, произволни и последни новини, подобни материали, произволни снимки и Html код
Меню в Joomla - добавяне на вложено или падащо меню, както и създаване и конфигуриране на модул за показването му в сайта
Модули в Joomla - позиция за преглед, настройка и изход, както и присвояване на суфикси на класове
Организиране на съдържание в Joomla - изтриване и създаване на статии в админ панела, както и настройка на параметри за всички материали
K2 компонент за създаване на блогове, каталози и портали на Joomla - функции, инсталиране и русификация
Joomla admin - пълно ръководство за всички настройки на админ панела на Joomla в подробности и снимки

Често възникват ситуации, когато имате нужда от различни категории в Joomla! изход с помощта на индивидуални шаблони. Например, категорията новини се показва със собствен шаблон, а категорията на статията трябва да се показва със собствен шаблон, който е много различен от шаблона за показване на новини в Joomla. Ето един лесен начин да направите това на стандартно ниво на изходен шаблон com_content, без да засягате ядрото на Joomla.

След като разгледахме структурата на стандартния компонент com_content в Joomla, нека копираме изходните файлове на шаблона на категорията в нашия шаблон на Joomla, ако вече не са там. Помислете за изходния шаблон на блога на категорията:

(root)\templates\(TEMPLATE)\html\com_content\category\blog.php – първоначален шаблон

(корен)\templates\(TEMPLATE)\html\com_content\category\blog_item.php – шаблон за материали

(root)\templates\(TEMPLATE)\html\com_content\category\blog_links.php – шаблон за връзки към следните материали

Първо ще се зареди изходният шаблон blog.php, който от своя страна използва другите два шаблона. За да разрешите проблема, не е необходимо да докосвате основните файлове на Joomla, а ще се използват само шаблони.

Тъй като blog.php ще бъде зареден първо, трябва да се извършат съответните манипулации с него. Можете да добавите необходимото условие за проверка на категорията Joomla. След като проверите дали директният достъп е забранен, добавете:

items->catid === $categories[$i]) ( $this->_layout = "myblog"; $this->display(); $check = true; break; ) ) // Ако условието не съвпада , покажете обичайния шаблон if (!isset($check)) : $cparams =& JComponentHelper::getParams("com_media"); ?>

И в края на файла затваряме условието:

Нека да разгледаме малко кода:

Към променлива $категорииние питаме документ за самоличносткатегории, които трябва да се показват като отделен шаблон, разделени със запетаи. След това, съответно, подреждаме всичко в масив и избираме първия елемент, за да определим изходната категория. След това сравняваме тази категория с тези, посочени в променливата $категориии ако има съвпадение, задаваме нашия шаблон и го показваме. Ако не бъдат намерени съвпадения, тогава променливата $чекне е инсталиран и се показва обичайният шаблон blog.php.

Всичко, което остава да направите, е да създадете нашите шаблонни файлове в същата директория:

(корен)\templates\(TEMPLATE)\html\com_content\category\myblog.php – първоначален шаблон

(корен)\templates\(TEMPLATE)\html\com_content\category\myblog_item.php – шаблон за материали

(root)\templates\(TEMPLATE)\html\com_content\category\myblog_links.php – шаблон за връзки към следните материали

По този начин можете да контролирате изходните шаблони за различни категории, без да засягате ядрото на Joomla.

IN WordPressтова се реализира много просто: просто създайте копие на шаблона category.phpи добавете към него slug (английско системно име на рубриката) от необходимата рубрика. Например: категория-новини.phpще се използва при показване на публикации в категории със знак Новини.

Засегнахме темата за wordpress, тук ще разгледаме joomla, а именно как да създаваме и предефинираме изходни шаблони. Не, не, не общ шаблон за уебсайт (въпреки че ще работим с него), а нещо друго, което, за съжаление, много разработчици просто пренебрегват. Но на първо място.

Нека първо да разгледаме как работи шаблонът в joomla. Ще обясня в общи линии, но за да разберете за какви модели говоря. Всички знаем, че един уебсайт има шаблон, който можем да променим на каквото си поискаме. Така че този шаблон може да съдържа подшаблони, а именно шаблони за разширения. Представете си, че искате да промените изходния стил на, например, някакъв модул, нека вземем модула за извеждане на най-новите материали. Модулът може да бъде вграден или на трета страна, по принцип няма значение, същността е същата. Представете си, че трябва да разменим заглавието на статията и изображението на анонса, т.е. беше - първо идва заглавието на статията, после под него е снимка, после датата, после текстът и т.н. И дизайнерът ни го нарисува така - снимката е горе, а заглавието е долу. Как ще се променим? Ето най-интересното... Много разработчици не се замислят, че joomla е бързо развиваща се система, която се характеризира с чести актуализации. Но много разработчици намират точно тези редове във файловете на модула и ги променят според нуждите си. Не е ли възможно? Защо, това е възможно само след актуализиране на модула или двигателя, ако това е роден модул - промените ви се развалят и цялата ви работа ще отиде на вятъра. Тоест променените файлове просто ще бъдат презаписани по време на актуализацията. И така, разработчиците предвидиха това и излязоха с шаблонна система и според мен това е много правилен и удобен подход.

Структура на статията

И така, как работи замяната на шаблон? Joomla, както повечето съвременни двигатели, работи по модела MVC - модел, изглед, контролер. Сега няма да навлизам по-дълбоко, но ще кажа, че този модел предвижда отделяне на логиката от шаблона. И така, именно този шаблон е поставен в основния шаблон на joomla. Joomla е проектирана по такъв начин, че ако шаблоните за разширения не бъдат намерени в основния шаблон на сайта в папката „html“, тя ще ги премахне от ядрото. За да стане ясно, ще дам един пример.

Да вземем стандартен компонент com_съдържаниее компонент на статия в joomla. Нека се опитаме да предефинираме типа представени статии. Нека ги покажем например на главната страница. За да направим това, трябва да добавим шаблон за показване на избрани статии от компонента към основния шаблон на joomla. За да направите това, създайте папката html в корена на основния шаблон на сайта, след това папката “com_content” в нея, след това папката “featured” (избрани материали) в нея, т.е. пътят ще бъде нещо подобно - /templates/your template/html/com_content/featured. Сега отидете на следния път - /components/com_content/views/featured/tmpl/ и копирайте файловете default.php, default_links.php и default_item.php в създадената папка “featured” на вашия шаблон. Сега редактирайте тези файлове според нуждите ни. Ще можете да видите промените веднага на уебсайта. Сега, когато актуализирате joomla, вашите промени ще останат непокътнати.

По този начин можете да замените изходния шаблон на почти всеки компонент или модул, както вграден, така и на трета страна. Приставките нямат шаблони. От една страна, предефинирането на шаблони може да изглежда като скучна работа - създаване на папки в определена последователност; ако направим нещо нередно, шаблоните няма да работят. В най-новите версии на joomla, започвайки с joomla 3.2, стана възможно автоматичното създаване на замени директно от административния панел на сайта. За да направите това, отидете на Разширения -> Мениджър на шаблони -> в списъка с шаблони срещу използвания шаблон, в колоната „Шаблон“, щракнете върху името на шаблона и влезте в редактора на шаблони.

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

Също така, в допълнение към шаблоните на компоненти и модули, можем да предефинираме външния вид на оформленията. Какво представляват оформленията? Например, трябва да променим шаблона за навигация на страницата. За да направите това, просто създайте шаблон за оформление „Пагинация“ в административния панел и го променете според нуждите. Оформленията са нова функция, въведена в Joomla 3.

Алтернативно оформление

Сега разбираме, че преди да променим изходния дизайн на определено разширение, трябва да създадем неговия шаблон. Но представете си, че един и същ модул трябва да получи няколко дизайна, т.е. в един раздел на сайта дизайнът е един, в друг раздел дизайнът е различен. Как да съм тук? Ще кажа, че разработчиците също са предвидили това и са създали специална опция, наречена „Алтернативно оформление“. Можете да видите тази опция в настройките на модула или компонента. Например в настройките на модула изглежда така.

Например, нека предефинираме шаблона на модула за формуляр за влизане в сайта и да създадем два шаблона. За да стане ясно как се различават един от друг, нека направим бутона за влизане в един шаблон оранжев по подразбиране, бутона за влизане в шаблона; "Протозвезда"син. За да направите това, първо отидете в мениджъра на шаблони и създайте заместване за модула "mod_login"— Разширения -> Мениджър на шаблони -> в колоната „Шаблон“ изберете нашия шаблон, имам този шаблон "Протозвезда"-> раздел „Създаване на замяна“ и в колоната „Модули“ щракнете върху връзката "mod_login".

След това получаваме съобщение, че замяната е създадена и следващото нещо, което ще направим, е да отидем в папката с шаблони „Protostar“ (ако сайтът е хостван, тогава е по-добре да използвате FTP клиент, например total commander) и виждаме, че се е появила папка в корена на шаблона "html", отворете тази папка, след това папката "mod_login"и виждаме два шаблонни файла: default.phpИ default_logout.php. Можем да променим тези файлове по начина, по който желаем и веднага да видим резултата на сайта след опресняване на страницата. Но тези промени ще се приложат незабавно към всички създадени модули "mod_login"и трябва да създадем два различни дизайна.

За да разберете същността на алтернативното оформление, отидете в настройките на модула Форма за вход -> раздела „Допълнителни параметри“ и се уверете, че в падащия списък „Алтернативно оформление“Има само шаблон по подразбиране и това е.

Сега нека създадем копия на шаблоните за отмяна в папката mod_loginшаблон на уебсайт (изберете файла, натиснете ctrl + c, след това ctrl + v), ще имаме файлове с префикс „копиране“. Нека преименуваме и двата файла, като заменим префикса „copy“ с, например, "-алтернатива"(имената на файловете трябва да са строго латински и да не съдържат долна черта), т.е. трябва да имаме два допълнителни файла: default-alternative.phpИ default-alternative_logout.php. Сега търсим кода на бутона във файла default-alternative.phpс класа "btn btn-основен"и промяна "btn-основен"На "btn-предупреждение"(клас на бутон за предупреждение в ), т.е. като този - клас = "btn btn-предупреждение".

Сега отидете на настройките на модула mod_loginи виждаме, че допълнителен шаблон „алтернатива по подразбиране“ се е появил в списъка „Алтернативно оформление“.

Това е всичко, сега можем да клонираме нашия модул и да изберем шаблона „алтернативен по подразбиране“ в опцията „Алтернативно оформление“. Сега този шаблон ще се показва на сайта с оранжев бутон за влизане.

Алтернативно оформление на категории и статии

Точно като модулите, статиите и категориите също могат да получат собствено алтернативно изходно оформление. Можем да заменим изхода на всяка статия или категория. Когато създавате уебсайт, често се налага да прибягвате до подобни методи, особено ако това е голям сайт и в него има много различна информация.

Можем да зададем алтернативно оформление на отделна категория и отделна статия.


Заслужава да се отбележи веднага, че алтернативното оформление на категория ще работи само ако категорията не е обвързана с елемент от менюто с типа „Блог на категория“ или „Списък с материали за категория“. За да покажем алтернативно оформление за категория, която е свързана с елемент от менюто, ще използваме различен метод, но повече за това по-долу...

Алтернативно оформление на една статия

Нека създадем алтернативно оформление за отделен материал. Например, в отделен материал зададох заглавието H2 на класа pageTitle, така че този материал стана уникален по отношение на другите. Как може да се постигне това? Ние просто създаваме алтернативно оформление на страницата и го присвояваме на желаната статия. За да направите това, първо създайте замяна за статията: Разширения -> Мениджър на шаблони -> колона „Шаблон“, изберете вашия шаблон -> Създайте замяна -> в колоната „Компоненти“ намерете „com_content“, разгънете списъка и щракнете на връзката „статия“.

Сега отидете в директорията - /templates/your template/html/com_content/article/ и създайте копие на файла default.php. След това преименувайте този файл, например default-alt.php. Правим необходимите промени в шаблона (зададох заглавието на страницата на класа pageTitle, ако си спомняте). Сега нека присвоим този шаблон на желаната статия - Материали -> Мениджър на материали -> изберете желания материал -> Опции за показване на материали -> отидете надолу и в полето „Алтернативно оформление“ изберете нашето оформление - default-alt.

Сега, ако презаредим страницата, можем да видим промените си.

Нека сега да дадем на нашето алтернативно оформление "default-alt" подходящо име. Например, нека го наречем така - Моето алтернативно оформление. За целта трябва да добавим константа с превод - TPL_ ИМЕ НА ВАШИЯ ШАБЛОН _COM_CONTENT_ARTICLE_LAYOUT_ ИМЕ НА ФАЙЛА С АЛТЕРНАТИВНО ОФОРМЛЕНИЕ ="Моето алтернативно оформление" - във файла за локализация на шаблона - ru-RU.tpl_ име на шаблон .sys.ini.

Използвам шаблона по подразбиране „protostar“ и името на моя алтернативен файл с оформление е default-alt.php. В моя случай, за превод, добавих константата TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT=”Моето алтернативно оформление” към файла ru-RU.tpl_protostar.sys.ini (/language/ru-RU/). Сега, когато избера алтернативно оформление, името ми се показва.

Има по-лесен метод за локализиране на алтернативно оформление чрез замяна на езиковите константи на joomla. Писах за това в, можете също да прочетете. Преводът се създава от админ панела и не е необходимо да влизате във файловете. За да направите това, отидете на Разширения -> Езиков мениджър -> Предефиниране на константи. След това в полето „Филтър“ преминете към областта на контролния панел с желания език (имам руски, в многоезичен сайт ще трябва да създадете по един за всеки език).

Сега щракнете върху бутона „Създаване“ и въведете нашата константа в полето „Езикова константа“, за мен това е TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT. В полето „Текст“ въведете превода му – Моето алтернативно оформление. Щракнете върху запазване. Това е всичко, оформлението също ще бъде преведено.

Бих искал да добавя, че нашето алтернативно оформление може да бъде дефинирано и глобално, т.е. по подразбиране ще се прилага за всички материали. За да направите това, отидете в настройките на материалите - Мениджър на материали -> кликнете върху бутона "Настройки" в горния десен ъгъл -> в първия раздел "Материали", най-отгоре виждаме полето "Избор на оформление".

Алтернативно оформление на категория

По почти същия начин, както за статия, се създава алтернативно оформление на категория. Създайте замяна на шаблона за списък със статии на категории (когато създавате замяна, щракнете върху връзката „категория“). След това отидете на нашия шаблон и отворете създадената папка за заместване - категория. В тази папка намираме файловете: blog.php, blog_item.phpИ blog_children.phpи създайте техни копия (избиране, CTRL+C -> CTRL+V). Нека преименуваме копия на тези файлове, аз ги нарекох така: myblog.php, myblog_item.phpИ myblog_children.php. Можете да замените префикса " Моят блог_» по името си, но последователността от действия трябва да е точно такава, в противен случай може да възникнат грешки. Сега в административния панел на сайта отваряме категорията, към която искаме да присвоим алтернативно оформление и в раздела „Опции“ намираме полето „Алтернативно оформление“. Като разширим списъка, ще видим оформлението, което създадохме (по подразбиране вече има две оформления: Блог и Списък).

Пак да напомня!Това алтернативно оформление ще се прилага само ако категорията не е обвързана с елемент от менюто с тип блог на категория или списък с категории.

Можете също така да дадете подходящо име на оформлението, като създадете езикова константа - TPL_ ИМЕ НА ШАБЛОН _COM_CONTENT_CATEGORY_LAYOUT_ ИМЕ НА ФАЙЛА НА ОФОРМЛЕНИЕТО (копие на файла blog.php). В моя случай ще бъде - TPL_PROTOSTAR_COM_CONTENT_CATEGORY_LAYOUT_MYBLOG, в полето за превод съм дал името си - My blog.

И така, ние предефинирахме изходния шаблон на блога на категорията, но ако сте забелязали, че в папката за замяна на категория има също файлове: default.php, default_item.php и default_children.php - това са нашите шаблонни файлове за списък с категории. Така че, ако искате да създадете алтернативно оформление на списък с категории, тогава трябва да създадете копия на тези файлове. Останалото е едно и също.

Изглежда, че това е всичко, но има още един момент, за който искам да говоря. Само си представете списъка ни с категории материали, те се показват във формат на блог. Нека сега променим заглавието на материала в списъка с категории. По подразбиране е H2 и ще го променим на H3. Правят се редакции във файла blog_item.php, но аз ще направя промени в алтернативно оформление, файла myblog_item.php. И така, ако отворим този файл, се оказва, че някои блокове са поставени в отделни файлове, включително заглавието на нашата статия. Запомнете третата колона „Оформления“, когато създавате замяна в шаблон. И така, сега ще се обърнем към тази колона. Трябва да създадем замени на оформлението за стандартния компонент за статии на joomla. За да направите това, отиваме на замени и в колоната „Оформления“ щракнете върху връзката „съдържание“. Сега отиваме в папката на нашия шаблон, след това в папката „html“ и виждаме, че там се е появила друга папка - „оформления“. Страхотен! Сега нека отидем в тази папка -> joomla -> content и тук трябва да намерим файла, който съдържа заглавието на нашата статия. За да направите това, нека се върнем към нашия файл myblog_item.php (в моя случай) и да потърсим редовете, където показваме заглавието. За мен това е ред 23. Изглежда така:

вещ); ?>

Въз основа на този код виждаме, че свързваме файл, наречен - blog_style_default_item_title, точно това ще търсим в папката layouts. Имам този файл - blog_style_default_item_title.php. Можете да го отворите веднага и да го редактирате, но също така предлагам да създадете алтернативно оформление за този шаблон за заглавка. За да направите това, създайте копие на този файл и го преименувайте, например аз го нарекох така - . Сега да отидем на файла myblog_item.phpи сменете линията

вещ); ?>

вещ); ?>

Сега, шаблонният файл myblog_style_default_item_title.phpможете да промените както желаете и промените ще бъдат приложени точно в категорията, към която е присвоено алтернативното оформление на категорията. Ето как работи всичко. Други шаблони за колоната „Оформления“ се предефинират по същия начин.

Това алтернативно оформление може да се дефинира и глобално, т.е. ще бъдат присвоени на всички категории по подразбиране. Отидете в настройките на стандартния компонент за статии на joomla и изберете желаното оформление в раздела „Категория“.

Алтернативно оформление на елементи от менюто

Сега нека разгледаме друга опция за създаване на алтернативно оформление, което е закотвено към елемент от менюто. Отидете в директорията - /templates/your template/html/com_content/categoty и създайте копие на файла blog.xml и след това го преименувайте на (в моя случай) myblog.xml. Сега нека отворим този файл. В началото на файла ще видим структура като тази:

Тази структура е това, което определя елемента от менюто за нашето оформление. Нека променим следните константи на наши собствени, като заменим избрания фрагмент в съответствие със създадения алтернативен шаблон и създадем замени за тях в езиковите файлове:

COM_CONTENT_CATEGORY_VIEW_ БЛОГ _ЗАГЛАВИЕ
COM_CONTENT_CATEGORY_VIEW_ БЛОГ _ОПЦИЯ
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_ БЛОГ
COM_CONTENT_CATEGORY_VIEW_ БЛОГ _DESC

Наименувах ги по следния начин:

COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE
COM_CONTENT_CATEGORY_VIEW_MYBLOG_OPTION
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_MYBLOG
COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC

Отидете до езиковия мениджър и създайте постоянни замени за областта на контролния панел с езика, от който се нуждаете. Всичко, което трябваше да направя, беше да създам замени за две константи: COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE и COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC.

Създаваме нов елемент от менюто, избираме типа „Материали“ и виждаме, че там се е появил нов тип на нашето алтернативно оформление. Нарекох го „Оформление на блог с алтернативна категория“.

Сега изходът на статиите в този елемент от менюто ще се показва в съответствие със създаденото оформление.

Бих искал да ви предупредя, че ако създадете алтернативно оформление на елемент от менюто, тогава няма да можете да изберете това алтернативно оформление глобално или от категория, т.к. вече няма да е наличен.

Стил на модула

Нека се върнем към нашите модули и да видим какво друго можем да направим там, за да улесним живота си. Досега изследвахме вътрешните оформления на всяко разширение, като говорихме за факта, че те могат да бъдат предефинирани, но модулите имат и външна обвивка, която не беше достъпна за нас, използвайки горните методи. Какъв вид черупка е това? Това е, например, блок с клас moduletable, който обгръща всеки модул със стандартен xhtml изходен стил. Тук можете също да включите заглавието на модула, което по подразбиране се показва в тага H3. Сега си представете ситуацията - трябва да промените един от модулите или по-скоро неговото заглавие, за да промените H3 тага на обикновен div блок с определен клас, да речем, класа moduleTitle, + също така добавете span таг вътре в този блок, т.е. рамка на заглавието с допълнителен span таг. Това се отнасяше за отделен модул. Но какво ще стане, ако трябва да покажете всички модули в определена позиция на модула по този начин?

Нека да го разберем. Можем да създадем уникална обвивка и да я присвоим на всеки модул. За да направите това, създайте файл modules.php във вашата папка с шаблони и пълният път изглежда така - /templates/вашият шаблон/html/modules.php. Отворете този файл и поставете следния код в него:

съдържание)) : ?>

">showtitle) : ?>

заглавие; ?>

съдържание; ?>

Но не бързайте да запазвате, все още трябва да го редактираме или по-точно да създадем уникален стил за модула, в противен случай на сайта ще се появи грешка под формата на бял екран (с деактивирано показване на грешка), защото този стил вече съществува. Интересуваме се от функцията "modChrome_xhtm"нека му дадем уникално име, аз го нарекох по този начин - "modChrome_myStyle". Това е всичко, сега съдържанието на функцията може да се редактира според нуждите ни. В резултат на това, ако изпълних плана си, модернизирах кода, както следва:

съдържание)) : ?>

">showtitle) : ?>
заглавие; ?>
съдържание; ?>

Сега можете да запазите този файл. Следващото нещо, което ще направим, е да отидем в модулния мениджър и да отворим желания модул за редактиране. Отидете в раздела „Допълнителни параметри“, отидете надолу и в последния филтър „Стил на модула“ виждаме, че имаме допълнителен стил - за мен това е myStyle.

Избираме този стил и наблюдаваме резултата. Ако проверим, виждаме, че вместо обичайното H3 заглавие, сега имаме блок div с класа moduleTitle, който също съдържа вътрешен таг span.

Тази функция за присвояване на уникален стил на всеки модул се появи в joomla 3. Не видях тази функция в joomla 2.5. Така че, ако все още не сте направили това.

Сега нека да разгледаме как да изведем всички модули според даден стил в конкретна позиция на модула. Модулната позиция в шаблона се вмъква, както следва:

name="header" - вместо това заглавкаВъведете името си за модулната позиция.

Ако забележите, в тази позиция се показва стандартният стил - xhtml. Нека го заменим с нашия създаден - myStyle, т.е. като този:

Това е всичко, сега всички модули в тази модулна позиция ще бъдат показани според нашия стил. Уважение към разработчиците, че направиха възможно персонализирането на шаблона толкова гъвкаво!

Допълнителни функции

Ако сте забелязали в същия раздел на модула „Допълнителни параметри“, в допълнение към полетата „Алтернативно оформление“ и „Стил на модула“, има и полета като „Суфикс на CSS клас на модул“, „Кеширане“, „HTML на модул етикет”, “ Размер на началния файл”, „HTML заглавен етикет”, „CSS заглавен клас”. Е, полето „Кеширане“ няма нищо общо с шаблоните, така че засега ще го пропуснем. Нека да разгледаме останалите полета.

Суфикс на CSS клас на модул— добавя суфикс към блок с класа moduletable. Допълнителен клас може да бъде посочен или чрез интервал, или чрез тире, или дори написан заедно. По този начин можем уникално да дефинираме класа на модулния блок и да напишем стиловете, които искаме за него.

HTML модулен таг- работи, ако изберем стила на модула html5. Този стил се създава по подразбиране. Опцията ви позволява да замените стандартния блок div с някой от избраните - раздел, навигация, статия и др.

Bootstrap размер— работи с избрания стил на модула html5. Тази опция е уместна само ако използвате