Унших хугацаа: 3 минут. 2016.08.26-нд нийтэлсэн

Сайн уу? Бид WordPress сайтын хамгийн сонирхолтой, хамгийн хэрэгцээтэй залгаасуудад дүн шинжилгээ хийсээр байна. Өнөөдөр та вэбсайтдаа нийгмийн дүрсний виджетийг хэрхэн хялбархан нэмэх талаар сурах болно. Энэхүү виджетийг ашигласнаар та өөрийн сайтад зөвхөн нийгмийн дүрсийг оруулаад зогсохгүй ямар ч сайт, хуудсан дээрх янз бүрийн дүрсүүдийг нэмж болно. Виджетийн тохиргоонд та 400 гаруй өөр дүрсийг сонгох боломжтой. Та дүрс болгонд дурын URL, нийгмийн сүлжээ эсвэл дурын вэбсайт оруулах боломжтой. Та дүрсний өнгө, хэмжээг сонгох боломжтой. Дугуй, дөрвөлжин, бөөрөнхий ирмэг гэсэн гурван загвараас сонгох боломжтой.

Та WPZOOM залгаасаар Social Icons Widget-ийг WordPress админ самбараас шууд суулгаж болно. Хуудас руу очно уу: Plugins – Шинээр нэмэх, хайлтын хэлбэрт залгаасын нэрийг оруулаад Enter дарж, залгаасыг суулгаад идэвхжүүлнэ үү.

– Гарчиг, та виджетийн гарчгийг зааж өгч болно.

– Тодорхойлолт, та виджетийн тайлбарыг зааж өгч болно.

– Дүрснүүдийн шошгыг харуулах, дүрсэнд тайлбар нэмэхийн тулд энд байгаа нүдийг чагтална уу.

– Шинэ цонхонд холбоосыг нээнэ үү, холбоосыг шинэ цонхонд нээхийн тулд энд байгаа нүдийг чагтална уу.

– Icon Style, дүрсний дэвсгэртэй болон дэвсгэргүй хоёр загвар байдаг.

– Icon Background Style, эндээс та дүрсний арын дэвсгэр, бөөрөнхий булантай дэвсгэр, дугуй дэвсгэр, дөрвөлжин дэвсгэрийн хэв маягийг сонгож болно.

– Icon Padding (пиксел), энд та дүрсний дэвсгэрийн хэмжээг зааж өгч болно.

– Дүрсийн хэмжээ (пиксел), энд та дүрсний хэмжээг тохируулж болно.

– Дүрсүүд, танд анхдагч байдлаар гурван нийгмийн сүлжээ харагдах болно. facebook, twitter, instagramm-д зориулсан дүрс тэмдэг. Та эдгээр нийгмийн сүлжээн дэх өөрийн хуудсууд эсвэл нийгэмлэгүүдэд холбоосуудаа нэмэх хэрэгтэй. Эцэст нь виджетийг хадгална уу

Та мөн нэмэлт дүрс нэмж болно. Дүрс нэмэхийн тулд "Дэлгэрэнгүй нэмэх" товчийг дарна уу. Та шинэ дүрсний талбарыг харах болно; дүрсийг сонгохын тулд хар тойрог дахь загалмай дээр дарна уу.

Дараа нь дүрс сонгох цонх нээгдэнэ. Дүрс сонгох, дүрсний өнгө сонгох, та дүрсний ангилал сонгох боломжтой. Та өөр өөр дүрс бүхий 4 ангиллын сонголттой, 400 гаруй ширхэгтэй байх болно. Төгсгөлд нь доорх товчийг дарна уу - Хадгалах.

Бид бүгд төсөл дээрээ ажиллаж байхдаа мэдээллийг аль болох хурдан бөгөөд бүрэн дүүрэн уншигчдадаа хүргэхийг хүсдэг. Тиймээс, бид энэ бүгдийг үргэлж харагдахуйц газар - хажуугийн самбарт байрлуулахыг хичээдэг. Тиймээс үргэлж хангалттай зай байдаггүй. Мөн бид тэнд бүх нийгмийн сүлжээнд зориулсан виджетүүдийг байрлуулах хэрэгтэй. Ийм учраас та Social Carousel үйлчилгээг ашиглах хэрэгтэй - бүх виджет Нийгмийн сүлжээнэг дотор . Бид түүний бүх давуу тал, тохируулгын онцлогуудын талаар доор ярих болно.

