Како користити АМП са ВордПресс-ом
АМП је заједнички напор који обећава а боље перформансе учитавања страница за веб локације у мобилном окружењу. Али, као што можете да пронађете из нашег претходног туторијала, морат ћете жртвовати фантастичне ствари са вашег веб сајта и строго се придржавати правила, придржавати се смјерница и добити странице потврђене. Звучи као пуно посла, зар не?
Срећом, ако сте направили свој веб сајт са ВордПресс-ом, можете да примените АМП на вашу веб локацију у трену користећи плугин назван АМП-ВП. Испоручује се са више могућности него што је то што се види. Дакле, да видимо како то ради.
Активација
За почетак, пријавите се на своју веб локацију, идите на Додаци> Додај ново екрану. Тражити “АМП; инсталирајте и активирајте ону из Аутоматтиц-а.
Једном активиран, можете погледати АМП-конвертован пост додавањем / амп /
траг на крају УРЛ-а поста (нпр. хттп://вп.цом/пост/амп/
), или са ?амп = 1
(на пример. хттп://вп.цом/пост/?амп=1
) ако не користите значајку Претти Пермалинкс на вашој веб локацији.
Као што можете видети горе, посту су дати основни стилови, које можете додатно прилагодити.
Напоменути
Тренутно постоји неколико ствари које бисте требали знати о стању додатка:
- Арцхивес - Категорија, Таг и Цустом Такономи - тренутно нису подржани. Они неће бити конвертовани у АМП-компатибилни формат. Међутим, Цустом Пост Типес се могу иницирати у АМП преко филтера.
- Не додаје се у нови екран за подешавања на контролној табли. Прилагођавање се врши на нивоу кода са Акцијама, Филтрима, Класом.
- Плугин тренутно не обухвата сваки АМП прилагођени елемент као што је
амп-аналитицс
иамп-ад
изван кутије. Ако вам је потребан овај елемент, мораћете да га укључите тако што ћете се укључити у акције или филтере додатка.
Цустомизатион
Додатак пружа бројне акције и филтере који обезбеђују флексибилност у односу на прилагођавање стилова, садржаја странице, па чак и ХТМЛ ознаке на АМП страници као целини.
Стилови
Сигуран сам да је ово једна ствар коју желите да промените одмах након активирања додатка, као што је промена боје позадине заглавља, породице фонтова и величине фонта како би боље одговарали бренду и личности вашег веб сајта.
Да бисмо то учинили, ми можемо запослити амп_пост_темплате_цсс
Акција у фунцтионс.пхп
фајл наше теме.
фунцтион тхеме_амп_цустом_стилес () ?> нав.амп-вп-титле-бар бацкгроунд-цолор: оранге;Ако прегледамо Цхроме ДевТоолс, ови стилови се додају унутар
и надјачава претходна правила стила. Стога се наранчаста боја позадине сада примјењује на заглавље.
Можете наставити писати правила стила као и обично. Али, имајте на уму неколико ограничења и задржите величину стила испод
50Кб
. Ако сте икада у недоумици, погледајте наш претходни чланак о томе како да ваше АМП странице буду валидиране.Темплатинг
Ако вам се чини да морате да промените много више од самог стилинга, можете да погледате како да прилагодите цео предложак. Додатак, амп-вп, обезбеђује број уграђених темплатес, Наиме:
хеадер-бар.пхп
мета-аутхор.пхп
мета-такономи.пхп
мета-тиме.пхп
сингле.пхп
стиле.пхп
Ови предлошци су слични обичној ВордПресс хијерархији шаблона.
Сваки од ових шаблона се може преузети тако што се под истим именом стави датотека под / амп /
у теми. Када се ти фајлови појаве, додатак ће их покупити уместо подразумеваних датотека и омогућити нам да у потпуности променимо излаз ових предложака.
твентитвелве ├── 404.пхп ├── амп │ мет── мета-аутхор.пхп │ ├── мета-такономи.пхп │ ── сингле.пхп │ └── стиле.пхп
Можете преписати читаве стилове преко стиле.пхп
филе, или модификујте целу структуру АМП страница према вашим потребама са сингле.пхп
. Ипак, морат ћете задржати промјене у складу с прописима АМП-а.
Списак кука и филтера
Као што је раније поменуто, овај додатак се испоручује са низом акција и филтера. У овом чланку није могуће покрити сваку од њих. Али можемо ићи са шифром, сажетком, као и исјечке које су вам потребне:
Акције
Тхе амп_инит
; радња је корисна за додатке који се ослањају на АМП за рад њиховог додатка; покреће се када је плугин већ покренут.
функциа амп_цустомизер_суппорт_инит () рекуире_онце дирнаме (__ФИЛЕ__). '/амп-цустомизер-цласс.пхп'; адд_ацтион ('амп_инит', 'амп_цустомизер_суппорт_инит');
Слично вп_хеад
акција, можемо користити амп_пост_темплате_хеад
да укључи додатне елементе у глава
ознака на АМП страницама мета
, стил
, или скрипта
.
фунцтион тхеме_амп_гоогле_фонтс () ?>
амп_пост_темплате_фоотер
ова акција је сличнавп_фоотер
.фунцтион тхеме_амп_енд_цредит () ?>Филтери
амп_цонтент_мак_видтх
се користи за подешавање максималне ширине АМП странице. Ширина ће се такође користити за подешавање ширине уграђених елемената као што је Иоутубе видео.фунцтион тхеме_амп_цонтент_видтх () ретурн 700; адд_филтер ('амп_цонтент_мак_видтх', 'тхеме_амп_цонтент_видтх');
амп_сите_ицон_урл
се користи за постављање иконе - фавикона и иконе Аппле - УРЛ. Подразумевано пада на слику постављену преко интерфејса Сите Ицон, који је уведен у верзији 4.3.фунцтион тхеме_амп_сите_ицон_урл () ретурн гет_темплате_дирецтори_ури (). '/имагес/сите-ицон.пнг'; адд_филтер ('амп_сите_ицон_урл', 'тхеме_амп_сите_ицон_урл');
амп_пост_темплате_мета_партс
је за када требате прилагодити излаз мета података поста, као што су име аутора, категорија и тиместамп. Преко овог филтера можете мешати подразумевани редослед или уклонити једну од мета са АМП странице.функција тхеме_амп_мета ($ мета) фореацх (арраи_кеис ($ мета, 'мета-тиме', труе) као $ кеи) унсет ($ мета [$ кеи]); ретурн $ мета; ; адд_филтер ('амп_пост_темплате_мета_партс', 'тхеме_амп_мета');
амп_пост_темплате_метадата
је за прилагођавање Сцхема.орг структуре података на АМП страницама. Следећи пример показује како обезбеђујемо логотип локације који ће бити приказан у АМП каруселу у резултатима Гоогле претраге, и уклони временску ознаку која је измењена на страници.фунцтион амп_сцхема_јсон ($ метадата) унсет ($ метадата ['датеМодифиед']); $ метадата ['публисхер'] ['лого'] = арраи ('@типе' => 'ИмагеОбјецт', 'урл' => гет_темплате_дирецтори_ури (). '/имагес/лого.пнг', 'хеигхт' => 60, 'видтх' => 325,); ретурн $ метадата; адд_филтер ('амп_пост_темплате_метадата', 'амп_сцхема_јсон', 30, 2);
амп_пост_темплате_филе
ово је алтернативни начин да се превазиђу датотеке предложака. Корисно је ако желите да хостујете прилагођене АМП датотеке предложака у неком другом директоријуму осим/ амп /
.фунцтион тхеме_цустом_темплате ($ филе, $ типе, $ пост) иф ('мета-аутхор' === $ типе) $ филе = гет_темплате_дирецтори_ури (). '/партиал/амп-мета-аутхор.пхп'; ретурн $ филе; адд_филтер ('амп_пост_темплате_филе', 'тхеме_цустом_темплате', 10, 3);
амп_куери_вар
се користи за промену крајње тачке АМП странице када је омогућена УРЛ Пермалинк. Подразумевано је постављено на/ амп /
. С обзиром на сљедеће, АМП страница је сада доступна додавањем/ м /
на УРЛ-у (нпр.ввв.екампле.цом/пост-слуг/м/
).функција цустом_амп_ендпоинт ($ амп) ретурн 'м'; адд_филтер ('амп_куери_вар', 'цустом_амп_ендпоинт');