KWIGA დახმარების ცენტრი LMS (განათლება) შექმენით კურსი და BootCamp როგორ დავამატოთ ღილაკი გაკვეთილში

როგორ დავამატოთ ღილაკი გაკვეთილში

სტატიები:

ჩვენ აგიხსნით, როგორ დაამატოთ ღილაკი გაკვეთილში, მარათონში, კურსის გვერდზე ან მოდულის აღწერაში.


ამ სტატიაში:


Kwiga-ზე შეგიძლიათ ღილაკი ორი გზით დაამატოთ:

  1. სწრაფი მეთოდი – გაძლევთ საშუალებას დააყენოთ ღილაკის ფერი და ტექსტი.

  2. კოდის გამოყენებით – საშუალებას გაძლევთ დაარედაქტიროთ ნებისმიერი პარამეტრი, როგორიცაა საზღვრის მომრგვალება, ზომა, კონტურის ფერი, სიმაღლე და სხვა.

სწრაფი დამატება

გახსენით გაკვეთილი, სადაც გსურთ ღილაკის დამატება, და ჩასვით ელემენტი “Text, Image, Code Embedding”. დააჭირეთ იმ ადგილს, სადაც გსურთ ღილაკის განთავსება და აირჩიეთ +Button ტექსტის რედაქტორის ხელსაწყოთა პანელიდან.


გახსნილ მენიუში შეგიძლიათ დაამატოთ ბმული, მიუთითოთ ღილაკის სახელი და მოარგოთ ღილაკისა და ტექსტის ფერი. დააჭირეთ Submit, და ღილაკი დაემატება თქვენს გაკვეთილს!



ღილაკის დამატება კოდის მეშვეობით

შეგიძლიათ კურსის გაკვეთილს ან მარათონს ღილაკი HTML კოდის გამოყენებით დაამატოთ. ქვემოთ გაჩვენებთ, როგორ გააკეთოთ ეს.

გახსენით გაკვეთილი, სადაც გსურთ ღილაკის დამატება, და ჩასვით ელემენტი “Text, Image, Code Embedding”.

შემდეგ გახსენით კოდის რედაქტორი (თუ ტექსტის რედაქტირების ხელსაწყოთა პანელს ვერ ხედავთ – დააჭირეთ თეთრ არეს, რათა ტექსტის შეყვანის ველი გააქტიურდეს):




კოდის რედაქტორი გაიხსნება (ეკრანზე შავი არე), ხოლო მენიუს ზედა ნაწილში ნახავთ ღილაკებს მზა კოდის შაბლონების დასამატებლად. ღილაკის შესაქმნელად აირჩიეთ Button:




გვერდზე იხილავთ კოდს, ხოლო მის ზემოთ – თქვენს ღილაკს.

ასევე შეგიძლიათ მოარგოთ ღილაკზე შრიფტის ზომა, შიდა დაშორებები, ღილაკის სიგანე და შეცვალოთ საზღვრის მომრგვალება.



ღილაკის ფერის დაყენება შეგიძლიათ RGB ან HEX კოდით, კონვერტერით ან ფერის ამრჩევი ხელსაწყოთი.

რამდენიმე ღილაკის ერთ ხაზზე განთავსება

რამდენიმე ერთმანეთის გვერდიგვერდ განთავსებული ღილაკის შესაქმნელად საჭიროა დამატებითი კოდი. ქვემოთ მოცემულია სამი ღილაკის კოდი ტექსტებით "Base", "Comfort" და "Pro" სამ განსხვავებულ ფერში. შეგიძლიათ კოდის შესაბამისი ნაწილები დაარედაქტიროთ, შეცვალოთ ტექსტი, ფერი, ღილაკის ფორმატი და ასევე არ დაგავიწყდეთ ბმულის დამატება.



     Base <\/a>

     Comfort <\/a>

     Pro <\/a>

<\/div>