Блогт янз бүрийн сурталчилгааны баннер, түншлэлийн мэдээлэл, бидний захиалга, мэдээллийн бүтээгдэхүүн, багана, нийтлэл, сэтгэгдлийн талаархи мэдээлэл зэргийг байрлуулах асуудал ихэвчлэн тулгардаг. Мэдээжийн хэрэг, одоо маш их алдартай сошиал медиа виджетүүдийг байрлуулах. Мөн энэ бүх мэдээллийн нуранги нь харагдахуйц газар байх ёстой. Ихэнхдээ энэ газар хажуугийн самбар болдог.

Сонгодог байдлаар хүн бүр хоёр баганатай загваруудыг (баруун талд талбар ба хажуугийн самбар) ашигладаг. Баганын тоог нэмэгдүүлэх нь бүхэлдээ зөв биш гэж би бодож байна, учир нь энэ нь орон зайг их хэмжээгээр дүүргэж, зочдын зан үйлийн хүчин зүйлд сөргөөр нөлөөлдөг.

Дашрамд хэлэхэд, энэ нь хажуугийн самбарт зай хэмнэх тухай цувралын анхны нийтлэл учраас гарчиг нь 1-р хэсэг гэж бичсэн байна. Дараах нийтлэлүүдэд би сайтын ашиглалтыг сайжруулахын тулд баннер эргүүлэх функцийг ашиглах, табуудыг ашиглах талаар авч үзэх болно. Тиймээс блогын шинэчлэлтүүдэд бүртгүүлээрэй.

Нийгмийн сүлжээн дэх өөрийн брендийн оролцоо, сурталчилгаа одоо маш их байгааг нотлох шаардлагагүй их ач холбогдол. Тиймээс тэдгээрийг сайт дээр танилцуулах нь маш чухал юм. Тиймээс би олон нийтийн мэдээллийн хэрэгслийн бүх виджетүүдийн хослолыг нэг дор хэрхэн хэрэгжүүлэх талаар гайхаж байлаа. Тэгээд харагтун, би энэ асуудлын шийдлийг олж мэдэв. Уулзах...

Нийгмийн тойруулга - нийгмийн сүлжээний бүх виджетийг нэг "лонхонд" хийнэ. Хажуугийн самбарт зай хэмнээрэй

Энэ бол үнэ төлбөргүй үйлчилгээ бөгөөд үүний ачаар манай төслийн хажуугийн самбар дахь зайг ихээхэн хэмнэх боломжтой юм. Энэхүү үйлчилгээ нь зөвхөн дээр нь биш виджетийг байрлуулах боломжийг олгодог гэдгийг тэмдэглэхийг хүсч байна WordPress хөдөлгүүр, гэхдээ html код оруулах замаар гараар бичсэн сайтууд дээр. Бүх виджетүүд ийм байна алдартай сүлжээнүүдгэх мэт: , Facebook, Google+, YouTube болон Twitter - таб хэлбэрээр нэг виджетт хэрэгжсэн. Харааны хувьд энэ нь иймэрхүү харагдаж байна:

Танилцаж эхэлцгээе. Виджетийн үйлчилгээ байрладаг.

Би тохиргооны талаар нэг их ярихгүй, түүний хөгжүүлэгчид үүнийг хэрхэн тохируулах талаар сайн тайлбар хийсэн. Зааврыг видеон дээр толилуулж байгаа бөгөөд бид сайт дээр суурилуулах онцлог шинж чанаруудын талаар хангалттай дэлгэрэнгүй танилцуулсан болно. Зарим онцлог шинж чанарууд байдаг, гэхдээ тэдгээр нь чухал биш бөгөөд амархан шийдэгддэг. Хамгийн гол нь та кодыг засварлах шаардлагагүй болно. Үйлчилгээ нь таны төлөө бүх зүйлийг хийх болно.

Бид стандарт бүртгэлийн журмаар явдаг. Үйлчилгээ рүүгээ явцгаая. – Миний виджетүүд (1-р цэг), дараа нь – Шинэ виджет үүсгэх (2-р цэг) дээр дарна уу. Бид юу гэж нэрлэх талбарыг бөглөж, вэбсайтынхаа хаягийг оруулна (3-р цэг). Хадгалах (4-р цэг).

