Како направити дугмад за дељење на друштвеним мрежама у ГенератеПрессу?

У овом водичу ћемо погледати Како направити дугмад за дељење на друштвеним мрежама у ГенератеПрессу?

Ово би вам несумњиво помогло у побољшању промоције вашег блога на више канала. То ће заузврат повећати ваше присуство на вебу.

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

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

Ова лекција захтева да имате ГенератеПресс премиум, јер ћемо користити модул Елементс.

Креирајте дугмад за дељење на друштвеним мрежама у ГенератеПресс-у без додатка

Креирање дугмади за дељење на друштвеним мрежама у теми ГенератеПресс без додатака захтева да знате о СВГ иконама.

СВГ су скалабилна векторска графика. Они су отворени стандардни визуелни елементи (углавном се користе као иконе) које је развио В3Ц (Ворлд Виде Веб Цонсортиум) (Ворлд Виде Веб Цонсортиум).

Предности коришћења СВГ-ова

• Имају малу величину датотеке која никада не утиче на брзину сајта.
• Можете лако додати хипервезе на СВГ иконе.
• Лако се мењају било којим софтвером за векторску графику.
• СВГ иконе су независне од резолуције, што их чини одличним за приказ на десктопу, таблету и мобилном уређају.
• СВГ слике су више прилагођене СЕО-у у поређењу са конвенционалним сликама.

Користићемо СВГ-ове из Ицонмонстр. Значи, не само икона већ и икона са својим КСМЛ кодом.

Корак 1: Додајте код дугмади за друштвено дељење да бисте ГенератеПресс Елементс Хоок

Да бисте ово постигли, прво ћете морати да креирате нови елемент у ГенератеПресс-у. Идите на своју ВордПресс контролну таблу, у оквиру Изглед кликните на Елементи. Ово ће отворити страницу Елементи, кликните на Додај нови елемент.

Чим кликнете на Додај нови елемент, ГенератеПресс ће приказати прозор за дијалог. Кликните на Хоок. То је тачно, потребна вам је ГенератеПресс прилагођена кука за ову акцију.

Дајте име новом елементу и додајте код.

Изаберите куку као генерисање после заглавља, извршите ПХП и поставите правила приказа на Постови – Сви постови.

Пошто су нам потребне иконе за дељење на друштвеним мрежама да лебде на нашем екрану. Најбоље је да изаберете Генерате Афтер Хеадер Хоок.

Разлог зашто смо одабрали подешавања приказа као Све објаве је тај што бисте желели да ваши корисници деле ваш садржај на својим друштвеним сајтовима.

Не заборавите да притиснете дугме Објави.

Копирајте следећи код да бисте исти применили на својој веб локацији.

Корак 2: Извршите ЦСС стилизовање за иконе за дељење на друштвеним мрежама

Да бисте то урадили, идите на ВордПресс контролну таблу, у оквиру Изглед кликните на Прилагоди.

Ово ће отворити алатку за прилагођавање теме ГенератеПресс. Овде идите скроз доле и кликните на Додатни ЦСС.

Налепите следећи ЦСС код за упоредиви стил. Дозвољено вам је да прилагодите ЦСС према вашим захтевима.

Корак 3: Коначни исход дугмади за дељење на друштвеним мрежама у ГенератеПрессу

Коначно, ево како социјална размена иконе треба да изгледају као на вашој веб локацији. Запамтите да смо их направили да лебде одозго на 70% екрана.

Предности дугмади за дељење на друштвеним мрежама у ГенератеПресс-у (без додатка) (без додатка)

Коришћење СВГ-ова из Ицонмонстр-а чини ваше иконе веома лаким
Није укључен никакав ЈаваСцрипт код.

Коришћењем ове стратегије не инсталирате никакав додатак треће стране
Реагује.

Сва дугмад ће радити невероватно брзо у сврху дељења.

Zakljucak : Како направити дугмад за дељење на друштвеним мрежама у ГенератеПрессу?

Сада сте открили како да направите дугмад за дељење на друштвеним мрежама у ГенератеПресс-у користећи код и додатке.

Користите опцију која вам је лака и која одговара вашим захтевима. Слободно уредите ПХП и/или ЦСС код из чланка.