Перейти до основного
Office
Підключення веб-частин у службі SharePoint Online

Підключення веб-частин у службі SharePoint Online

Примітка.: Ми хочемо надавати найновіший вміст довідки рідною мовою користувачів якомога швидше. Цю сторінку перекладено за допомогою засобу автоматичного перекладу, тому вона може містити смислові, синтаксичні або граматичні помилки. Ми вважаємо, що цей вміст стане вам у пригоді. Повідомте нас, чи була інформація корисною, унизу цієї сторінки. Для зручності цю статтю можна переглянути англійською мовою.

Додаючи сучасну сторінку до сайту, ви додаєте й налаштовуєте веб-частини, які є складовими елементами вашої сторінки. Ви можете підключити деякі веб-частини один до одного, щоб створювати інтерактивні та динамічні можливості для перегляду сторінок. Наприклад, у веб-частині "засіб перегляду файлів" можна підключити веб-частину бібліотеки документів. Коли користувач клацає ім'я файлу в списку бібліотеки документів, засіб перегляду файлів відображає вміст цього конкретного файлу. Або підключіть веб-частину списку до веб-частини вбудовування та додайте настроюваний код для різних динамічних переживань.

Примітки.: 

  • Деякі функції поступово вводяться до організацій, які вирішили на програму цільового випуску. Це означає, що ця функція може ще не відображатися або мати інший вигляд порівняно з описом у довідкових статях.

  • Веб-частини в цій статті недоступні для використання на класичних сторінках.

Веб-частини, до яких можна підключитися, належать: веб-частина "властивості списку", веб-частина "переглядач файлів" і "Вбудувати веб-частину" Нижче наведено кілька прикладів того, як можна використовувати ці підключені веб-частини.

Відображення файлу на основі того, що користувач вибирає в бібліотеці документів (підключення веб-частини перегляду файлів до веб-частини бібліотеки документів)

У цьому прикладі користувачі можуть переглядати бібліотеку документів кампанії та переглядати вміст у вибраному файлі, не залишаючи сторінку та не відкривати кожний файл.

Приклад веб-частини "засіб перегляду файлів", підключеного до бібліотеки документів

Ось як це зробити:

  1. На сторінці додайте веб-частину "бібліотека документів " із бібліотекою, яку потрібно використовувати, і додайте веб-частину "засіб перегляду файлів".

  2. Якщо під час першого додавання веб-частини "засіб перегляду файлів" буде відкрито область "останні документи". У правому нижньому куті цієї області натисніть кнопку скасувати .

  3. Натисніть кнопку змінити веб-частину_ z0z_ у лівій частині веб-частини "засіб перегляду файлів".

  4. Клацніть три крапки (...) у верхньому правому куті області властивостей, а потім виберіть пункт підключитися до джерела.

    Кнопка "підключитися до джерела"
  5. У розділі підключення до джерелавиберіть бібліотеку документів, яку потрібно використовувати з розкривного списку.

    Область властивостей засобу перегляду файлів із розкривним списком "підключення до джерела"
  6. Клацніть піктограму X у верхній частині області, щоб закрити її.

  7. У верхній частині сторінки натисніть кнопку Зберегти як чернетку .

  8. Перевірте підключення, вибравши документ із вибраної бібліотеки документів. У веб-частині "засіб перегляду файлів" відобразиться документ.

  9. Коли ви будете готові до аудиторії, щоб переглянути сторінку, натисніть кнопку опублікувати у верхньому правому куті сторінки.

Відображення елемента у списку на основі того, що користувач вибирає у веб-частині списку (підключення веб-частини "властивості списку" до веб-частини списку)

Якщо у вас великий список із багатьма стовпцями, для користувачів можна знайти певні відомості, які вони шукають. За допомогою веб-частини "властивості списку" користувач може вибрати елемент зі веб-частини списку та побачити лише ті значення, які ви вказали. У наведеному нижче прикладі веб-частина «список» містить список регіональних офісів. Коли користувач вибирає елемент зі списку, у веб-частині властивостей списку відображається тільки ім'я Office і дані про продажі.

Приклад списку, пов'язаного з веб-частиною "властивості списку"

