Интеграция с Facebook без допълнителни разширения.

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Ползването на разширенията не Единствения начин по който може да добавяме връзки към социални мрежи и да интегрираме нашия уеб сайт със социалните мрежи.
Има доста различни варианти.
Например да кажем, че аз чета тази статия.
Стигам до края на статията, но ме интересува какво има още и стигам реално до края на самата страница.
В тези ситуации е хубаво да се използва долната част, която най-често наричаме footer.
Tук може да поставяме информация.
Tова разбира се зависи от вашата тема, но при повечето теми
имаме възможност да слагаме допълнителна информация във footer-a.
Да видим как става това нещо, най-често е чрез джаджи.
Имаме Footer, Footer 1 , 2, 3, 4.
Mоже да имате само един филтър може да имате два или три.
Зависи от вашата тема.
Това в нашия случай са четири колони с информация.
Ако хвана и дръпна категориите тук и
последните публикации, за да сложи някакво съдържание.
Така ще запълня първите две колони.
Правя едно презареждане на страницата получавам информация тук.
Това което мога да направя е да добавя footer с линкове към социалните мрежи, които използвам.
Примерно, след като съм приключила страницата много често хората са свикнали да има във футъра линкове към социални мрежи.
Тоест някой човек, ако иска да разгледа вашата социална мрежа и да види вашето присъствие примерно във фейсбук или друга социална мрежа ще търси линкове във футъра.
Затова ние може да сложим джаджа, която да въведем html код и да направим линковете много, но може би по-лесният начин и така да го наречем wordpress начина, е да създадем меню.
Менюто не е просто типичното меню, което имаме тук, менюто може да бъде серия от линкове.
Да създадем меню.
Създавам ново меню и казвам социални мрежи Footer.
След което мога да добавям линкове към моите страници, но това което аз искам да направя е да добавя мой личен линк.
Това мога да направя, като кликна на потребителски връзки.
Примерно да напишем facebook.
com/aula.
bg и текста на връзката ще бъде фейсбук страница.
Mоже да добавяте и призив за действия, като примерно харесайте ни във Фейсбук.
Youtube.
com.
Tук ще си напишем aula.
bgonline.
Не съм много сигурен за адреса затова ще го проверя.
Да работи!
Можем да запишем Аула в Youtube.
По същия начин мога да добавя да кажем конкретно за този сайт две.
По принцип числото две е малко странно хората очакват да има трето нещо, ако са 4 все едно е прекалено много, ако са 2 все едно е прекалено малко.
Затова за някаква симетрия, да добавим още една мрежа.
LinkedIn.
Не знам точния адрес на Aula в Linkedin.
Затова ще напиша LinkedIn за примерa.
Социални мрежи footer.
Записвам менюто и вече имам меню.
Как мога да добавя това меню в моят Footer?
Отивам отново в джаджи.
Избирам джаджи и ще видя тук някъде трябва да имам менюта.
Собствено меню.
Ще го добавя към footer 4.
"Добавяне на Джаджа" след което заглавието ще бъде "Аула в социалните мрежи".
Избирам менюто, което направихме.
Меню социални мрежи.
Да видим какво сътворихме.
Ето "Аула в социалните мрежи" нашите линкове.
Малко е дълго затова може да го наименоваме само "Аула в интернет", за да не пада на два реда.
Остана ни още едно място, където ще попълним.
Това, което показах е единият начин.
Има и други начини примерно може да сложим картинка с бутона.
Аз ще кача една такава картинка.
Примерно този бутон.
Просто съм кликнал в интернет за Фейсбук бутони и съм го намерил.
Естествено ако имате дизайн умения и може да работи с Photoshop може да си създадете такъв бутон какъвто на вас ви харесва.
Набързо съм избрала един от интернет качил съм го тук и сега това изображение мога да го сложа по няколко варианта.
Аз ще копирам този адрес, това е единия от вариантите.
Да разгледаме всичките им джаджи.
Временно ще преместя, моето меню в третият sidebar и тук ще сложим текст.
Няма да пиша заглавия, просто ще сложа това изображение.
Записвам го и то се появява тук.
Съответно ако искам да сложим линк ще сложа .
Ще напиша адреса в интернет.
Затворям <а href>.
Mоже да му сложим и tartget Blanc.
Tова вече е линк, като кликна на него отивам на страницата на Aula.
По този начин имаме, визуално малко по-голям бутон.
Абсолютно аналогично може да сложа този бутон тук в сайта, ако пожелая.
Мога да сложа този бутон тук горе, ако пожелая.
Да видим как ще изглежда.
Вече си имаме този текст.
Горе е header, т.
e.
в заглавната част sidebar.
Ние имаме лого и отстрани тази зона е наречена sidebar.
Тоест, ако преместя в Header, sidebar.
Бутона ще се появи горе.
На този етап мога да го оставя по този начин, но предпочитам да го оставя долу.
По същия начин, само да демонстрирам в sidebar ако го оставя.
Само трябва да видим кой беше десният sidebar.
Ето го горе ще ми извади очите.
Ако желая мога да си го сложа в sidebar-а.
По този начин може да позиционираме текстове, банери, информация, където си пожелаем в сайта.
Естествено, това зависи изцяло от темата.
В случая тази тема e Colormag.
Трябва да разгледаме инструкциите.
Ако искам да сложа лого, слага се тук.
Ако искаме да сложим такова изображение по цялата дължина може да го сложим тук.
Примерно за header sidebar е описано тук, че е в header sidebar, като го променим ще се появи, eто на това място изображениe.
Това зависи от темата.
Тази например е доста гъвкава, но в интерес на истината повечето добри теми имат такива възможности.
Тези джаджи да ги наречем са като контейнери за информация, когато ги оставите празни там не се вижда нищо.
Имаме по изчистен дизайн.
Когато ги запълните да се появява информацията, която искате в текстови вид или
като изображение дори видео може да сложите.
Единственото което трябва да научите или да разучите Кое? Къде е? В началото изглежда прекалено много, след това много по-лесно е човекът се ориентира в тези менюта.
Като се познава Кое от тях? Къде отива на сайта? Да видим какво стана? Оставя този текст да бъде в последното меню.
На този етап ще го оставя така с бутон.
Единственото, което задължително бих искал да направя Е да сложа target равнo на blank.
Ако искам да ги подравня и да оставя заглавие.
Може ли да пиша Фейсбук.
Това е лична преценка.
Кое изглежда по-добре? Тук показах доста начини съвета ми е да не е претупвате сайта си с прекалено много бутони, така че да става прекалено шарено, но моята цел беше да демонстрирам максимално възможностите и различните варианти, които имате.
Изберете си някое от тях без да претрупвате вашия сайт.
По този начин ще успее да се възползвате от възможностите на Фейсбук,
да ви изпраща посетители и то от двата типа първо да ви изпращам нови посетители, които сега научават за сайта.
И второ да се връщат тези, които са дошли веднъж или два пъти и им трябва малко подсещане е за нова статия или някаква интересна информация, която публикувате.
Успех с интегрирането на Фейсбук във вашия сайт.

