Տեղադրեք հատուկ վիջեթ

Render տարրն ընդդեմ բովանդակության ընտրիչի

• Render տարր = տեղ։ Օրինակներ՝ .gsp_full_player, .gsp_button_player, .gsp_circle_player — կամ դասավորության հանգույց, ինչպիսին է #footer-listen.
• Բովանդակության ընտրիչ = ինչ կարդալ։ Մեկ թիրախ կամ մի քանի, ստորակետերով բաժանված՝ օրինակ՝ #main or #intro,.product-description,#specs.
• ծնող_դաս — կարդացեք մոնտի ծնողական ֆայլը (հարմար է, երբ մոնտը գտնվում է բովանդակության բլոկի ներսում):
• ինքնադասարան — կարդացեք նույն փաթեթավորումը, որի մեջ տեղադրված է լեռը։
• Բացառել ցուցակը — նաև ստորակետերով բաժանված; բաց թողնել նավիգացիան, գովազդները, մեկնաբանությունները ընտրված բովանդակության ներսում (օրինակ՝ #comments,.ads,.share-buttons).

Նիշի կանոն. Բովանդակության ընտրիչը մատնացույց է անում ձեր կողմից կառավարվող տեքստին, իսկ Render տարրը մատնացույց է անում դատարկ մոնտաժին (կամ կոնտեյներ), որտեղ պետք է հայտնվի նվագարկիչը։

Ինչպես գրել id, class և commas

HTML-ը խորը իմանալու կարիք չկա՝ հիշեք երկու նախածանց, ապա հավաքեք կամ կտրեք ստորակետերով։

• id → # - id="footer-listen" → #footer-listen.
• դաս → . - class="gsp_button_player" → .gsp_button_player.
• Միայն պիտակ - article, section, h1 (առանց նախածանցի):
• Հավաքեք կտորները — Բովանդակության ընտրիչը կարող է թվարկել մի քանի փաթաթաններ՝ #intro,.body,#cta-note.
• Կտրեք կտորները — Բացառությունների ցանկը օգտագործում է նույնը # / . + ստորակետեր։ Տես Բացառվածների ցանկ և ոչ խոսքի սահմանափակում և HTML զանգերի ուղեցույցը HTML արժեքներ բաժնում:
• Գտիր նրանց — սեղմեք աջ կոճակով ակտիվ էջի բլոկի վրա → Ստուգել → պատճենել id / class կոնսոլում՝ ճիշտ նախածանցով։

Ձայնը, լեզուն և Chrome-ի խաղացողների մեծ մասը դեռևս հետևում են կայքին Կարգավորումներ երբ վիջեթի դաշտը ասում է Օգտագործեք գլոբալ — տեղադրումը չի պարտադրում հատուկ ձայն։ Տես Գլոբալ vs. հատուկ կարգավորումներ.

Ինչպես տեղադրել անհատական ​​վիջեթ

1. Համոզվեք, որ կայքի միացման կոդը (կամ WordPress / CMS ինտեգրացիան) ակտիվ է։
2. Ավելացրեք դատարկ ամրակ այնտեղ, որտեղ պետք է ցուցադրվի նվագարկիչը՝ օրինակ՝ <div class="gsp_button_player"></div> ստորին մասում կամ կողային վահանակում՝ Custom HTML:
3. Cloud Console-ում բացեք (կամ ստեղծեք) համապատասխան Full / Button / Circle վիջեթը և Հրատարակել Թեմա.
4. հավաքածու Render տարր mount դասին (օրինակ՝ .gsp_button_player).
5. հավաքածու Բովանդակության ընտրիչ հոդվածի / ապրանքի փաթեթավորմանը (կամ մի քանի կտոր ստորակետերով, օրինակ՝ #intro,.entry-contentՊահպանել parent_class երբ ամրակը գտնվում է այդ բովանդակության մեջ։ Հիշե՛ք. id → #, class → ..
6. Optional: Բացառել ցուցակը (ստորակետով բաժանված, նույնը # / . կանոններ) և թույլատրված / արգելափակված URL-ներ, որպեսզի նվագարկիչը հայտնվի միայն այնտեղ, որտեղ դուք ցանկանում եք։
7. Պահպանեք, վերաբեռնեք ուղիղ հեռարձակման էջը և համոզվեք, որ նվագարկիչը հայտնվում է հատուկ տեղում՝ ճիշտ բովանդակությունը կարդալիս։

Հաճախակի դասավորություններ

• Կողային վահանակի լսելու կոճակ — Ռենդերի տարր .gsp_button_player կողային վահանակում; Բովանդակության ընտրիչ article or .entry-content.
• Ստորին տող — միացնել ստորին էջի ձևանմուշում; Content Selector-ը դեռևս թիրախավորում է գլխավոր հոդվածը, ուստի ստորին էջի Chrome-ը չի արտասանվում։
• Կառուցողի հատուկ HTML — նույն մոնտաժները Wix / Shopify / Squarespace Custom Code / HTML բլոկների վրա; map classes-ը ճիշտ այնպես, ինչպես HTML ուղեցույց.