Бодит барилгын ажил явагдаж байгаа дараагийн таб дээр бид өөрсдийгөө олдог. Манай виджетэд таних дугаар өгсөн. Хэрэв та үүнийг суулгахаар төлөвлөж байгаа бол WordPress залгаас, дараа нь та энэ нүдийг шалгах хэрэгтэй (1-р цэг). Бид шаардлагатай хэмжигдэхүүнүүдийг буулгаж, табуудыг автоматаар солихыг тохируулсан (тэдгээрийг өгөгдсөн хугацааны дараа нэг нэгээр нь гүйлгэх болно) (2-р цэг). Виджет хэлбэрээр, доод хэсэгт хөгжүүлэгчтэй холбогдох холбоос байх бөгөөд бид үүнийг мөнгөөр ​​устгахыг санал болгож байна (3-р цэг).

Нийгмийн сүлжээнүүд рүү шууд орцгооё. Та табуудыг байрлуулах дарааллыг сумаар тохируулж болно (цэг 4). Нийгмийн сүлжээг өөрсдөө тохируулахын тулд улаан товчлуур дээр дарна уу (5-р цэг). Та тэдгээрийн аль нь шоунд оролцохыг сонгож болно (өөр өөр нөхцөл байдал байдаг - таны Google акаунттай холбоотой асуудал эсвэл ВКонтакте хуудас царцсан).

Бид WordPress-д зориулсан залгаасыг ашиглах хайрцгийг шалгана уу (1-р цэг). Цонхыг автоматаар солихыг идэвхжүүлж, дэлгэцийн цагийг тохируулна уу (хэдэн секундын дараа дараагийнх руу шилжих вэ) (2-р цэг). Дараа нь хамгийн сонирхолтой хэсэг, учир нь энэ мэдээлэл тийм ч тодорхой биш юм. Виджет дээр та хувийн хуудас биш харин нийгмийн сүлжээн дэх бүлгүүд, нийгэмлэгүүдийг байрлуулж болно. Эдгээр талбаруудыг бөглөнө үү (3-р цэг). Бид урьдчилан харах товчийг дарж суулгац зөв эсэхийг шалгана (алхам 4).

ВКонтакте группын ID-г харахын тулд түүн рүү очиж, хулганаа Оролцогчид руу шилжүүлж, "Хуулбарлах" холбоос дээр хулганы баруун товчийг дараад үүнийг оруулна уу. хаягийн мөр. Хаягийн сүүлийн цифрүүд нь бүлгийн ID юм. Идэх. Бид үүнийг ВКонтакте талбарт байрлуулсан.

Твиттерт зориулсан виджет ID-г тохируулж байна. Манай хуудас руу орцгооё. Дараа нь баруун дээд буланд очно уу - Тохиргоо. Гарч ирэх цэснээс - Виджетүүдийг сонгоно уу. Бид шаардлагатай виджетийг загвар, хэмжээгээр тохируулж, цонхон дээрх шинэ үүсгэсэн кодоос ID-тай мөрийг олдог. Үүний дараах тоонууд нь бидний Twitter-ийн виджет ID юм.

YouTube суваг дээрх хэрэглэгчийнхээ нэвтрэлтийг харахын тулд Google+ руу нэвтэрч, үүн рүү очно уу холбоос. ID-г аваад маягт руу оруулна уу.

Google+ дээрх ID-г харахын тулд тэнд нэвтэрч, Профайл руу ороод хаягийн мөрөнд байгаа дугааруудыг харах боломжтой. Тэдгээрийг маягтын талбарт оруулах шаардлагатай.

Фэйсбүүкийн хувьд (чухал!) Бид профайлын холбоос, бүлгийн холбоос биш харин хуудасны холбоосыг хуулдаг. Миний Facebook хуудас дараах байдалтай байна.

Бүгд. Маягтыг бөглөсөн. Код үүсгэх дээр дарна уу. Энэ бол бидэнд байгаа код юм. Үүнийг хуулж авъя. Одоо бидэнд сайт дээр суулгах 2 сонголт байна.

Сонголт 1. WordPress залгаасаар дамжуулан. Үүнийг хуулахын тулд аль ч нийгмийн хавчуурга дээрх шиг WordPress Plugin руу очоод татаж аваарай.

