Водич за ВордПресс: Како створити додатак за окретну страницу за фелгу

Напомена: Више не подржавамо овај ВП додатак јер аутор за сада не пише за нас. 


Од данас, сваке недеље имаћемо сјајан приручник за кодирање, који вас учи како да радите прилагођене ствари користећи ВордПресс, од основних до напредних. Данас ћемо створити додатак (тако да ћете научити основне кораке о томе) да бисте генерисали галерију „окретања странице“ помоћу ЈС.

Кладим се да сте видели једног од њих у својим раним веб данима, али они су углавном рађени помоћу блица, који је сада прилично застарели (још увек има своју вредност, али више није најбоља опција за такве ствари).

Основна функционалност биће креирање нове врсте галерије на основу неколико слика и њихових величина, путем кратког кода.

Почнимо тада!

Зип & Инсталирај

Најбољи начин да то видите на делу је да га сами инсталирате. Можете га преузети овде. Инсталирајте и активирајте додатак, а затим све што требате да урадите је да додате кратки код на неку страницу, овако:

[флип_боок идс = "78 78 78 79 79 78 78 79 79 78" видтх ="300" хеигхт ="225" дисплаи ="дупло"]

Брзи преглед

И то је врста резултата коју ћете добити:

Флипбоок Еффецт

Али каква се црна магија тамо дешава? Па, заправо је прилично једноставно. Научимо како да направите овако нешто.

Тхе Хеадер

Прво, требате да направите нову фасциклу и нову .пхп датотеку. У овом тренутку би било феноменално ако имате тестно окружење, тако да можете сломити и тестирати ствари.

Датотека и мапа треба да имају једноставно и јединствено име, како бисте избегли сукоб са постојећим додацима. Тада је основни садржај наше датотеке овако нешто:

/ *
Назив додатка: ФлипБоок Галлери
Опис: Направите кратак код за галерије флипбоок-а.
Верзија: 1.0
Аутор: Блог о веб приходима
Лиценца: ГПЛ2
* /

Прилично једноставно, ха? Једном када направите ову датотеку видећете свој додатак на листи под ВП администратором > Додаци и можете да је активирате (али ако имате само овај садржај у датотеци, он неће много променити вашу веб локацију).

Позивање скрипти

Сада морамо овде укључити нека важна спољна средства. Потребне спољне датотеке за основну функционалност су:

  • јКуери (1.9+)
  • Турн.јс скрипта
  • Окрените основни стил

Ако једноставно додате ознаке скрипта и стила, имаћете неких проблема. На пример, двоструки јКуери позив вероватно ће сломити вашу веб локацију. Такође сам ВордПресс неће „знати“ да сте направили те ставке, тако да ако други додатак поново назове турн.јс или другачији стил, он ће сломити вашу веб локацију.

Зато бисмо увек требали користити функције вп_енкуеуе_сцрипт и вп_енкуеуе_стиле. Ево основне употребе:

функција плугин_сцриптс () {
вп_енкуеуе_сцрипт (‘јкуери’);
вп_енкуеуе_сцрипт (‘турн’, плугинс_урл (‘јс / турн.јс’, __ФИЛЕ__), арраи (‘јкуери’), ‘1.3’, фалсе);
вп_енкуеуе_стиле (‘турнЦСС’, плугинс_урл (‘цсс / стиле.цсс’, __ФИЛЕ__), фалсе, ‘1.3’, ‘алл’);
}

Вањске ставке зовемо на 3 различита начина, ево:

  • Позивање постојеће ставке: јКуери – Не морамо проћи пуно параметара ако знамо да је ВордПресс већ учитао ову скрипту, само му кажемо „Човјече, ова скрипта МОРА бити овдје, иначе наш код неће посао ”
  • Стварање нове скрипте – мораћете да проследите неке атрибуте као што су име, локација датотеке, потребне ставке (у овом случају то захтева јКуери), верзија и ако је учитана у подножју или заглављу (фалсе = хеадер, труе = фоотер)
  • Стварање новог стила – Прилично слично као и претходни, са малом разликом у последњем атрибуту, који каже који медији утичу овај стил ако за

Једна од важних ствари које бисте требали размотрити када зовете спољне скрипте је да ли постоји више кода који ће зависити од овог додатка. То је у основи оно што дефинише да ли ће се ваша датотека позивати у заглављу или подножју.