Ось як це зробити:

  1. На сторінці додайте веб-частину списку зі списком, який потрібно використовувати, а потім додайте веб-частину "властивості списку".

  2. Натисніть кнопку змінити веб-частину_ z0z_ у лівій частині веб-частини "властивості списку".

  3. Клацніть три крапки (...) у верхньому правому куті області властивостей, а потім виберіть пункт підключитися до джерела.

    Кнопка "підключитися до джерела"
  4. У розділі підключення до джерелавиберіть список, який потрібно використовувати зі спадного списку.

  5. У розділі відображеннявиберіть, що користувач має бачити на сторінці. 

  6. У розділі поля для відображенняустановіть прапорці поруч із стовпцями, з яких потрібно відображати значення.

    Область веб-частини "властивості списку"
  7. У верхній частині сторінки натисніть кнопку Зберегти як чернетку .

  8. Перевірте підключення, вибравши елемент зі списку, який ви обрали. Ви побачите значення, указане в веб-частині "властивості списку".

  9. Коли ви будете готові до аудиторії, щоб переглянути сторінку, натисніть кнопку опублікувати у верхньому правому куті сторінки.

Відображення відео, зображення або розташування на основі того, що користувач вибирає у веб-частині списку (підключити веб-частину "Вбудувати" до веб-частини списку)

У веб-частині "Вбудувати" можна вказати посилання або код вбудовування, який використовує змінні, що дає змогу відобразити різноманітні елементи, залежно від того, що буде виділено для перегляду сторінок. Нижче наведено три приклади того, як можна відобразити вибрані зображення, відео та розташування.

Відображення вибраного відео YouTube

У цьому прикладі веб-частина «список» містить список із назвами відео та ідентифікаторами для кількох відео YouTube. Коли користувач вибирає відео зі списку, веб-частина "Вбудувати" показує, що відео. Посилання в веб-частині "Вбудувати" використовує змінну для відображення відео-ІДЕНТИФІКАТОРА відео, вибраного користувачем зі списку.

Приклад веб-частини для вбудовування, підключеного до списку

Ось як це зробити:

  1. Створіть список із стовпцем заголовка та стовпцем для ідентифікаторів відео (як у прикладі вище). ІДЕНТИФІКАТОР – це частина посилання на YouTube, що ідентифікує відео, і його буде знайдено після посилання "v =". Наприклад, якщо у наведеному нижче посиланні вибрано курсивне зображення, це ІДЕНТИФІКАТОР відео:

    https://www.youtube.com/watch?v =0Yepy7hrf60

  2. На сторінці додайте веб-частину списку та виберіть список із ідентифікаторами відео.

  3. Додавання веб-частини "Вбудувати".

  4. На лівій стороні веб-частини "Вбудувати" натисніть кнопку змінити веб-частину_ z0z_ .

  5. Клацніть три крапки (...) у верхньому правому куті області властивостей, а потім виберіть пункт підключитися до джерела.

    Кнопка "підключитися до джерела"
  6. У розділі підключення до джерелавиберіть список із розкривного списку.

  7. У розділі адреса веб-сайту або код вбудовуваннядодайте посилання на YouTube. Натомість, щоб використовувати окремий ІДЕНТИФІКАТОР відео, використовуйте ім'я стовпця списку, який містить ідентифікатори як змінну. Змінна позначається відкриттям дужок, a $ і закриваючою квадратною дужкою після імені. Ось приклад, де ІДЕНТИФІКАТОР _ відео – це ім'я стовпця:

    Область властивостей веб-частини із зображенням підключеного списку

  8. У верхній частині сторінки натисніть кнопку Зберегти як чернетку .

  9. Перевірте підключення, вибравши елемент зі списку, який ви обрали. У веб-частині "Вбудувати" відобразиться відео.

  10. Коли ви будете готові до аудиторії, щоб переглянути сторінку, натисніть кнопку опублікувати у верхньому правому куті сторінки.

Відображення виділеного зображення

У цьому прикладі веб-частина «список» містить назви зображень і URL-адреси для зображень, які зберігаються на сайті SharePoint. Коли користувач вибирає зображення зі списку, веб-частина "Вбудувати" показує, що зображення. У цьому прикладі код IFrame використовується у веб-частині "Вбудувати", а змінна позначає посилання на зображення.

Приклад веб-частини для вбудовування, підключеного до списку зображень