Въпроси и отговори

  • Даниела Ганчева:

    Предполагам, че темата ти е различна от ColorMag.

    Стефан Петров Петров:

    Да темата е RT-Theme 15

    инж. Юлиан Ангелов:

    Какви джаджи имате зависи от темата която ползвате, и освен това някой разширения внасят нови джаджи които касаят тях. Вероятно RT-Theme 15 няма. Разгледах превюто й в www.wordpress.org, но в момента не искам да я инсталирам за по- подробно разлеждане, понеже имам само работещи сайтове без експериментален, а понякога инсталираните теми променят настройки, премахват джаджи от това, което излиза на екран и др. подобни ефекти, които оставят след връщането на темата с която е правен сайта и създават грижи по възстанвяването му. Още разлики - някой теми поддържат GIF анимации за фон и дори за фавикон, някой позволяват да се избира лява или дясна странична лента или и двете, почти всички имат различия в размера на полето за изображение във хедъра, като някой поддържат и слайдъри там и още много други разлики.

  • Как  да сложа страница само във футъра?

    Павлина Стамболиева:

    Как да сложа страница само във футъра? Правя следното - Създавам нова страница. Създавам ново меню -Футър. Поставям страницата там- Всичко е ок , излиза си долу във Футъра но продължава да се показва и във основното меню горе. Искам само от едно място да се достъпва до тази страница.

    Иван Цукев:

    Здравей,

    прегледай основното меню и махни страницата от там.

    Подходът е правилен - правят се отделни менюта, които може да съдържат различни страници и връзки.

    След това менютата се поставят на правилните места.

  • Иван Цукев:

    Не разбирам точно въпроса :)

    Каква полезна връзка ?

    Rumen Gotsev:

    как се модифицира темата ColorMAG?

    Иван Цукев:

    Ето тук са подробните инструкции:

    http://themegrill.com/theme-instruction/colormag/

  • Как се добавят Общи условия във Footer?

    Александра:

    Как се добавят Общи условия на сайта във Footer?

    Иван Цукев:

    Зависи от темата. Най-често "джаджа" тип текст се слага във футера и вътре се пише текст "Общи условия" с линк към страницата с общи условия.

    Може и с меню, което на практика е серия от линкове - да се сложи във футера.

    Александра:

    Много Ви благодаря! Току-що изгледах урок 8 от Модул 8 и видях как се прави! Показал сте го изключително разбираемо! Страхотен курс!