У нашем случају имамо неке додатне скрипте за постављање галерије тек када се креира њен ХТМЛ и то ће бити додато у телу. То је разлог зашто МОРАМО додати ову скрипту у главу, јер у супротном када се наш код назива функција „турн“ још увек не постоји.

Након овог лепог кода морамо да кажемо ВордПресс-у да их учита као скрипте, акција „вп_енкуеуе_сцриптс“ ће то урадити:

додавање (‘вп_енкуеуе_сцриптс’, ‘плугин_сцриптс’);

Кратки код

Кренимо од акције за креирање кратког кода. То је прилично једноставно, само морате да додате окидач кратког кода и функцију која ће се извршити:

адд_схортцоде ("флип_боок","цреате_флип_боок");

Сада морамо да направимо своју функцију и добијемо своје атрибуте. Али неки атрибути могу бити опционални, што значи да ћемо за њих требати да створимо задане вредности. Могли бисмо створити пуно ако тестирамо да ли је атрибут празан, али ово је један од случајева где је тројни рад бољи од уобичајеног ако је позив.

Тернарне операције су нека врста изјаве директно у вриједности варијабле. Ако слиједи ову структуру:

$ променљива = (ЦОНДИТИОН) ? "ВРЕДНОСТ АКО ЈЕ УСЛОВЈЕ ТРЕНУТНО" : "ВРЕДНОСТ АКО ЈЕ УСЛОВ НЕОБВЕЖЕН";

Можете их видети на делу у првом делу наше функције:

функција цреате_флип_боок ($ аттр) {

// Припрема ИД-ова за обраду
$ арраи [‘идс’] = експлодирати (" ",$ аттр [‘идс’]);

//Режим приказа
$ арраи [‘дисплаи’] = празно ($ аттр [‘дисплаи’]) ? "једно" : $ аттр [‘дисплаи’]; // стандардна вредност

// ширина
$ арраи [‘видтх’] = празно ($ аттр [‘видтх’])? 400: $ аттр [‘видтх’];

// висина
$ арраи [‘хеигхт’] = празно ($ аттр [‘хеигхт’])? 300: $ аттр [‘висина’]; // ХТМЛ и остатак кода иде овде
}

Тада ћемо морати да креирамо ХТМЛ и основни позив за наше слике. Друга важна тачка је подешавање величине ако користимо стил часописа (то би требало да буде 2к ширина, јер ћемо имати 2 слике уместо једне):

<?пхп
иф ($ арраи [‘дисплаи’] ==) "дупло" ) {
$ арраи [‘видтх’] = $ арраи [‘видтх’] * 2;
}
// ХТМЛ, ЈС и црна магија
?>

<?пхп
за ($ и = 0; $ и < сизеоф ($ арраи [‘идс’]); $ и ++) {
?>

<?пхп
ецхо вп_гет_аттацхмент_имаге ($ арраи [‘идс’] [$ и], ‘фулл’);
иф ($ арраи [‘дисплаи’] ==) "једно" ) {
?>
<?="".($ и + 1)?>/<? одјек "".сизеоф ($ арраи [‘идс’])?>
<?пхп
} елсе {
?>

<?пхп
одјек "".($ и + 1)?>/<? одјек "".сизеоф ($ арраи [‘идс’]);
?>

<?пхп
}
?>

<?пхп
}
?>

јКуери ("#флипбоок").ред({
ширина: <?пхп ецхо $ арраи [‘видтх’]; ?>,
висина: <?пхп ецхо $ арраи [‘хеигхт’]; ?>,
аутоЦентер: тачно,
приказ: ‘<?пхп ецхо $ арраи [‘приказ’]; ?>’, // једна страница или двострука страница
убрзање: тачно,
градијенти:! јКуери.исТоуцх,
});

Шта мислиш?

Сада то можете прилагодити и модификовати како желите, додајући више опција (погледајте њихове феноменалне примере за више инспирације), прилагодите оно што не ради за вас или комбинујући ово са другим додацима.

Имате ли неки ВордПресс концепт за који желите научити мало више? Можда нешто што желите да научите како да радите? Јавите нам се путем коментара и радо ћемо то укључити у будући пост!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map