Лесният начин да добавите безплатно новинарско съдържание към вашия сайт - част 2
Препоръчваме ви да прочетете първата част, тъй като тя говори за RSS и подчертава процеса на интегриране на обикновен модул за емисии с помощта на Google Feed API.
Целта на този урок е да ви покаже как да добавите по-голям модул за новини, хоризонтална емисия с новини и емисия във формат на списък.
Вертикален модул за новини
За да персонализирате емисията, копирайте кода по-долу в главния раздел на която и да е уеб страница. Целият масив от низове трябва да бъде поставен след заглавието и мета таговете, точно преди затварящия таг head:
Където искате да се появи новинарската емисия в основния текст на документа, поставете следния ред код:
Както в случая с малък канал за новини, за който говорихме в предишната публикация, тук има опции за дизайн. Например изразът margin-left в секцията feedControl е зададен на auto, което ще центрира модула в съответната област.
Ако искате да го преместите наляво, всичко, което трябва да направите, е да промените зададения параметър на 0px.
Трите източника, които влизат в списъка са: CNN, The New York Times и Reuters. Ако искате да промените някое от тях или да използвате кода на Feed API, за да покриете всички новинарски теми, просто заменете съществуващите URL адреси с тези, които искате.
Например, за да „принудите“ източника на The Times да излъчва само темата за религията, ще направите следното заместване:
Броят на показваните връзки също може да бъде променен. За да промените броя новини по подразбиране (6) за всеки източник на 4, просто трябва да промените следния ред:
Когато страницата се зареди, модулът ще изглежда така:
Модул за хоризонтални новини
Ако имате място в тялото на страницата, тогава вероятно искате да спестите възможно най-много място, като същевременно интегрирате хоризонтална емисия с новини. Пример за такава емисия може да се види във всички големи новинарски уебсайтове, включително дори BBC.co.uk.
За да направим това, ще трябва да променим следните редове код в секцията head (в кода по-горе):
Когато страницата бъде качена на сървъра след маркираните промени, ще можете да наблюдавате хоризонтален модул като този:
Емисия с новини като списък
Като пример за по-свободен стил на емисията с новини, нека да разгледаме новинарския модул като списък. Не е ограничено от никаква рамка, а текстовото съдържание се адаптира към всяка уеб страница и приема предварително посочения шрифт.
За да започнете, поставете следния код в секцията head, под заглавието и мета таговете, точно преди затварящия таг head:
След това в секцията на уеб страницата, където искате да покажете новинарския блок, добавете следния код:
Полученият новинарски модул след зареждане на страницата на сървъра трябва да изглежда така:
Можете да го стилизирате с различни елементи в следните редове код:
Всеки от трите вида новинарски модули, разгледани тук, ще ви позволи да представите новинарско съдържание на вашите читатели по свеж и ангажиращ начин. Използвайки методите, описани по-горе, можете лесно да интегрирате новинарски блокове във всякакви страници и да ги персонализирате, за да показват всяка новинарска тема.