Дараа нь бид үүнийг хөдөлгүүр дээр стандарт болгон суулгаж, идэвхжүүлдэг. Дараа нь Тохиргоо - Нийгмийн тойруулга. Бид кодоо буулгаж, ID-г нь оруулаад виджетийн хэмжээг тохируулаад хадгална.

Гадаад төрх - Виджетүүд рүү очно уу (1-2-р цэгүүд). Текстийн виджетийг хажуу тал руу чирээд нийгмийн сүлжээний виджетийг харуулах дараах кодыг оруулна уу:

Бэлэн. Бид хөдөлмөрийн үр дүнг биширч, баярладаг.

Сонголт 2. Энэ залгаас нь аль хэдийн суулгасан нэгтэй зөрчилдөж эхэлсэн. Түүгээр ч барахгүй сүүлийн үеийн чиг хандлага нь шаардлагагүй зүйлээс ангижрах, орон зайг хэмнэх явдал юм. Тиймээс, би залгаасыг устгаж, үүсгэсэн кодыг өөрийн сэдвийнхээ header.php файлд хаалтын шошгын өмнө байрлуулсан. Энэ нь иймэрхүү зүйл болсон:

Миний үүсгэсэн код

Би хажуугийн виджетийг гаралттай нь хэвээр үлдээсэн. Та үр дүнг баруун талд байгаа блог дээрээс харж болно. Энэ нь маш сайн хийгдсэн бөгөөд маш том давуу талтай - энэ нь бидэнд зай хэмнэх болно.

Тэгээд л болоо. Сайтын ашиглалтыг мэдэгдэхүйц сайжруулах боломжийг олгодог маш сайн үйлчилгээ, хамгийн чухал нь ҮНЭГҮЙ. Танд таалагдана гэж бодож байна. Өнөөдөр бид Social Carousel үйлчилгээний виджет - бүх нийгмийн сүлжээний виджетийг нэг дор суулгаснаар хажуугийн самбартаа зай хэмнэв. Хэрэв танд асуулт байвал бидэнтэй холбогдож, сэтгэгдлээ үлдээхээ бүү мартаарай. Блогын шинэчлэлтүүдэд бүртгүүлнэ үү. Удахгүй уулзацгаая.

Эцэст нь үйлчилгээний тухай видеог үзээрэй:

Блогоос илүү сонирхолтой зүйлсийг уншина уу

Та ТОП-д байхыг хүсч байна уу? Зургийн өвөрмөц байдал нь туслах болно. Бид TinEye үйлчилгээг ашигладаг

2 сэтгэгдэл

Вэбсайт эсвэл блогтой зэрэгцэн нийгмийн сүлжээн дэх бүлгийг хадгалах нь ашигтай байдаг. Тэнд та шинэ нийтлэлийнхээ зарыг нийтэлж, холбогдох сэдвийн талаар мэдээлэл солилцож, зүгээр л санал бодлоо бичих боломжтой. Үүний хариуд та зочдын нэмэлт урсгалыг хүлээн авах болно.

Сайтын нийгмийн сүлжээний виджетүүд нь эдгээр хоёр төслийг холбоход тусална. Хэд хэдэн энгийн тохиргоо хийсний дараа таны бүлгүүдийн холбоосууд хажуугийн самбар дээр гарч ирэх бөгөөд хүмүүс шууд бүртгүүлэх боломжтой.

Бид нийгмийн сүлжээн дэх бүлгийг вэбсайтдаа хэрхэн холбох талаар голчлон ярих болно. Хүмүүс шинэчлэлтийг бүртгүүлэхэд хялбар болгохын тулд захиалгын маягтыг хажуугийн мөрөнд байрлуул. Гэхдээ үүнээс гадна зарим нийгмийн сүлжээнүүд бусдыг санал болгодог ашигтай шинж чанарууд, эдгээрийг дурдах нь зүйтэй. Тиймээс, үүнээс гадна би олон нийтийн сүлжээнээс санал асуулга, лайк, репост, сэтгэгдэл үүсгэх талаар бодож үзсэн - маш их мэдээлэл байдаг бөгөөд энэ нь бүгд хэрэгтэй байдаг.

