Почетна » ВордПресс » ВордПресс Брзина Оптимизација са Цустом Друштвене Иконе
ВордПресс Брзина Оптимизација са Цустом Друштвене Иконе
Може се чинити да је лак задатак, али додавање добро обрађених дугмића за друштвено дијељење на ВордПресс мјесту може бити гњаважа. Када кажем да се добро понашам, мислим на једноставну, лагану, брзу подршку за већину друштвених ресурса. Они имају тенденцију да поједу ресурсе као што су луди, и зашто би неко желио повећати вријеме учитавања додатка за 25-35% само да би приказао неке иконе на њиховом сајту?
Добра вијест је да вам није нужно потребан додатак за испуњавање овог задатка. У овом водичу показат ћу вам како можете лако додајте прилагођене тастере за друштвено дељење до краја постова на вашој ВордПресс страници само неколико редова кода.
Корак 1: Генеришите тастере за друштвено дељење
Користићемо Генератор тастера за једноставно дељење, практичан и једноставан за коришћење веб алат за генерисање икона дељења. Главна предност ове апликације је да се дугмад која генерише покреће на фронтенду неће оптеретити ваш сервер и можете да задржите приватност својих корисника.
Да бисте генерисали прилагођене тастере, идите овде и притисните Почети. Изаберите 1 од 6 различитих стилова тастера. Кликните следећи и означите друштвене мреже коју желите да додате на свој сајт. Када завршите, мораћете да попуните информације о вашем веб сајту.
На овом екрану (испод) наћи ћете две опције: "Нема ЈаваСцрипт-а" и 'ЈаваСцрипт'. Тицк ЈаваСцрипт, јер ће омогућити прегледачу да динамички детектује УРЛ, тако да ће ваши посетиоци моћи да деле сваки пост појединачно, а не само УРЛ почетне странице.
На крају погледај преглед уживо, преузми изабрани скуп икона и узми код који си направио.
Корак 2: Креирање теме дјетета
Сада ћете морати да додате генерисане иконе и код на свој сајт. Прво ћете морати да креирате тему за дете.
Можете једноставно креирати ВП тему за дјецу помоћу нашег водича, или можете слиједити кораке овог ВП Цодек чланка. Ако га већ имате, можете прећи на корак 3.
Дете тема се односи на тему коју тренутно користите - на сличан начин као што се дете односи на његове родитеље. То наслеђује све (стил и функционалност) од надређене теме али можеш додајте додатну функционалност то.
У нашем случају додатна функционалност ће бити прилагођени тастери за друштвено дељење.
Корак 3: Креирајте корисничку функцију која приказује иконе
Помоћу ове функције моћи ћете да додате друштвене иконе где год желите на вашој веб-локацији помоћу прилагођене куке за радње. Ако тема вашег детета још увек нема датотеку фунцтионс.пхп, направите празну текстуалну датотеку у коренској фасцикли вашег детета теме са функцијама имена и промените њено проширење на .пхп.
Убаците следећу линију кода у ову празну датотеку:
Када ваш фунцтионс.пхп датотека је постављена додајте јој следећи исјечак кода:
Коначно избришите линију ХТМЛ коментара из исјечка кода изнад и замените га са ХТМЛ кодом сте генерисали у 1. кораку помоћу генератора дугмади за друштвено дељење.
Корак 4: Копирајте одговарајући фајл предлошка у мапу Цхилд Тхеме
По подразумеваном подешавању, појединачни постови се управљају датотеком предложака сингле.пхп. Понекад - посебно у модернијим темама - структура сингле.пхп је компликованија, јер такође учитава додатне датотеке предложака. У овом кораку треба да пронађемо одговарајућу датотеку шаблона где можемо касније додати иконе.
Да би пронашли право место за друштвена дугмад, потребно је да пронађемо датотеку шаблона садржи функцију која учитава садржај појединачних порука.
Отворимо едитор тема у ВордПресс админ дасхбоард под Изглед> Едитор. У горњем десном углу можете пронаћи падајућу листу у којој можете одабрати родитељску тему. Испод падајућег менија можете видјети све датотеке предложака које садржи ваша надређена тема. Померите се надоле док не пронађете Сингле Пост темплате (назван сингле.пхп) и отворите га.
Ако надређена тема користи гет_темплате_парт () ВП функција у сингле.пхп датотека која значи да користи додатну датотеку предлошка за учитавање садржаја појединачне поруке.
Прво морате сазнати који је ово. Име додатне датотеке предлошка је први параметар гет_темплате_парт () функције.
Први параметар је "садржај" што значи да тражимо датотеку предложака цонтент.пхп. Потребно је да ову датотеку копирате из надређеног тематског коријенског директоријума у основни директоријум теме теме тако да га модификујете.
Корак 5: Додајте Ацтион Хоок у десну датотеку предлошка
Направили смо функцију која се зове адд_социал_схаринг () у кораку 3, и ми смо га прикључили на куку за прилагођену акцију цустом_социал_схаре. Сада ћемо морати да додамо ову куку на место где желимо да се функција изврши.
Овде је исечак кода који ћете морати да унесете на право место:
Следеће, пронађимо право место.
Отворите датотеку предлошка коју сте додали у тему за дијете у кораку 4 у уређивачу кода или унутар уређивача тема у ВордПресс админ дасхбоард-у, и потражите садржај() функције.
Проверите да ли постоји вп_линк_пагес () функција одмах након садржај() функције. Ако постоји, онда исјечак кода изнад долази након тога; иначе следи садржај() функције.
Корак 6: Додајте ЦСС код дјетету
Отвори стиле.цсс датотеку вашег дјетета у уређивачу кода или у уређивачу тема у ВордПресс надзорној плочи администратора, копирајте ЦСС код који сте генерирали у кораку 1, залијепите га на крај датотеке и спремите.
Додаћемо две додатне линије у ЦСС датотеку да би се иконе друштвеног дељења правилно приказале у свакој теми. Копирајте и налепите следећи исјечак кода на крај стиле.цсс филе:
ул.схаре-буттонс ли а бордер: 0; ул.схаре-буттонс ли имг дисплаи: инлине;
Корак 7: Отпремите сет икона друштвених медија на сервер
Отпремите изабрани сет икона друштвених медија који сте преузели у кораку 1 у вашу мапу теме за дете. Повежите свој сервер преко ФТП-а, креирајте нови именик имагес унутар корена директоријума вашег детета (/ вп-цонтент / тхемес / иоур-цхилд-тхеме / имагес) и поставите овде постављену икону.
Именујемо мапу имагес зато што је ово подразумевано име директоријума слика који користи Генератор тастера за једноставно дељење.
Корак 8: Проверите путању датотека са иконама
Након што сте учитали иконе друштвених медија на сервер у кораку 7, важно је да проверите путању датотека икона да бисте били сигурни да ће бити учитани.
Путања сликовне датотеке даје назнаку прегледнику о његовој локацији на серверу. Проверимо путање слике унутар фунцтионс.пхп датотека теме за дете. Отворите датотеку у уређивачу кода и идите до адд_социал_схаринг () функција где треба да проверите ХТМЛ код који сте генерисали помоћу Генератора тастера за једноставно дељење.
У ХТМЛ коду ћете наћи са ознаком срц атрибут за сваку икону. Проверите да ли је сваки срц атрибути указују на тачну локацију на којој је ваш скуп икона постављен у 7. кораку.
Генератор тастера за једноставно дељење додаје релативне путање ка фајлови. Понекад прегледачи не могу приказати слике ако користите релативну путању, то је добра идеја уместо тога користите апсолутне путање. На тај начин сваки претраживач који потенцијално користе ваши посјетиоци може бити сигуран у локацију локација потребних датотека икона.
Релативна стаза слике коју додаје генератор изгледа овако:
Хајде да променимо срц атрибут сваке иконе на апсолутну путању, што значи да ће укључивати пуну УРЛ адресу датотеке.
Горе наведена путања УРЛ-а ће изгледати овако:
Корак 9: Отпремите модификоване датотеке и активирајте тему за дете
Повежите сервер преко ФТП-а и отпремите све фајлове које смо направили у овом упутству које још нисте учитали: фунцтионс.пхп, тхе стиле.цсс, и одговарајућу датотеку предлошка (у овом упутству или сингле.пхп или цонтент.пхп).
Коначно активирајте дете тему у ВП админ дасхбоард под Изглед> Теме мени.
Сада сте спремни са својим супер-лаганим, штедљивим ресурсима, прилагођеним друштвеним иконама за дељење. Можете ићи онлине и провјерити га уживо на вашем сајту.
Закључак
У овом водичу сам вам показао како да додате прилагођене тастере за друштвено дељење на крај појединачних порука. Иконе за дељење можете додати било којој другој локацији на вашој веб-локацији уз помоћ кукице за акцију коју смо направили.
Само додајте код који смо користили у 5. кораку на место где желите да се прикажу дугмад:
Такође ћете морати да пронађете праву датотеку шаблона ако желите да иконе ставите негде другде. Појединачне странице управљају датотеком предложака паге.пхп, док се медијски прилози попут слика учитавају аттацхмент.пхп.
Ако желите да прикажете тастере за друштвено дељење на другом месту на вашој веб-локацији, можете да користите хијерархију предложака за ВордПресс да бисте је пронашли.