Ось як це зробити:

  1. Створіть список , який має стовпець заголовків і стовпець для URL-адрес зображень.

    Порада.: Щоб отримати URL-адресу для вашого зображення, перейдіть до бібліотеки, де зберігається зображення, клацніть правою кнопкою миші зображення та виберіть команду Копіювати посилання. Потім натисніть кнопку Копіювати. Тепер ви можете вставити посилання у список.

  2. На сторінці додайте веб-частину списку та виберіть список із URL-адресами зображень.

  3. Додавання веб-частини "Вбудувати".

  4. На лівій стороні веб-частини "Вбудувати" натисніть кнопку змінити веб-частину_ z0z_ .

  5. Клацніть три крапки (...) у верхньому правому куті області властивостей, а потім виберіть пункт підключитися до джерела.

    Кнопка "підключитися до джерела"
  6. У розділі підключення до джерелавиберіть список із розкривного списку.

  7. У розділі адреса веб-сайту або код вбудовуваннядодайте код вбудовування. У цьому прикладі код вбудовування має такий вигляд:

    _ Lt_ IFRAME ширина = "693" Висота = "390" SRC = "[$Image URL]" рамок = "0" allowfullscreen = "" Дозволити = "акселерометра; автовідтворення зашифровані – мультимедіа; Гіроскоп зображення в зображенні "></iframe>

    де [$Image URL-адреса] – це змінна, яка позначає ім'я стовпця для URL-адрес зображень.

    Приклад коду вбудовування вибраного зображення
  8. У верхній частині сторінки натисніть кнопку Зберегти як чернетку .

  9. Перевірте підключення, вибравши елемент зі списку, який ви обрали. Зображення має відображатися в веб-частині "Вбудувати".

  10. Коли ви будете готові до аудиторії, щоб переглянути сторінку, натисніть кнопку опублікувати у верхньому правому куті сторінки.

Відображення виділеного розташування

У цьому прикладі веб-частина «список» містить розташування та їхні координати. Коли користувач вибирає розташування зі списку, веб-частина "Вбудувати" відображає це розташування на карті Bing. У цьому прикладі код IFrame використовується у веб-частині "Вбудувати", а змінні – це координати.

Приклад веб-частини "підключений вбудувати" з відображенням розташування зі списку

Ось як це зробити:

  1. Створіть список , який містить стовпець заголовків і стовпці для довготи та широти.

  2. На сторінці додайте веб-частину списку та виберіть список із відомостями про розташування.

  3. Додавання веб-частини "Вбудувати".

  4. На лівій стороні веб-частини "Вбудувати" натисніть кнопку змінити веб-частину_ z0z_ .

  5. Клацніть три крапки (...) у верхньому правому куті області властивостей, а потім виберіть пункт підключитися до джерела.

    Кнопка "підключитися до джерела"
  6. У розділі підключення до джерелавиберіть список із розкривного списку.

  7. У розділі адреса веб-сайту або код вбудовуваннядодайте код вбудовування. У цьому прикладі код вбудовування має такий вигляд:

    _ Lt_ IFRAME-ширина = "500" Висота = "400" SRC = "https://www.Bing.com/Maps/EMBED? h = 400_Ampamp; w = 500&amp; CP = [$Latitude] ~ [$Longitude] _ Amp_amp; LVL = 13&amp;, тип = d&amp; Sty = r&amp; src = SHELL&amp; ФОРМА = MBEDV8 "рамок =" 0 "прокручування =" ні "_ gt/_ _ Lt_/iframe>

    де [$Latitude] і [$Longitude] – це змінні, що відповідає іменам стовпців для кожної з цих точок.

    Приклад коду вбудовування для відображення розташувань
  8. У верхній частині сторінки натисніть кнопку Зберегти як чернетку .

  9. Перевірте підключення, вибравши елемент зі списку, який ви обрали. Ви побачите карту Bing, яка відображає розташування, що відображається у веб-частині "Вбудувати".

  10. Коли ви будете готові до аудиторії, щоб переглянути сторінку, натисніть кнопку опублікувати у верхньому правому куті сторінки.

Примітки.: 

  • Код вбудовування має бути на основі IFRAME (тобто, початок і закінчується за допомогою _ Lt_iiframe _ gt/Мітки). Код вбудовування, який використовує _ Lt_scris_gttмітки, не підтримується.

  • Можна вбудовувати лише надійні веб-сайти. Переконайтеся, що URL-адреса веб-сайту починається з HTTPS.

Удосконалення навичок роботи з Office
Ознайомтеся з навчальними матеріалами
Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

Дякуємо, що знайшли час і надіслали нам відгук! Можливо, у нас не буде часу відповісти на кожен коментар, але докладемо максимум зусиль, щоб переглянути їх усі. Вас цікавить, як ми використовуємо ваші відгуки?

×