Гэхдээ энд дахин хэлэхэд хэзээ зогсоохоо мэдэх нь зүйтэй, учир нь олон янзын виджетүүд байх тусам сайтыг ачаалахад удаан хугацаа шаардагдах бөгөөд асуудал үүсч болзошгүй юм.

ВКонтакте бүлгийн вэбсайт дээрх виджет

Би ВКонтакте нийгмийн сүлжээнд үнэхээр дуртай, тиймээс би үүнээс эхэлье. Би зөвхөн бүлгийн виджетийг хэрхэн нэмэх талаар л ярихыг хүссэн боловч таны сонирхлыг татахуйц өөр зүйл байвал бусад зүйлийг анхаарч үзэх болно.

Бүх виджетэд хандахын тулд "Тохиргоо" хэсэгт очоод хуудасны доод хэсэгт байрлах "Хөгжүүлэгчид" товчийг дарна уу.

Дараагийн хуудаснаас сайтууд болон виджетүүдийг холбох гэж байгаа дунд дүрсийг сонгоно уу.

Эндээс та өөрийн сайтын бүх төрлийн виджетийг харж болно:

"Сэтгэгдэл" виджет - та миний хийсэн шиг VK-ийн сэтгэгдэл бүхий блокийг вэбсайт дээрээ байрлуулж болно. Хүмүүс өөрсдийн нэр, имэйл хаягийг стандарт маягт руу оруулахаас илүүтэйгээр энэ маягт дээр бичилт үлдээх нь илүү хялбар бөгөөд хурдан юм. Ийм сэтгэгдэлтэй бол тайлбарлагчийн ханан дээр автоматаар репост хийх бөгөөд энэ нь танд том нэмэх болно.

Тохиргоо нь төвөгтэй биш юм. Та сайтын нэр, хаяг, сэдвийг сонгох хэрэгтэй - энэ нь таны сайтыг системд бүртгэж байна. Үүнийг нэг удаа нэмээд жагсаалтаас сонгох боломжтой.

Дараа нь маягтын тохиргоонууд нь өөрөө: хуудсан дээр гарч ирэх сэтгэгдлүүдийн тоог сонгоно уу (үлдсэн хэсэг нь "бусад сэтгэгдлийг харуулах" спойлер дор байх болно). дарна уу Илүү дэлгэрэнгүй мэдээллийг Media-ийн хажууд байгаа бөгөөд та зарим функцийг идэвхгүй болгож болно. Тайлбарын хайрцгийн өргөнийг хэт богино биш, ирмэгээс цааш сунгахгүй байхаар зааж өгнө үү. Хэрэв та өргөнийг шууд таамаглаагүй бол кодонд шууд залруулж болно - "өргөн: "665" гэсэн тоог сольж болно.

Кодоо хуулж хуудасны хүссэн газар байрлуулна уу. Та сэтгэгдлийг устгах, зарим хэрэглэгчдийг хар жагсаалтад оруулах эсвэл сэтгэгдлийг хянахын тулд зохицуулагч хөлслөх боломжтой - маш их спам байдаг.

Хэрэв танд энэ кодыг байрлуулахад бэрхшээлтэй байгаа бол тусгай VK Comments залгаасыг ашиглан сэтгэгдэл нэмж болно. Та ID-г хөгжүүлэгчдэд зориулсан ижил хэсгээс олж мэдэх боломжтой дээд цэсМиний програмуудыг сонгоод хүссэн сайтаа нээнэ үү. Холбоосын төгсгөлд байгаа тоонууд нь таны ID байх болно (жишээ нь, vk.com/editapp?id=123456).

"Wall Post" виджетийг бараг ашигладаггүй ч хэн нэгэнд хэрэгтэй байж болох юм. Үүний тусламжтайгаар та VKontakte-ийн нийтлэлийг нийтлэлд оруулах боломжтой. Бүх лайк хадгалагдаж, групп дэх нийтлэл дээр харагдана. Хэрэглэх өөр нэг арга бол үгчлэн ишлэх явдал юм. чухал мэдээлэл, тэр даруй эх сурвалжийн холбоосыг өгнө.

Хүссэн нийтлэлээ огноо дээр нь дарж нээгээд хаягийн талбараас холбоосыг хуулна уу. Дээд талын захад буулгаж, өргөнийг нь тохируулна уу. Үүний дараа кодыг хуулж, Text/Html горимд нийтлэлд буулгана уу. Баруун талд та ямар харагдахыг шууд харж болно.

Олон нийтийн виджет нь хүмүүс илүү идэвхтэй бүртгүүлэхийн тулд бүлэг болон вэбсайтаа холбох гайхалтай арга юм. Энэ виджетийг хажуугийн самбартаа нэмбэл үргэлж харагдах болно.

Хэрэв стандарт өнгө танд тохирохгүй бол доороос та өнгийг өөрчилж болно. Үүний дараа кодыг хуулж, Text виджет рүү оруулаад хажуугийн мөрөнд нэмнэ үү. Эсвэл өөрт тохирсон сайтын аль ч газар руу.

Like виджет нь хэрэглэгчдэд таны нийтлэлд таалагдах, тэдний холбоосыг найзуудтайгаа хуваалцах боломжийг олгох зорилготой юм. Зүгээр л тохируул Гадаад төрхтовчлууруудыг өөрийн үзэмжээр дарж, кодыг хуулж сайтад буулгана уу.

"Текст тоолууртай товчлуур" сонголтоос та товчлуурын шошгыг өөрөө сонгох боломжтой.

Зөвлөмжийн виджет нь зөвхөн өмнөхтэй нь хамт ажилладаг. Энэ нь нийтлэлд таалагдсан тоог шинжилж, хамгийн алдартай нийтлэлүүдийн жагсаалтыг харуулдаг. Тохиргоонууд нь бүгд ойлгомжтой байдаг: бичлэгийн тоо, өгөгдөл ямар хугацаанд харагдах вэ (өдөр, долоо хоног, сар) болон хэсгийн дээрх текст (Таалагдсан/Сонирхолтой .... Хүмүүс).

Санал асуулгын виджет нь таны сайт дээр санал асуулга явуулахад хялбар бөгөөд хурдан болгодог. Гарчгийн талбарт асуултаа оруулаад доор нь бүх хариултын сонголтуудыг жагсааж, товчлуурыг ашиглан шинийг нэмнэ үү Нэмэх. Хажуугийн самбар эсвэл хуудасны өргөнтэй тохирох хэмжээг сонгоод, текстийг хуулж, хүссэн газартаа буулгана уу.

"Хэрэглэгчид бүртгүүлэх" виджет нь тусдаа товчлуурыг харуулдаг бөгөөд энэ нь танд нэг товшилтоор VKontakte-ийн захиалагч болох боломжийг олгоно. Энэ нь бүлгийн тухай биш, харин таны дансны тухай юм. Дагаж болох хэрэглэгчийн холбоосыг оруулаад 4 сонголтоос товчлуурын харагдах байдлыг сонгоно уу.

Энэ бол сайт дээр байрлуулж болох бүх виджетүүд, VKontakte виджетүүд юм.

Вэбсайтад зориулсан Одноклассники виджет

Хөгжүүлэгчийн хэсэг рүү орцгооё. Үүнийг хийхийн тулд "Тохиргоо" руу очоод доошоо очоод "Хөгжүүлэгч"-ийг олоорой. Дараагийн цонхонд Social Widgets-ийг сонгоно уу.

Энд тийм ч олон тохиргоо байхгүй тул та үүнийг хялбархан олох боломжтой:

• Өргөн, өндрийг өөрийн хүссэнээр сонгоорой.
• Бүлгийн ID - бүлэгтээ очоод хаягийн талбарыг харна уу. Мөр дэх тоонууд нь таны ID байх болно (жишээлбэл, http://ok.ru/group/50582132228315). Тоонуудыг өөрийн тоогоор солино уу.

Кодоо хуулж аваад админ самбарын Дизайн - Виджетууд руу очоод Текст виджетийг зүүн тал руу чирээд энэ кодыг оруулна уу.

Вэбсайтад зориулсан Facebook виджет

Хөгжүүлэгчдийн хуудас руу орцгооё: "Та тэднийг мэддэг байж магадгүй" гэсэн баруун хэсэгт янз бүрийн холбоосуудын жагсаалт байгаа боловч та "илүү" дээр дарах хэрэгтэй бөгөөд энэ унадаг жагсаалтаас сонгоно уу. Хөгжүүлэгчдийн хувьд.

Дараа нь дээд цэсний Docs хэсэг рүү очоод жагсаалтаас Social Plugins-ийг олоорой.

Page Plugin хэсэг рүү очоод бүлгийнхээ тухай мэдээллийг бөглөнө үү: хуудасны холбоос, виджетийн өргөн ба өндөр, гадаад төрх.

Үр дүнд нь сэтгэл хангалуун байвал "Код авах" дээр дарж, дараа нь танд хоёр код санал болгоно.

Хий нөөц хуулбарсайтын тусламжтайгаар алдаа гарвал хурдан сэргээх боломжтой.

Дээр бичсэн хэсгийг оруулна уу SDK JavaScript-ийг хуудсандаа нэг удаа, хамгийн тохиромжтой нь нээлтийн үндсэн шошгоны дараа оруулаарай— админ самбар руу ороод Design - Editor гэснийг сонгоод эндээс хөл хэсгийг олоорой. Хайлтын талбарыг (ctrl + F) ажиллуулж, биеийг хайна уу. Бидэнд яг төгсгөл хэрэгтэй -< /body >. Дээрх мөрөнд, яг дээд талд, дээд цонхны кодыг оруулна уу. Хадгалах.

Хоёрдахь хэсгийг виджетүүдэд оруулах шаардлагатай. Үүнийг хийхийн тулд Дизайн – Виджетүүд рүү очоод Текст виджетийг зүүн тал руу чирээд энэ кодыг оруулна уу. Бүх зүйл зөв ажиллаж, бүх зүйл зөв харагдаж байгаа эсэхийг шалгаарай.

Вэбсайтад зориулсан Twitter виджет

Эцэст нь би Твиттерийг нэмэх талаар бодох болно, гэхдээ энэ нь маш ховор нэмэгддэг.

Тохиргоо руу очоод Widgets-ыг сонгоно уу.

Үүний дараа том Үүсгэх товч дээр дарж виджетийн дүр төрхийг тохируулна уу.

Би WordPress-ийн талаар удаан хугацаанд юу ч бичээгүй. Өнөөдөр бид нийгмийн сүлжээний виджетүүдийн талаар ярих болно.

Зөөврийн компьютертэй ширээний ард сууж буй хүн

Эхний нийтлэлд бид хамгийн алдартай нийгмийн сүлжээнүүдийг авч үзэх болно: FB, VK, G+ болон OK.

Facebook

Facebook-ийн виджетүүдэд зориулсан олон өргөтгөлүүд байдаг, гэхдээ энэ нь танд илүү олон тохируулга хийх боломжийг олгодог тул би код нэмэхийг хүсч байна. Та үүнийг албан ёсны Page Plugin үйлчилгээг ашиглан үүсгэж болно. Хуудас руу очоод виджетийн параметрүүдийг бөглөнө үү.

"Код авах" дээр дарна уу.

Код нь хоёр хэсгээс бүрдэнэ.

Бид кодын хоёр хэсгийг виджет рүү дараалан хуулж буулгана. Бэлэн.

VK

VK өөрийн гэсэн үйлчилгээтэй Нийгэмлэгт зориулсан виджет. Тохиргоонууд нь үндсэн: элементүүдийн харагдах байдал, өргөн, өнгө. Бусдыг нь шалгахаа бүү мартаарай VK виджетүүд, тэнд маш олон сонирхолтой зүйл байдаг.

G+

G+ виджетийн кодыг авахын тулд бид Google+ Badge үйлчилгээг ашиглана. -ээр нэвтэрнэ үү Google бүртгэл, тохиргоог сонгоод кодыг аваарай. Энэ бол энгийн.

БОЛЖ БАЙНА УУ

Одноклассники-ийн хувьд энэ нь ижил төстэй түүх бөгөөд зөвхөн цөөн тооны тохиргоо байдаг. Group Widget үйлчилгээ рүү очиж, бүлгийн ID-г бөглөж, өндөр, өргөнийг сонгоно уу. Бүлгийн ID-г таны нийгэмлэгийн тохиргооноос OK-оос олох боломжтой.

Хоёрдугаар хэсэгт би твиттер виджет болон бусад нийгмийн сүлжээг суулгах талаар авч үзэх болно. Анхаарал тавьсанд баярлалаа.

Уншсанд баярлалаа! Нийгмийн сүлжээн дээр намайг дага