Панно своими руками из пуговиц мастер класс: фото, мастер класс, дерево, рисунки для панно, как сделать из бисера, картинки новогодние с пуговицами, видео

  • Home
  • Рукам
  • Панно своими руками из пуговиц мастер класс: фото, мастер класс, дерево, рисунки для панно, как сделать из бисера, картинки новогодние с пуговицами, видео

Содержание

Как создать панно из пуговиц с детьми


Пуговицы – уникальный материал для полета фантазии взрослых и детей. Какие забавные поделки, панно, картины, мозаики можно из них сделать! Ими можно украсить любую вещь и декорировать стены. Пуговицы материал доступный, есть в каждом доме в большом множестве, при этом столь разнообразный по фактуре, цвету и форме. Предлагаем пофантазировать и создать стильные и забавные аппликации из пуговиц для детей.

Необходимо учесть, что эти маленькие яркие кружочки не подходят для детей младше 3-х лет, так как в этом возрасте ребенку нравится все пробовать на зуб и пуговицы достаточно маленького размера. Для детишек постарше, пуговицы могут стать прекрасным тренажером, с помощью которого, можно развивать мелкую моторику. С ними можно поиграть с детьми, развивая базовые понятия о цвете, величине и навыки простейшего счета.

Аппликации из пуговиц для детей

Что нам понадобится?

Для начала, давайте научимся делать простое панно из пуговиц своими руками.

 Поверьте, это тот вид творчества, который очень понравится вам и вашему малышу.

 1. Определитесь, какой сюжет вы хотели бы изобразить. Его выбор может зависеть от размера вашей поделки, возраста вашего ребенка и уровня мастерства. В этой технике вы можете выполнить панно, открытку и даже конкурсную иллюстрацию. Как и в любом виде творчества, посмотрите разные варианты рисунков или готовых поделок, чтобы у вашей фантазии было больше возможностей.

2. После того, как вы определитесь с сюжетом,

подберите картон соответствующего размера, фактуры и плотности.

Вы можете использовать глянцевый или обыкновенный картон. Можете использовать ткань или бархатную бумагу. Очень удобно делать подобные работы уже внутри готовых рамок. Если вы впервые делаете пуговичное панно, лучше выбрать альбомный размер основы.

3. Нанесите на него контуры будущего рисунка или вырежьте шаблон и приклейте на основу.

4. Теперь вам осталось выбрать нужные пуговки и как следует их прикрепить.

Как прочнее приклеить пуговки на основу?

Методов, для лучшего крепежа существует несколько,

  • можете использовать различные виды прочного клея, например, клей «Титан»
  • возможно, использовать двусторонний скотч разной толщины
  • некоторые рукодельницы советуют использовать самоклеящуюся бумагу, и, вырезав верхний слой по контуру, закреплять пуговицы на образовавшемся клеевом пространстве
  • если детки младшего возраста, можно присоединять пуговицы на пластилин или полимерную глину
  • пришить

Панно из пуговиц своими руками «Курочка»

Как сделать несложную аппликацию из пуговиц для детей

  • берем много разнообразных пуговиц
  • сортируем их по цвету и размеру
  • на картоне выбранного вами формата и цвета, рисуем контуры ваших главных героев, например, курочки или петушка

  • для нашей курочки подбираем коричневые и бежевые оттенки
  • выбираем яркие пуговки для петушка, не забываем , что бородка и гребешок, чаще всего красного или бордового цвета
  • теперь настало время перейти к процессу закрепления пуговиц на картонной основе (см. выше)

В нашем примере, мы выделили каждого героя отдельно, так как работать с меньшими форматами удобнее начинающему мастеру. Как только, вы освоитесь в новом виде творчества, можно сразу работать на больших размерах.

интересные статьи

Лилия из пуговиц: потрясающее настенное панно с нежным цветком своими руками

Находясь на самоизоляции, многие из нас принимают решение заняться каким-либо рукоделием. К сожалению, большинство красивых проектов и мастер-классов предусматривают довольно большое количество материалов и различных инструментов, которые не всегда можно найти, достать или купить, сидя дома из-за пандемии коронавируса.

Сегодня мы предлагаем вам довольно простой, но очень интересный мастер-класс, который можно реализовать на самоизоляции, поскольку расходные материалы для него должны найтись у любого любителя рукоделия и шитья. Главная составная часть нашего настенного панно – это самые обычные пуговицы!


Наверняка, каждый из нас помнит, что у наших мам и бабушек была в хозяйстве целая жестяная коробка из-под конфет или печенья, наполненная самыми разнообразными пуговицами всех форм, размеров и оттенков. Эти пуговицы десятилетиями накапливались в хозяйстве, и теперь пришло время использовать их для украшения своего жилья! Помимо пуговиц нам потребуется небольшое количество цветного бисера и пуговиц, которые также имеются у каждого, кто любит рукоделие.

Материалы и инструменты:

  • белые и зелёные круглые пуговицы разного размера и оттенка;
  • большой загрунтованный холст на подрамнике;
  • клеевой пистолет или любой подходящий быстросохнущий клей;
  • чёрные, бордовые, жемчужные и прозрачные бусины больших и малых размеров;
  • мелкий бисер золотого и зелёного оттенка;
  • художественные кисти маленького, среднего и большого размера;
  • акриловая краска чёрного или другого тёмного цвета, подходящего к цветовой гамме вашей комнаты;
  • карандаш;
  • деревянные палочки от мороженого;
  • пинцет.


Шаг 1: Выберите изображение для панно

Цветы любят все, поэтому мы решили использовать для панно цветочную тему.

Мы выбрали цветок с красивой натуральной текстурой лепестков и листьев, по цвету подходящий под цвет пуговиц, которых у вас больше всего (обычно, по невероятному стечению обстоятельств, это белые пуговицы). В итоге наш выбор пал на белую лилию. Лилии имеют отличную текстуру на листьях и лепестках, что позволит нам воссоздать этот удивительно красивый цветок на полотне.

Шаг 2: Подготовительная Работа

Перед началом работы вам нужно будет нарисовать контур выбранного цветка на холсте с помощью карандаша. Не волнуйтесь, если вы сделаете ошибку, поскольку в дальнейшем мы будем закрашивать тёмной краской, которая скроет следы от карандаша. Для этого проекта мы будем использовать только плоские пуговицы, поэтому для начала проведите сортировку всех запасов пуговиц и отберите подходящие по цвету.

Шаг 3: Один лепесток цветка – за один раз.

Пора приступать к работе. Начните с нижней части вашего изображения. Нанесите немного клея с помощью деревянной палочки для мороженого и начните размещать пуговицы, не выходя за контур изображения. Используйте разнокалиберные пуговицы рядом, укладывая большие и маленькие пуговицы рядом. При размещении пуговиц старайтесь размещать их плотно, избегая больших пробелов между ними. После того, как первый лепесток цветка будет закончен, переходите к следующему, пока все шесть не будут завершены.

Шаг 4: Заполните пробелы на цветке

После того, как вы уложите белые пуговицы по контуру лепестков лилии, вы увидите промежутки между ними. Попробуйте заполнить эти пробелы с помощью совсем маленьких пуговиц, или используйте бусинки белого или жемчужного цвета. С помощью такого приёма мы создадим красивую текстуру на лепестках.

Шаг 5: Давайте создадим стебли лилии

Укладку зелёных пуговиц по контуру стеблей начните также снизу. Нанесите немного клея на холст и приступайте к укладке зелёных пуговиц.

Свободное пространство между пуговицами вы можете, как и в предыдущем шаге, заполнить бисером или бусинками подходящего зелёного оттенка.

Шаг 6: «Прорисовываем» внутренние детали цветка (пестики, тычинки и т.п.)

Используя фотографии в качестве образца, нарисуйте семь линий в середине цветка при помощи клея. Теперь вы можете начать размещать бусинки или бисер по линиям клея, создавая тычинки цветка. Каждая тычинка будет заканчиваться чёрной бусинкой на конце. Эти детали очень важны для цветка, поэтому дополнительно декорируйте их при помощи золотых и бордовых бусин.

Шаг 7: Добавляем важные детали

Лепестки лилии имеют красивые крапинки. Их мы будем создавать при помощи бордовых бусин. Ориентируйтесь на фото цветка, и при помощи клея закрепите на лепестках крапинки, приблизительно следуя за их расположением на фотографии.

Шаг 8: Последние штрихи

Оцените всю созданную картину и окончательно заполните все пробелы или добавьте бусины, чтобы улучшить текстуру листьев и лепестков цветка. Добавьте длинные зеленые бусины к внутренним стебелькам пестиков и тычинок. Приклейте сверху пуговиц немного жемчужных и золотых бусин.

Шаг 9: Давайте рисовать

Чтобы наша лилия выделялась, мы решили создать для неё контрастный тёмный фон. Мы не стали полностью закрашивать холст на подрамнике перед началом работ, поскольку хотели, чтобы белое грунтованное полотно «просвечивалось» сквозь пуговицы лепестков и не затемняла цвет пуговиц. Подберите цвет фона, который вам придётся по душе, и, используя кисточки разных размеров, аккуратно прорисуйте фон, начиная с контура вокруг лепестков и стеблей цветка. Окончательно закрасить фон, после того, как контуры будут аккуратно прорисованы, можно большой кистью. После закрашивания всего фона, оставьте своё панно сохнуть приблизительно на 24 часа.

После высыхания краски останется только повесить наше панно на стену и наслаждаться своим новым произведением искусства, которое поможет скрасить нахождение дома на самоизоляции в период пандемии коронавируса! 

Эту статью прочитали 468 человек с 14 Май 2020.

Красивые поделки из пуговиц | Мастер Винтик. Всё своими руками!

Добавил: Luntik,Дата: 10 Янв 2021

Вы думаете для чего нам нужны пуговицы? Чтобы застегнуть пальто, пиджак или рубашку?

Да, но не только…. из пуговиц можно сделать большое разнообразие красивых и необычных поделок на различные праздники!

Какие необыкновенные милые вещицы можно создать из пуговиц! Убедитесь сами:

Открытка для папы

Для её создания нам понадобились:
  • зелёный картон,
  • лист белой бумаги,
  • фломастеры,
  • пластилин и пуговицы для украшения танка,
  • ну и, конечно же, отличное настроение!

Ребенку вместе со взрослыми будет интересно делать открытку или панно из пуговиц, которое потом украсит детскую комнату или будет замечательным подарком.

Источник: Всемирная сеть Интернет



ПОДЕЛИТЕСЬ СО СВОИМИ ДРУЗЬЯМИ:

П О П У Л Я Р Н О Е:
  • Простой FM-приемник на RDA5807FP
  • На мс RDA5807FP можно собрать простой полноценный FM-приемник да еще и с кнопочным управлением!

    Можно использовать наушники, но чтобы подключить динамики нужно добавить УНЧ.

    Питание этой микросхемы 2,7 -3,3 В.

    Подробнее…

  • Простая объёмная снежинка
  • Как сделать объёмную снежинку из бумаги?

    (мастер-класс с фото)

    Совсем немного осталось до Нового года! Будем украшать ёлку, комнату, дом… Неотъемлемой частью украшений Нового года являются снежинки! И особенно красиво если эти снежинки — ОБЪЁМНЫЕ!

    Сегодня мы рассмотрим как можно сделать простую объёмную снежинку.

    Подробнее…

  • Топиарий «Парящая чашка»
  • Топиарий   это выражение вашей фантазии из подручных средств, таких как искусственные цветы, монеты, ракушки, камешки и т.д. Это очень красивый сувенир, выполненный своими руками.

    Подробнее…

Популярность: 164 просм.

Дом Бусин. Картины из пуговиц: 8 оригинальных идей

Современные рукодельницы используют в работе самый различный материал. Они создают необыкновенные, красивые картины из пуговиц своими руками, фото яркое тому подтверждение. Ассортимент подобного материала многообразен. Но даже самые простые, бельевые пуговички помогают придать изображению яркий и боле реалистичный вид. Мастерицы с удовольствием делятся своим опытом, который сумеет перенять даже начинающий мастер.

Осваивать технику лучше всего с более простых работ, которые представлены в нескольких уроках.

Интересные идеи

Работа не представляет сложностей. Подобное занятие полезно для развития мелкой моторики у детей. Поэтому смело привлекайте их к работе. Занятие помогает с усидчивостью, тренирует мышление, развивает фантазию. Все, что понадобится в работе, это панно с изображением, клеевой пистолет и набор цветных пуговиц. Чтобы изображение было более оригинальным, рекомендовано использовать дополнительно и другой материал:

Не обязательно использовать готовые репродукции. Сделать изображение можно самостоятельно.

1. Символ мудрости. Такую сову легко создать в реальности. Если нет возможности нарисовать ее, просто увеличьте картинку и скопируйте с монитора или распечатайте на принтере. Ее можно сделать на плотном картоне или на куске плотной ткани. Перед началом работы ткань зафиксировать на рамке.

2. Сочное яблочко. В работе использовались пуговицы красных, зеленых и коричневых оттенков, а также декор в виде бабочек и стразы. Нарисовать его самостоятельно не составит труда. Но это наиболее выгодный вариант для освоения техники. Сначала выдоится контур и после этого заполняется внутреннее пространство.

3. Красивые панно можно использовать в декоре интерьера. Простое сердечко, и бутылка выглядит как эксклюзивная ваза. Рисунки из пуговиц могут быть самыми разнообразными. Идеи имеются у каждой мастерицы.

4. Интересное панно из пуговиц познакомит ребенка с обитателем подводного мира. Контур нанесен на однотонную ткань. В этой аппликации использовался двусторонний скотч.

5. Петушок или другие герои любимых сказок, о которых будет напоминать такая картина. Оригинальная идея, где пустоты в изображении заполнялись бисером.

6. Из таких букв можно создать любое слово. Для ребенка это помощь в изучении алфавита.

7. После того, как освоена простая техника, можно попробовать создать более сложные изделия. Купить репродукцию с известным изображением и создать из нее шедевр.

8. Только при близком изучении Эйнштейна, можно заметить, что у него в голове. Это маленькие расчески, скелеты и фигурки животных или то, о чем думал человек при жизни. Все это можно прибрести в магазине.

Интересное занятие, которое освоили сотни мастериц. Это не только красивые картины, панно для собственного интерьера. При помощи пуговиц украшают подарки или создают поздравительные открытки.

Хочется верить, что представленная подборка пробудит интерес у большинства читательниц и их детей. Ничего подобного ни встретить ни в одном магазине. Это возможность гордиться тем, что в интерьере появится абсолютно эксклюзивный шедевр.

 

Картины из пуговиц своими руками (фото, мастер-класс)

 

Если у вас дома накопилось много ненужных пуговиц, то вы  можете сделать (сами или вместе со своим ребенком) картины из пуговиц своими руками.

Процесс это не сложный, но довольно увлекательный.

Картины из пуговиц своими руками (фото, мастер-класс)

Давайте разберем процесс создания картины из пуговиц своими руками пошагово:

1. Прежде всего стоит определиться с сюжетом. Если картину из пуговиц делаете первый раз, то ищите картинку для нее в интернете и выбирайте из обычных раскрасок для детей. Вот один из примеров:


2. Теперь надо выбрать технику выполнения картины из пуговиц.

Это может быть:

— аппликация из пуговиц и ткани, дополнительно раскрашенная красками или фломастерами (мастер-класс найдете ЗДЕСЬ):

— вариант с полным заполнением пуговицами всего полотна картины:

— картина из пуговиц по принципу силуэта с однотонным фоном:

— картина-рисунок, в котором пуговицы играют роль определенных объемных элементов (например, листьев):

— картина — фоторамка:

Также можно варьировать цветовую гамму, к примеру, темный фон и светлый силуэт или наоборот:

Так как пуговицы довольно крупный материал для творчества, комбинируйте их с бусинками или бисером.

3. Основанием для картины может быть как плотный лист бумаги, так и ткань (ее лучше сразу натянуть на твердый картон). А вот сами пуговицы лучше наклеивать на прозрачный полимерный клей (можно воспользоваться клеевым пистолетом).

4. Контур рисунка наносите очень аккуратно и делайте его максимально бесцветным, так как его не должно быть видно на готовой картине. На бумаге контур удобно не нарисовать, а продавить твердым карандашом.

5. Подготовив основание для картины, пуговицы, рисунок и клей, можно приступать к творчеству. Переведите рисунок на основание картины (ткань или бумагу). Затем разложите пуговицы в том порядке, как они будут приклеены на готовой картине. Если вас устраивает получившийся результат, можно начинать приклеивать пуговицы. Затем заполните пространство между ними бисером или бусинками.

6. Готовую картину поместите в рамку:

 

Еще больше идей картин из пуговиц своими руками вы найдете вот в этом слайд-шоу:

.

.

Понравилась статья? Расскажи о ней своим друзьям:

Поделки из пуговиц своими руками

Поделки из пуговиц делать совсем не сложно, наверное потому что у вас осталась большая коробка со старыми пуговицами, так зачем им простаивать, когда можно сделать что-то яркое и необычное? Скоро новогодние праздники, и вам стоит подумать о том, что подарить родным и близким. Это не обязательно должен быть дорогой подарок, можно сделать что-то своими руками. Одним из вариантов могут быть поделки из пуговиц своими руками. Вот несколько идей, как использовать их в качестве подарка или украшения.Петушок: Поделки из пуговиц своими руками Содержание

Рождественские украшения из пуговиц

Так как пуговицы разные, начиная по форме и размеру, заканчивая цветовой гаммой, то их можно использовать как украшение для различных открыток и не только. Смотрите также:. Новогодние украшения из пуговиц Елочные шары и игрушки из пуговиц С помощью пуговиц можно создать оригинальные игрушки в виде снеговика, Деда Мороза, Снегурочки, снежинки и т.д. Но сейчас мы рассмотрим вариант, как сделать елочный шар.Новогодние шары из пуговиц Для начала нам необходимо запастись следующим материалом:

  • Воздушный шар. Он может быть изготовлен из пенопласта, полистирола, флористической губки или пенополиуретана.
  • Булавка с бусинкой.
  • Кнопки
  • Лента.

В зависимости от того, какой мяч вы хотите использовать, его можно заказать в интернет-магазине. Если это флористическая губка — купите в любом цветочном отделе. Теоретически можно сделать шар из пенополиуретана самостоятельно, но это далеко не простой процесс.Как вариант, можно использовать мяч из ткани, предварительно набив его середину синтепоном. Пуговичный шар своими руками Выберите цветной шар. Если он должен быть белым, то ничего с ним не делайте. Но если вы хотите что-то цветное, вам нужно будет перекрасить его из баллончика. И так, когда все готово, можно приступать к основной работе. Для начала возьмите мяч и прикрепите к нему ленточку. С его помощью мы можем потом повесить изделие на елку. И так, ленточка готова, приступаем к пуговицам.Берем понравившуюся пуговицу и прикалываем ее к шарику булавкой. Вы можете комбинировать цвета и размеры кнопок, а также регулировать расстояние между ними. Он может оставаться пустым или заполняться дополнительными элементами. Игрушки на елку из пуговиц Наш шар готов,теперь его можно смело вешать на елку. Также советуем прочитать, как сделать декоративные венки из пуговиц. Венок на дверь стал очень популярным элементом украшения на новогодние праздники. Чаще всего их вешают снаружи, но никто не запрещает использовать в интерьере квартиры.Венок из пуговиц из года в год становится все популярнее, ведь его можно сделать своими руками, не затрачивая много усилий. Декоративный венок из пуговиц есть несколько вариантов этой поделки. Самым простым будет вырезать картон в виде круга, дополнительно сделав посередине еще и круглое пространство. Затем обклейте его разноцветными пуговицами, дополнительно используя декор из елочных веток. Венок на пуговицах Второй вариант — сшить чехол, который наполнен синтепоном.Обложка должна быть в форме круглого венка. Когда заготовка готова, пришиваем к ней наши пуговицы. Елочки из пуговиц Маленькие елочки конусообразной формы будут отлично смотреться в домашнем интерьере. Елочки из пуговиц Для того чтобы построить такую ​​елочку нужно немного:

  • Конус из картона, полистирола или полистирола.
  • Кнопки
  • Цветная бумага или ткань.
  • Булавки или клей.

Процесс будет таким же, как и с шариками.Единственное, если вы используете пенопласт или полистирол, закрепите кнопки на булавках. Когда материалом является бумага, лучше всего использовать клей. Основу елочки хорошо покрасить или обклеить чем-нибудь зеленым. Смотрите также:. Гирлянда из пуговиц. Как говорится: «все гениальное просто». Так и с нашими гирляндами из пуговиц. Вроде ничего подобного, но смотреться будет довольно интересно и креативно. Для работы вам понадобится леска, проволока или нитки. В общем, любой материал, на который можно нанизать наши пуговицы.Открытки и картины из пуговиц. Также креативный и нестандартный подарок, который можно сделать в короткие сроки. Ты уже что-то придумываешь. Открытка может быть просто украшена пуговицами или включать в себя целые картинки, соответствующие новогодней тематике.

Мастер-класс «Вазочка из пуговиц»

Самое интересное, что делать поделки можно не только самостоятельно, но и вместе с детьми. Обычно дети очень увлекаются этим занятием, и их радости нет предела. Для проведения мастер-класса нам необходимо:

  • Пуговицы разных цветов и размеров (мелкие лучше приклеивать).
  • Клей ПВА
  • .
  • Воздушные шары.
  • Ножницы и кисточка.
  • Баночка.

Чаша из пуговиц своими руками

  • Для начала надуйте мяч нужного размера.
  • Далее кладем на банку так, чтобы хвостик был внизу.
  • Намажьте половину шара клеем с помощью кисточки или пальца.
  • Когда клей застынет, между шариком и пуговицами образуется своеобразная защита.
  • Нанеся второй слой клея, мы уже будем приклеивать наши пуговицы.Они должны быть достаточно близко друг к другу.
  • л>

    Чаша для пуговиц

  • Когда все кнопки приклеены, оставляем нашу заготовку сохнуть. Это может занять несколько часов.
  • Когда все высохнет, нанесите еще один слой клея.
  • Теперь аккуратно отрезаем хвостик у нашего шара, чтобы потихоньку выпустить из него воздух. С помощью ножниц можно избавиться от лишнего клея.
  • В итоге получаем чашу из пуговиц, в которой можно хранить что угодно.

    Поделка «машинка» из пуговиц

    Еще одно задание, которое можно выполнить вместе с ребенком.Кстати, вы можете вместе с детьми сделать и другие поделки из пуговиц — выберите любую выкройку, создайте контур и наклейте пуговицы на основу — далее мы подробно расскажем, как это сделать. Из материалов вам понадобится:

    • Кнопки
    • Пин.
    • Трубка.
    • Прокрастинация (тонкая).
    • Клейкая лента.
    • Клей.

    Поделка «машинка» из пуговиц Ход работы:

  • Сначала отрежьте от трубы два куска, 2.5 сантиметров в длину.
  • Далее протяните провод через отрезанную трубку, а на конце прикрепите к кнопке.
  • Делаем еще одну такую ​​заготовку и вставляем обе в прищепку. Одну крепим спереди, другую сзади. Оба скреплены изолентой.
  • Быстро и весело, а главное, если сделать несколько таких поделок, а потом еще и соорудить горку из картона — детской радости не будет предела. Читайте также:

    Мастер-класс «Улитка из пуговиц»

    Для изготовления этой поделки из пуговиц нам понадобится:

    • Лист плотного картона;
    • Провод;
    • старый компакт-диск
    • Плоские пуговицы;
    • клей ПВА;
    • Двусторонний скотч.

    Сначала нужно будет вырезать фигурный элемент, который будет телом улитки, длиной до 10 см. Далее при помощи двустороннего скотча фиксируем диск на фигурку из плотного картона. После с помощью клея ПВА прикрепляем пуговицы к диску. Наконец, осталось сделать рожки из проволоки. И ваша поделка готова! Процесс изготовления поделки «Улитка» из пуговиц Готовая поделка из пуговиц «Улитка»

    Аппликация из пуговиц «цветочки» — детская поделка

    Для его реализации нам понадобится:

    • Проволока.
    • Кнопки
    • Войлок.
    • Плоскогубцы.

    Поделка «цветы» из пуговиц Ход работы:

  • Берем через отверстие проволоку и нанизываем на нее пуговицы.
  • Согните проволоку для крепления пуговиц и проденьте ее в обратном порядке через другое отверстие.
  • После того, как все пуговицы натянуты, скрутите проволоку.
  • Из фетра вырезаем несколько цветочков и крепим их на проволоку.
  • Можно сделать несколько цветов, чтобы получился букет.
  • В итоге получаем вот такую ​​аппликацию из пуговиц и цветов.

    Что еще можно украсить пуговицами?

    На самом деле, что угодно. Например, очень интересно будет смотреться декор цветочного горшка из пуговиц, можно сделать подставки под чашки в виде маленьких салфеток, декор для штор и даже сами шторы. Идеи пуговиц своими рукамиДизайн можно придумать на подушках, картинах, панно, подсвечниках и так далее. Главное вооружиться необходимыми материалами и включить фантазию на максимум.Вы можете поделиться такими интересными идеями и мастер-классами со своими друзьями и знакомыми. Поделка «роза» из пуговиц Как видите, вариантов, где можно использовать ненужные пуговицы, очень много. В результате они могут украсить ваш интерьер гирляндами, открытками или венками на дверь. Поэтому используйте их для украшения любой идеи, которую вы сможете реализовать самостоятельно или с маленькими детьми.

    Поделки из пуговиц — фото

    Основными материалами в работе будут: пуговицы, клей, бумага или пенопласт, ножницы и проволока.Все материалы доступны по цене и не требуют больших денежных затрат. А работа пойдет очень быстро и весело, так что вдохновения вам! Также рекомендуем просмотреть:

    Понравилась статья? Поделитесь в социальных сетях!

    комментариев

    комментариев

    Все, что вам нужно знать (издание 2022 г.)

    Обновлено: 1 января 2022 г. 

    Примечание: эта запись в блоге содержит 4 примера Google Analytics. Если вам нужны примеры Universal Analytics, нажмите здесь.

    В качестве функции отслеживание кликов в Диспетчере тегов Google — идеальная приманка для новичка. Начать довольно легко: прочитайте одну или две записи в блоге, возможно, посмотрите видео, и готово! Вы можете отслеживать кнопки, клики по ссылкам в меню и т. д. Однако среди новичков в GTM я заметил, что они не полностью осознают процесс настройки отслеживания кликов в Google Tag Manager и почему необходимо выполнять то или иное действие.

    Кроме того, опытные пользователи Диспетчера тегов Google не всегда знают о некоторых более продвинутых методах отслеживания кликов, которые открывают совершенно новые возможности в управлении тегами.

    Вот почему я решил опубликовать это (еще раз) расширенное/окончательное/назовите сами руководство по отслеживанию кликов в Диспетчере тегов Google, охватывающее не только основы, но и некоторые продвинутые вещи.

     

    Узнайте, как отслеживать клики по ссылкам, в курсе «Основы GTM»

    Если вы только начинаете работать с Диспетчером тегов Google, все может показаться немного сложным. Я полностью это понимаю. Скорее всего, все когда-то были здесь. Для вашего удобства я создал бесплатный курс по основам Google Tag Manager, который также дает представление об отслеживании кликов по ссылкам.

    Итак, если вы считаете себя любителем видеоконтента, взгляните на мой курс.

     

    Содержание

    + Показать содержание +

     

    Видеоурок

    Если вы предпочитаете видеоконтент, посмотрите это видео на моем канале Youtube.

     

    №1. Почему отслеживание кликов так важно?

    Я не буду приводить здесь статистику, но подумайте о том, какие взаимодействия вы совершаете чаще всего на любом веб-сайте. Это загрузка страницы, прокрутка и нажатие. Вы нажимаете ссылки и кнопки, чтобы переходить с одной страницы на другую, чтобы достичь определенной цели.

    Вот почему так важно отслеживать такие взаимодействия — чтобы лучше понимать поведение пользователя/посетителя. Захватывайте клики, отправляйте их данные в такие инструменты, как Google Analytics, и анализируйте данные.

    Наиболее популярные варианты использования Google Tag Manager для отслеживания:

    • Отслеживание нажатия кнопки (скажем, нажатие кнопки «Добавить в корзину»)
    • Клики по исходящей ссылке (отслеживание перехода посетителя по ссылке, ведущей на внешний ресурс (сторонний веб-сайт))
    • Щелчки по ссылке на файл (т.грамм. когда кто-то нажимает на ссылку, которая загружает/открывает PDF-файл)
    • Щелчки по ссылке меню

    В отличие от Universal Analytics (GA3), Google Analytics может автоматически отслеживать множество событий. Однако он не охватывает все возможные сценарии, поэтому все же важно, чтобы вы изучили эту тему.

    GA4 может автоматически отслеживать клики по исходящим ссылкам и загрузки файлов. Следовательно, в этом посте я пропущу их и сосредоточусь на других кликах.

     

    №2. Два типа клик-триггеров

    В Диспетчере тегов Google есть два типа триггеров кликов: Все элементы и Только ссылки .

    Как следует из названия, триггер Все элементы отслеживает клики по любому элементу (ссылке, изображению, кнопке и т. д.), а триггер Только ссылки отслеживает только клики по ссылкам.

     

    №3. Каков план?

    Лучший способ освоить отслеживание кликов в Диспетчере тегов Google — это делать.И это именно то, что мы собираемся сделать в этом руководстве.

    Вот процесс правильной настройки отслеживания кликов Диспетчера тегов Google:

    Шаг 0 — решить, что вы хотите отслеживать, ссылки или любые элементы. Тогда:

    1. Шаг 1. Включить хотя бы один триггер клика на странице (тип триггера зависит от шага 0).
    2. Шаг 2. Включить все встроенные переменные, связанные с кликами
    3. Шаг 3. Создайте тег (например,г., тег события Google Analytics 4)
    4. Шаг 4. Обновите триггер клика, чтобы отслеживать только определенные клики, а затем назначьте ему тег.
    5. Шаг 5. Проверка.

    Один и тот же рабочий процесс применяется к триггерам Только ссылки и Все элементы . Давайте посмотрим на это в действии.

     

    №4. Отслеживание кликов по ссылкам Диспетчера тегов Google

    По умолчанию Диспетчер тегов Google не отслеживает клики. Вы можете проверить это, включив режим предварительного просмотра и отладки и обновив веб-страницу, над которой вы работаете.На панели отладки вы увидите три события: Container Loaded, DOM Ready и Window Loaded .

    На приведенном ниже снимке экрана игнорируйте тег просмотра страницы Universal Analytics. Это из другой установки.

    Теперь щелкните любой элемент на своем веб-сайте (не на панели отладки GTM) и посмотрите, что произойдет в левой части панели.

    Если у вас не установлен GA4 и это ваш новый контейнер Диспетчера тегов Google, вы ничего не увидите.

    Если вы видите несколько кликов, это означает, что вы:

    • есть хотя бы один  Just Links  или All Element Clicks  Триггер GTM активирован на странице
    • или включить отслеживание «Загрузка файла» или «Исходящие ссылки» в расширенных настройках измерения.

    В любом случае, я предполагаю, что вы не видите никакой информации, связанной с кликами в режиме предварительного просмотра. Это происходит потому, что по умолчанию Диспетчер тегов Google не отслеживает клики. Вам нужно настроить его самостоятельно. Давайте начнем?

    Помните рабочий процесс из пяти шагов из предыдущей главы? Ну, 6-шаговый, если считать шаг 0. В этом руководстве я буду ссылаться на него несколько раз, потому что я хочу, чтобы вы запомнили его . Этот рабочий процесс имеет решающее значение для освоения отслеживания кликов.На самом деле, это относится даже к большему количеству триггеров, например YouTube.

    Хорошо, давайте подумаем, какие клики по ссылкам мы должны отслеживать в первую очередь. Как насчет кликов по ссылкам в меню?

     

    Согласно нашему рабочему процессу отслеживания кликов Google Tag Manager, шаг 0 — решить, что мы хотим отслеживать. Этот шаг уже завершен, поскольку мы выбрали отслеживание кликов по ссылкам в меню. Переходим к шагу 1.

     

    Шаг 1. Включите триггер клика по ссылке в GTM

    Чтобы включить отслеживание кликов по ссылкам, нам нужно включить функцию, называемую прослушивателем кликов по ссылкам (a.к.а. прослушиватель автоматического события клика по ссылке). Это функция GTM, которая отслеживает клики по ссылкам на странице. Если он обнаружит один из них, он отобразит это событие в режиме предварительного просмотра и отладки GTM (P&D), и мы сможем использовать его в качестве условия для активации тегов. Чтобы быть более точным, прослушиватель отправляет данные кликов на уровень данных.

    На самом деле в Диспетчере тегов Google есть много прослушивателей автоматических событий. Говоря о встроенных слушателях, есть слушатель Youtube, прослушиватель прокрутки, прослушиватель видимости элемента и т. д.Кроме того, существует множество пользовательских прослушивателей автоматических событий, например. Прослушиватель Vimeo, прослушиватель проигрывателя Mixcloud и т. д. Некоторые из них доступны в библиотеке рецептов GTM.

    Как мы можем включить прослушиватель автоматических событий щелчка по ссылке? – спросите вы. Ответ — , если на странице включен хотя бы один триггер клика по ссылке .

    В Диспетчере тегов Google перейдите к Триггеры > Конфигурация триггера > Новый > Просто ссылки .Оставьте все настройки как есть и назовите триггер All Link Clicks (или любое другое).

    Говоря о двух флажках, вот краткий обзор:

    Ожидание тегов полезно, если ссылка открывается в той же вкладке браузера. Если у вас есть какие-либо теги, связанные с триггером клика по ссылке, и включен параметр Ожидание тегов (скажем, на 2000 миллисекунд), Диспетчер тегов Google временно приостановит перенаправление (на срок до 2000 миллисекунд), чтобы дать тегам возможность правильно Пожар.Как только теги сработают должным образом или пройдет 2000 миллисекунд, пользователь продолжит переход на другую страницу. Вы можете изменить продолжительность этой паузы, не ограничиваясь 2000 миллисекундами.

    Проверка проверки проверяет, действительно ли щелчок был действительным. Этот параметр упоминается в двух руководствах Симо Ахавы. Довольно часто я не устанавливаю этот флажок.

    ===

    Вернуться к нашему общему триггеру щелчка по ссылке. Сохраните его и обновите режим предварительного просмотра и отладки (снова нажав кнопку Preview в интерфейсе GTM).Перейдите на страницу, где вы хотите отслеживать ссылки. Щелкните любую ссылку на странице.

    Внимательно осмотрите левую часть панели предварительного просмотра и отладки. Вы увидите новое событие  Link Click . Это то, что сделал наш прослушиватель автоматических событий щелчка по ссылке. Он прослушивал клики по ссылкам на странице и, обнаружив их, отправлял событие  Link Click   на уровень данных, и поэтому оно становилось видимым в консоли отладки.

    Если вы не видите это событие, убедитесь, что вы обновили режим предварительного просмотра и отладки (нажав кнопку «Предварительный просмотр» в интерфейсе GTM).

    Подводя итог, мы создали общий триггер клика по ссылке, потому что нам нужно было включить прослушиватель автоматического события клика по ссылке на странице. Если на странице включен хотя бы один триггер клика по ссылке (не активированный, а просто ожидающий срабатывания), прослушиватель клика по ссылке включается в фоновом режиме.

    Благодаря этому мы можем видеть события кликов по ссылкам в режиме P&D и проверять, какие данные доступны при каждом клике.

     

    Шаг 2. Включите встроенные переменные кликов

    Для создания более точных триггеров нам понадобится еще один ингредиент — переменные.Что это?

    Это небольшие фрагменты информации, которые можно использовать как в тегах, так и в триггерах (и, по сути, и в других переменных). Например, Идентификатор клика . Вы можете использовать его в качестве триггерного условия (например, активировать код события Google Analytics , когда  идентификатор ссылки, на которую нажали, равен «main-cta-link» ).

    Благодаря режиму предварительного просмотра и отладки GTM мы можем видеть, какие переменные доступны для каждого события. Нажмите  Ссылка Нажмите на событие и перейдите на вкладку Переменные в режиме предварительного просмотра.Продолжайте искать все, что связано с кликами. Если вы работаете над новым контейнером, вы, вероятно, ничего не найдете.

    Не волнуйтесь, это ожидаемо. Теперь перейдите на вкладку Data Layer в режиме предварительного просмотра (при выбранном событии Link Click ). Там вы увидите некоторые параметры, связанные с переходом по ссылке, например gtm.elementId или gtm.elementClasses, , например:

    .

    Несмотря на то, что данные о кликах отслеживаются Диспетчером тегов Google, они недоступны на вкладке «Переменные» консоли P&D.Почему? Поскольку встроенные переменные кликов не включены в интерфейсе Диспетчера тегов Google . И что? Если некоторые данные недоступны в качестве переменной в GTM, вы не можете использовать их в своих триггерах.

    Активируем их.

    В своей учетной записи GTM перейдите к Переменные, и в разделе Встроенные переменные нажмите Настроить . С левой стороны появится панель. Прокрутите вниз, пока не найдете переменные кликов, и включите ВСЕ из них одну за другой,  , включая Идентификатор клика , URL-адрес клика и т. д.

    После этого обновите режим предварительного просмотра (еще раз нажав кнопку Предварительный просмотр).

    Затем перейдите на свой веб-сайт и щелкните любую из ссылок меню. На самом деле, щелкните по крайней мере два из них. Вернитесь в режим предварительного просмотра, и вы должны увидеть события Link Click  в режиме предварительного просмотра. Нажмите на первую ссылку . Нажмите на событие и перейдите на вкладку «Переменные» в режиме предварительного просмотра.

    Затем нажмите на второе событие Link Click . В настоящее время я ищу некоторую переменную, которую я мог бы использовать, чтобы отличить щелчок по ссылке меню.Я не хочу активировать свой тег события GA4 при любом нажатии на ссылку. Я хочу запустить его точно по щелчку ссылки меню.

    Присмотревшись, я вижу, что обе ссылки меню содержат одно и то же Классы кликов  значение,  site-nav__link site-nav__link–main . Кстати, nav в данном контексте означает «навигация». Здорово! Я буду использовать это в своем триггере Just Links.

    Важно: в вашем случае классы могут быть другими. Может быть, у вас вообще не будет занятий.Затем вам следует искать другие переменные (или использовать более сложные селекторы CSS).

     

    Шаг 3. Создайте тег

    Теперь пришло время создать тег события Google Analytics 4. Перейдите в раздел Теги > Создать > Google Analytics: событие GA4 . Выберите существующий тег конфигурации GA 4 и введите название события. Его ценность зависит от вас. Любой из следующих вариантов отлично подходит:

    • menu_click
    • меню
    • menu_item_click
    • нажмите меню
    • и т.д.

    Это лишь некоторые из примеров. Поскольку мы работаем с настраиваемым событием, мы можем назвать его как угодно (например, при соблюдении ограничений длины имени).

    В моем случае я использовал menu_click  название события. Но на этот раз отправлять только имя события не очень полезно. Вы, вероятно, захотите узнать, какие именно пункты меню нажимаются чаще. Как насчет того, чтобы мы также отправили название пункта меню и URL-адрес?

    Мы могли бы сделать это, отправив дополнительные параметры события.Несмотря на то, что вы можете использовать параметры, которые уже упоминались в документации по расширенному измерению (например, link_url и link_text ), давайте создадим два пользовательских параметра (потому что я просто хочу показать вам, как их настроить).

    Я собираюсь передать два параметра: menu_item_url и menu_item_name.  Я придумал эти названия параметров, и вы тоже можете это сделать. Вот что предлагает гибкость модели данных.

    Чтобы отправить пользовательские параметры, необходимо развернуть раздел Параметры события в теге события Google Analytics 4 и нажать Добавить строку .

    Введите имя первого параметра. В моем случае это menu_item_url . В поле Value я вставлю переменную, которая возвращает URL-адрес, на который нажали. К счастью, GTM уже предлагает такую ​​переменную, она называется Click URL . Нажмите кнопку  Вставить переменную  , а затем выберите переменную  {{Click URL}}  .

    Давайте добавим еще один параметр,  menu_item_name . Для этой цели GTM предлагает другую встроенную переменную  {{Click Text}} .Вставьте и его. Поскольку посетители вашего веб-сайта могут переводить вашу страницу, значение  {{Click Text}}  также изменится, поэтому вы увидите более разнообразный список собранных значений в отчетах GA4.

    Если вы хотите отправить больше параметров, вы можете это сделать. Вы можете отправить до 25 специальных параметров с одним событием.

     

    Шаг 4. Обновите триггер клика

     Следующим шагом в этом рабочем процессе является обновление нашего триггера, а затем его назначение тегу Google Analytics.Мы хотим, чтобы наш тег срабатывал не по всем кликам, а только по ссылкам меню.

    На шаге 2 мы уже определили основную характеристику ссылки меню. Его значение Click Classes равно site-nav__link site-nav__link–main.

    В Диспетчере тегов Google перейдите к Триггеры и найдите триггер, который вы создали на шаге 1. Мы отредактируем его и добавим условие:  Классы кликов  содержит  site-nav__link–main

    Также измените его имя.Сохраните триггер. Назначьте его тегу GA4. Это можно сделать, щелкнув в любом месте раздела тега Triggering , а затем выбрав этот триггер Just Links.

    Сохраните тег.

     

    Шаг 5. Проверка

    Обновите режим предварительного просмотра GTM (нажав кнопку Preview в интерфейсе GTM) и щелкните несколько пунктов меню. Вернитесь в режим предварительного просмотра и щелкните эти события Link Click . Проверьте, сработали ли теги событий GA4 для кликов по ссылкам в меню.

    Теперь вам нужно перейти в Google Analytics 4 и проверить DebugView . Подробнее об этом вы узнаете из этой записи блога.

    ВАЖНО : даже если вы увидите свои пользовательские параметры в отчетах в реальном времени и DebugView  в GA4, вы не сможете увидеть их в других отчетах GA4. Если вы не зарегистрируете эти параметры как специальные параметры  в Google Analytics.

    В GA4 вам нужно перейти к Пользовательские определения  (на левой боковой панели) > Специальные параметры > Создать пользовательский параметр .Здесь вам нужно будет прописать оба параметра ( menu_item_name и menu_item_url ). Вот один из примеров:

    Важно, чтобы область действия обоих измерений была «событие». После того, как вы зарегистрируете эти параметры, вы начнете видеть их в отчетах (в течение 24 часов). Узнайте больше о специальных параметрах в GA4 здесь.

    После того, как все будет протестировано, опубликуйте свой контейнер GTM, нажав кнопку ОТПРАВИТЬ в правом верхнем углу интерфейса Диспетчера тегов Google.

     

    #4.

    2. Создайте конверсию Google Analytics на основе события клика .

    Некоторые клики могут быть важнее для вашего бизнеса, чем другие, поэтому их следует настроить в Google Analytics 4 как конверсии. Если вы хотите узнать больше о конверсиях (ранее называемых «целями»), ознакомьтесь с записью в блоге (+ видео) о том, как это сделать.

     

    №5. Отслеживание нажатия кнопки Диспетчера тегов Google

    Вы, наверное, думаете, что в этом случае мы будем использовать триггер All Elements .И вы правы. Но это не значит, что для кнопок всегда требуется этот триггер. Многие кнопки — это просто ссылки, которые закодированы так, чтобы визуально выглядеть как кнопки. Таким образом, вы всегда можете сначала попробовать использовать триггер Just Links , прежде чем использовать триггер All Element .

    Однако я хочу показать вам, что такое триггер клика All Elements и чем он отличается от Just Links.

    Как вы можете догадаться из названия, All Elements отслеживает клики по всем элементам на веб-странице (включая ссылки). Если вы нажмете на заголовок страницы, изображение или фон, все клики будут отслеживаться прослушивателем кликов, и вы увидите эти события в режиме предварительного просмотра и отладки GTM.

    Итак, как отследить нажатие кнопки?

     

    Шаг 1. Создайте триггер All Elements Click в GTM

    Как и в случае с триггером Just Links , на странице должен быть включен хотя бы один триггер All Elements , чтобы события кликов отображались в консоли P&D.Вы можете попробовать это сами. Если вы включили только Просто ссылки срабатывают и пытаются щелкнуть изображение на странице, вы ничего не получите в консоли отладки.

    Вот почему нам нужно следовать тому же рабочему процессу (так же, как мы делали это с отслеживанием кликов по ссылкам). Перейдите в интерфейс GTM > Триггеры > Создать > Все элементы . Оставьте все настройки как есть и сохраните триггер. Обновите режим предварительного просмотра и отладки, а затем перейдите на веб-страницу, над которой вы пытаетесь работать. Нажмите что-нибудь (кроме консоли P&D) и увидьте: вы начнете видеть события Click в консоли предварительного просмотра GTM.

    Это означает, что Все элементы прослушиватель автоматических событий кликов был включен, и все клики теперь отслеживаются.

     

    Шаг 2. Включите переменные кликов в GTM

    .

    Если вы щелкнете любое из этих событий кликов в консоли предварительного просмотра и перейдете на вкладку «Уровень данных», вы увидите, какие данные, связанные с кликами, доступны для этого конкретного клика. Мы определенно могли бы использовать здесь некоторые параметры, например, gtm.elementId (что означает Click ID ).Если мы хотим использовать его в теге GTM, триггере или другой переменной, нам нужно превратить эту точку данных ( gtm.elementId ) в переменную.

    К счастью, все встроенные переменные кликов уже были включены в одной из предыдущих глав (о кликах по ссылкам меню). Только ссылки и Все триггеры элементов используют один и тот же набор переменных кликов.

     

    Шаг 3. Создайте тег

    Давайте для примера отследим какой-нибудь элемент (не ссылку), хорошо?

    У меня есть кое-что полезное, кнопка  «Добавить в корзину» .Каждый раз, когда посетитель добавляет товар в корзину, мы можем отправить событие в Google Analytics.

    У этой кнопки нет ссылки, поэтому Триггер Just Links не поможет. Нам придется использовать триггер All Elements .

    Но прежде чем мы создадим/обновим триггер клика для кнопки «Добавить в корзину» , давайте создадим событие Google Analytics, которое будет отправлять данные кликов в GA. В GTM перейдите в раздел Теги > Создать > Конфигурация тега и выберите событие GA4.

    Введите следующие настройки:

    Пока сохраните этот тег без триггера. Давайте двигаться дальше.

     

    Шаг 4. Обновите триггер клика

    Чтобы создать точный триггер, который отслеживает нажатия только кнопки Добавить в корзину , сначала нам нужно нажать эту кнопку и проверить, какие данные доступны в режиме предварительного просмотра и отладки. На основе этих данных (переменных) мы создадим (или обновим) триггер клика.

    Итак, давайте нажмем кнопку и откроем вкладку Переменные в консоли P&D.Прокрутите вниз и продолжайте искать все переменные, связанные с кликами.

    Круто, у этой кнопки есть идентификатор! Мы можем использовать это в нашем триггере. Однако не торопитесь слишком рано. Есть еще одна вещь, которую вам нужно знать. На снимке экрана выше я нажимаю на текст кнопки, поэтому Click ID равен AddToCartText . Но если бы я нажал где-нибудь на фоне кнопки (не на тексте), Click ID был бы другим, AddToCart .

    Почему?

    Это потому, что эта кнопка не разработана как отдельный элемент.На самом деле он состоит из двух элементов: текста и формы/блока кнопки.

    Это также видно на скриншоте ниже:

    Все элементы Триггер клика здесь работает довольно просто. Он отслеживает щелчок фактического элемента, независимо от того, является ли этот элемент частью какого-то более крупного элемента. Если вы щелкнете по фону, слушатель отследит щелчок по фону. Если вы щелкнете по тексту, он будет отслеживать щелчок по тексту.

    В результате в этом случае фактически есть два элемента, клики которых нам нужно отслеживать, чтобы точно зафиксировать  Добавить в корзину кликов.

    Так что нам теперь делать? У кнопки нет ссылки, поэтому триггер Just Links нам не поможет. Кнопка состоит из двух элементов, поэтому нам нужно отслеживать их оба, желательно одним триггером.

    Что общего у этих элементов (текст кнопки и фон кнопки)? Их Click ID очень похожи. Оба они начинаются с AddToCart . Это может быть условием триггера клика.

    Давайте сделаем именно это.В GTM перейдите к Triggers > New > All Elements и введите следующие настройки:

    Имейте в виду, что это правило не универсально и, вероятно, не будет применяться к вашему проекту/веб-сайту. Вам нужно найти способ самостоятельно создать объединяющий триггер.

    На самом деле есть еще один способ отслеживания кликов по нескольким элементам одним правилом триггера (лично я им тоже пользуюсь), но он более продвинутый. Я объясню это немного позже. Спойлер два слова: «Селекторы CSS».

    Вернуться к нашему  AddToCart триггер клика. Сохрани это. Затем откройте ранее созданный тег события Google Analytics и назначьте этот триггер.

    Шаг 5. Проверка

    Включите (или обновите) режим предварительного просмотра и отладки, перейдите на свой веб-сайт и обновите страницу. Вот сценарии, которые вы должны протестировать:

    • Нажмите на текст кнопки Добавить в корзину . Тег GA должен активироваться.
    • Нажмите на фон кнопки Добавить в корзину .Тег GA также должен активироваться.
    • Щелкните любой случайный элемент на вашем веб-сайте, тег GA не должен срабатывать.

    Затем перейдите в DebugView GA4 и проверьте, видите ли вы входящие данные.

     

    #6. Подробнее об отслеживании кликов в Диспетчере тегов Google

    Отлично, теперь вы знаете основы отслеживания кликов Google Tag Manager и знаете, как использовать его в своем стеке управления тегами. Но путешествие только начинается здесь, есть еще некоторые приемы, которые вы должны освоить (и я рассмотрел их в курсе для среднего уровня Google Tag Manager).

     

    #6.1. Получите дополнительные данные о кликах с помощью переменной автоматического события

    .

    Переменные автоматического события используются для доступа к целевому элементу действия автоматического события (например, Click). Например, когда вы щелкаете ссылку, вы можете получить доступ к тексту ссылки.

    Так в чем же дело?

    Дело в том, что в GTM можно создавать собственные переменные автособытий и использовать их в тегах, триггерах и/или других переменных. Допустим, вы хотите отслеживать клики по определенному изображению.Это изображение содержит дополнительный параметр (например, «alt»), который вы можете увидеть, просмотрев его с помощью инструментов разработчика браузера (например, в Chrome щелкните изображение правой кнопкой мыши и выберите « Проверить элемент »).

    Что делать, если вы хотите использовать значение параметра «alt» в своих тегах, триггерах и/или переменных? Вам нужно как-то достать его.

    Вот где переменная автособытия становится очень удобной. С его помощью вы могли бы прочитать значение параметра «alt», когда пользователь взаимодействует с элементом HTML (в данном случае это взаимодействие может быть кликом).

    Как создать эту переменную? Перейдите к GTM > Переменные > Создать > Пользовательские переменные и выберите Переменная автоматического события. Введите настройки, как показано на скриншоте ниже.

    Вот и все. Теперь вы можете использовать эту переменную в своих тегах, триггерах и других переменных. Просто помните, что доступ к значению этого параметра осуществляется, когда пользователь взаимодействует с определенным веб-элементом.

    Как проверить правильность создания переменной? Сохраните переменную, затем обновите режим предварительного просмотра и отладки и, наконец, щелкните элемент, параметр «alt» которого вы хотите получить.Теперь перейдите на вкладку Variables в режиме предварительного просмотра и отладки и проверьте, правильно ли выбрано значение.

    Если вы хотите узнать больше о переменной автоматического события, прочтите это руководство. Чтобы дать вам больше вдохновения, Lunametrics также опубликовал руководство о том, как использовать так называемые атрибуты «data-» в ссылках и как их отслеживать.

     

    #6.2. Использование селекторов CSS в триггерах кликов

    Если вы только начинаете использовать отслеживание кликов в Диспетчере тегов Google, вскоре вы обнаружите ограничения набора навыков новичка.Вскоре ваших триггеров, где Click Classes содержит XXXXX , будет недостаточно. Вы захотите большего.

    Вам нужно отслеживать определенный набор элементов, у которых нет классов или других общих параметров. Вернемся к нашему примеру отслеживания кнопки «Добавить в корзину» . Оказалось, что одна кнопка на самом деле состоит из двух элементов: текста кнопки и фона/прямоугольника кнопки.

    Нам повезло, и мы смогли создать триггер с одним условием ( Click ID начинается с «AddToCart»).Однако иногда все может усложниться, когда недоступны идентификаторы или полезные классы кликов (читай: классы CSS). Что, если элемент страницы на самом деле состоит из 5 или более элементов?

    Вы можете создать несколько переменных для каждого элемента и назначить эти триггеры одному тегу, но так делать не следует. Ваш контейнер должен быть максимально оптимальным, поэтому мы должны справиться с этим, создав триггер клика и используя селекторы CSS.

    Селекторы CSS — это шаблоны, которые можно использовать для проверки любого заданного элемента HTML.В CSS селекторы позволяют разработчикам выбирать один или несколько элементов веб-сайта и назначать им определенный стиль/дизайн. Например, разработчик может установить, что все HTML-элементы, принадлежащие классу «красная кнопка», должны быть красного цвета. Это очень упрощенное объяснение, но в целом это основная идея.

    Селекторы CSS

    могут быть довольно сложными, и мы можем использовать их в наших триггерах GTM. Для этого вам нужно будет выбрать специальный оператор в ваших условиях триггера. Обычно вы, вероятно, используете операторы содержит, равно, соответствует регулярному выражению (без учета регистра) .Но на этот раз мы будем использовать Соответствует селектору CSS (или Не соответствует селектору CSS ).

    Давайте посмотрим, как это работает. Мы применим селекторы CSS для отслеживания 90 291 нажатий кнопки «Добавить в корзину» 90 292 (из главы № 5 этого руководства). Взгляните на код этой кнопки (на скриншоте ниже).

    Кнопка создается с помощью HTML-элемента с именем button (с идентификатором AddToCart ), а ее непосредственным дочерним элементом является элемент , содержащий текст кнопки.С помощью одного селектора CSS мы могли бы указать Диспетчеру тегов Google, что мы хотим отслеживать клики элемента с идентификатором AddToCart , а также все, что мы хотим отслеживать клики всех его дочерних элементов (потомков).

    В GTM перейдите к Триггеры > Создать > Клики > Все элементы и введите следующие настройки:

    Обратите внимание, что мы используем Click Element в качестве переменной, потому что мы проверяем весь HTML-элемент, по которому щелкнули, с помощью нашего селектора CSS.

    #AddToCart Селектор CSS означает, что нас интересуют клики ВСЕХ элементов, которые имеют AddToCart ID (точное совпадение).

    Запятая означает «ИЛИ».

    #AddToCart * Селектор CSS означает, что нас интересуют клики ВСЕХ потомков элементов, имеющих идентификатор AddToCart (точное совпадение). В нашем случае текст кнопки является прямым потомком кнопки с идентификатором AddToCart . Симо Ахава опубликовал руководство, в котором объясняется, как использовать селекторы CSS с подстановочными знаками, так что ознакомьтесь с ним.

    Для человека, не являющегося разработчиком, будет довольно сложно освоить селекторы CSS, но довольно просто начать работу и изучить хотя бы некоторые основы.Вот дополнительные руководства для вас, чтобы покопаться:

     

    Селекторы CSS в Диспетчере тегов Google выглядят запутанными? Вот идея

    Я подготовил курс для среднего уровня по Google Tag Manager, который знакомит с селекторами CSS, какую роль они играют в GTM и как их использовать. Кроме того, я делюсь более быстрым способом изучения селекторов CSS.

    Диспетчер тегов Google Отслеживание кликов: заключительные слова

    В этом довольно длинном руководстве я объяснил самые основы отслеживания кликов в Диспетчере тегов Google и рассказал, какой рабочий процесс вы должны соблюдать, чтобы правильно отслеживать клики (выполните все следующие шаги):

    • Включить хотя бы один конкретный триггер на странице.Если вы планируете отслеживать клики по ссылкам, включите на странице хотя бы один триггер Just Links (независимо от условий этого триггера). Если вы планируете отслеживать какой-либо элемент, вам подойдет All Elements .
    • Включить встроенные переменные кликов.   После того, как триггер и переменные не повреждены, нажмите элемент, который вы хотите отслеживать, и проверьте это событие в режиме предварительного просмотра и отладки GTM. Вам нужно подумать о том, какие переменные и условия вы будете использовать в триггере клика.
    • Создайте тег, который вы хотите активировать, когда пользователь щелкает ссылку/другой элемент.
    • Обновите триггер клика (если вы создали общий триггер клика на первом этапе потока) или создайте новый триггер с точными условиями и назначьте его нужным триггерам.

    Если вы хотите вывести отслеживание кликов в Диспетчере тегов Google на новый уровень, рассмотрите возможность узнать, как использовать переменную автоматического события и селекторы CSS в GTM. Вы можете сделать это на моем курсе Intermediate Google Tag Manager.

    Я что-то пропустил в отслеживании кликов Диспетчера тегов Google? У вас есть дополнительные вопросы? Дай мне знать в комментариях.

     

    Поделитесь своей печатной формой — Справочный центр

    Добро пожаловать на панель «Поделиться». Это то место, куда можно прийти, когда вы закончите создание своей шрифтовой формы и будете готовы показать ее миру.

    Когда вы нажмете на панель «Поделиться», вы увидите все различные способы, которыми вы можете поделиться своей формой:

    Ваша печатная форма должна быть опубликована, прежде чем вы сможете поделиться ею с панели «Поделиться».При нажатии Опубликовать на панели Создать откроется меню с теми же параметрами общего доступа и встраивания, что и на панели общего доступа:

    Вы можете поделиться URL-адресом своего шрифта, нажав Скопировать ссылку : любой, кто нажмет на эту ссылку, сможет увидеть и использовать ваш шрифт.

    Нажав кнопку в социальных сетях и кнопку электронной почты , вы сразу же сможете поделиться ею на Facebook, LinkedIn, Twitter, Buffer, Linktr.ee или по электронной почте.Последний значок дает вам QR-код, который вы также можете использовать, чтобы поделиться своей формой:

    Как включить поисковое индексирование

    По умолчанию ваша форма шрифта имеет номер , а не , проиндексированный Google. Это означает, что люди не могут найти его с помощью поиска в Google. Вы можете включить это, нажав Настроить ссылку , а затем включив переключатель рядом с Разрешить индексирование .

    Но это еще не все! Вы можете сделать свою форму шрифта еще лучше в поиске Google и в социальных сетях, добавив собственное метаизображение и описание .Это означает, что когда ваша форма шрифта появляется в поиске Google или на Facebook и т. д., люди увидят выбранное вами изображение и пользовательский текст.

    Имейте в виду, что изменения в вашем мета-описании могут занять от четырех дней до двух недель, прежде чем они будут отражены в результатах поиска.


    Примечание ! Из-за того, как работает LinkedIn, на этой платформе будут отображаться только мета-заголовок и изображение вашей формы, но не ее мета-описание.

    Публикация формы на веб-сайте, в чате или по электронной почте

    Теперь давайте перейдем к разделу  Встроить , который позволяет вам поделиться своей формой на веб-сайте.Щелкните любой из шести режимов встраивания на панели «Общий доступ» для предварительного просмотра (или вариант «Внедрить SDK», если вы знакомы с интерфейсной разработкой) и отредактируйте встроенную форму:

    .

    Подробные инструкции по встраиванию шрифта см. в этой статье.

    Вы также можете нажать Начать чат на панели «Поделиться», чтобы поделиться своей формой в формате чата.

    Перейдите к этой статье, чтобы узнать больше о том, как превратить ваши шрифты в чаты.

    Наконец, давайте рассмотрим параметр  Запустить по электронной почте , который также доступен на панели «Поделиться».

    Если первый вопрос в вашей печатной форме — это шкала мнений, вы можете использовать приложение для маркетинга по электронной почте, такое как MailChimp, чтобы люди могли начать его в электронном письме. В этой статье объясняется, как.

    Теперь, когда вы поделились своей печатной формой, откиньтесь на спинку кресла и подождите, пока появятся результаты!

    Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

    Хотите верьте, хотите нет, но знание того, как создать веб-сайт с нуля, является одним из наиболее важных навыков, которыми вы должны овладеть как владелец малого бизнеса в наши дни. и возраст.

    Пожалуйста, потерпите меня! Вот почему:

    • Если вы знаете, как создать свой собственный веб-сайт, вы сэкономите кучу денег на веб-разработчиках и дизайнерах.
    • Это также позволит вам следить за тенденциями рынка и добавлять новые вещи на свой сайт без помощи программиста.
    • Вы будете эффективно опережать своих конкурентов, потому что, хотя их проекты замедляются из-за необходимости консультироваться с разработчиками, вы сможете создавать большинство вещей самостоятельно (в пределах разумного, конечно).

    С учетом сказанного, самая важная часть головоломки здесь заключается в том, что вы можете научиться создавать веб-сайт WordPress, а затем создавать что-то потрясающее для своего бизнеса или проекта самостоятельно .

    И последнее, но не менее важное: подход «сделай сам» (навыки программирования не требуются), который мы здесь представляем, невероятно экономичен. Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

    Если вы хотите создать сайт на WordPress, вот весь процесс шаг за шагом:

    1. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
    2. Выберите доменное имя для вашего сайта.
    3. Установите бесплатное программное обеспечение WordPress.
    4. Выберите тему WordPress.
    5. Создайте свою первую страницу.
    6. Установите пару необходимых плагинов.
    7. Не забывайте о маркетинге.

    Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Прохождение по ним приведет к двум вещам: (1) это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) это разблокирует 2 доллара.Цена со скидкой 75 против 3,95 долларов США с бесплатным доменом для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

    Как сделать сайт на WordPress — с высоты птичьего полета

    Хорошо, вот план того, что мы собираемся делать в следующих шагах.

    Важно отметить, что все это можно сделать своими руками (если это слово) и что мы минимизируем затраты везде, где это возможно:

    Короче говоря, в конце этого руководства вы получите функциональный красивый веб-сайт, который не оставит вас в долгах.

    Говоря о деньгах, мы не будем уделять много внимания тому, как получить прибыль от вашего веб-сайта в этом руководстве. Но у нас есть другие ресурсы для этого. Проверьте их:

    Шаг 1. Выберите WordPress в качестве платформы для своего веб-сайта

    По правде говоря, существует множество веб-платформ, которые вы можете использовать при создании нового сайта. Обычно их называют системами управления контентом (CMS).

    Идея CMS состоит в том, чтобы дать вам несколько простых в использовании инструментов, чтобы вы могли редактировать содержимое своего сайта без каких-либо знаний о программировании.По большей части — с точки зрения пользователя — эти CMS очень похожи на знакомые интерфейсы Facebook или Google Docs. Вы в основном создаете новые страницы или документы, а затем публикуете их в Интернете.

    Но хватит технических подробностей! Как я уже сказал, существует множество CMS — более 100, как указано в Википедии.

    К счастью, выбрать лучший несложно. Есть только один король на вершине горы — и это WordPress.

    WordPress используется более чем на 43.3% всех веб-сайтов (данные говорят). Опять же, это всех сайтов!

    Или, говоря по-другому, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

    Вот основные сведения о WordPress:

    • это с открытым исходным кодом
    • это бесплатно
    • это идеальное решение для создания сайтов и интернет-магазинов своими руками
    • он очень универсальный — может работать с любым типом веб-сайта
    • это быстро, оптимизировано и безопасно
    • это SEO-готово
    • упрощает продвижение в социальных сетях

    Теперь одно важное отличие: «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.Вы можете найти его, если зайдете на WordPress.org.

    Существует и другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, если зайдете на WordPress.com. Мы опишем различия между ними здесь. А пока давайте просто вспомним, что нам нужен адрес WordPress.org , так как это более универсальная и дешевая в использовании версия платформы. Все это станет ясно в следующих шагах.

    🎯 Действие. На данный момент нет никаких практических задач, которые вам нужно выполнить.Шаг 1 — это просто знакомство с инструментом, который вы собираетесь использовать для создания своего сайта на следующих шагах.

    Шаг 2: Выберите имя для своего сайта, купите домен и хостинг

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

    Ведь здесь у тебя полная свобода. Вы можете выбрать буквально любое имя для своего сайта.

    Однако! Есть еще некоторые вещи, которые вам нужно понять, чтобы настроить себя на успех в будущем.

    Во-первых, в Интернете существует почти 2 миллиарда (!) веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

    Очень хорошая идея построить имя вашего веб-сайта (и, следовательно, ваше доменное имя) вокруг названия вашей организации (наиболее очевидный подход) или фразы, связанной с нишей, в которой вы находитесь, но с некоторыми дополнительными словами для лучшая брендируемость.

    Короче говоря, хорошее доменное имя должно быть:

    • под брендом – уникальное звучание, не похожее ни на что другое на рынке
    • легко запомнить
    • короткие – их тоже легче запомнить
    • легко набрать и сложно перепутать — вы не хотите, чтобы люди задавались вопросом, как правильно написать название вашего сайта
    • , включая ключевые слова, связанные с нишей — например, если вы что-то делаете с пиццей, было бы здорово, если бы где-нибудь в названии сайта было слово «пицца»; то же самое работает и в отраслях, не связанных с пиццей.🍕

    Вот быстрый инструмент, который вы можете использовать, чтобы узнать, доступно ли интересующее вас доменное имя:

    Если вы понятия не имеете, какой домен хотите получить, то сразу переходите к нашему номеру. 1 генератор — Domain Wheel и посмотрите, как он может вам помочь.

    Начните с ввода исходного ключевого слова, которое хорошо определяет ваш веб-сайт.

    Колесо домена вернется с некоторыми предложениями. Вы можете сузить его оттуда, чтобы найти идеальное доменное имя.

    Следующим шагом, когда вы знаете, какое доменное имя вам нужно, является его регистрация, а также покупка пакета хостинга за один раз.Давайте позаботимся об этом дальше:

    а) Покупка доменного имени и хостинга

    💡 Примечание. Хотя такие вещи, как покупка пакета хостинга, поначалу могут показаться пугающими, на самом деле беспокоиться не о чем. Процесс, который мы представляем здесь, упрощен и не требует от вас каких-либо сложных технических действий.

    🧙 Примечание для начинающих: что такое хостинг?

    Проще говоря, веб-хостинг (также известный как веб-сервер) — это то, без чего не может существовать ни один веб-сайт.Это место, где находится ваш сайт и ждет доступа посетителей.

    Вопреки распространенному мнению, веб-сайты не существуют «только в Интернете» или «в Google». Вместо этого они размещаются на веб-серверах — установках веб-хостинга — и затем обслуживают всех посетителей оттуда.

    Чтобы ваш веб-сайт оставался в сети, вам необходимо арендовать серверное пространство у веб-хостинговой компании.

    На практике все гораздо проще, чем кажется, в чем вы убедитесь буквально через минуту.

    Существуют десятки, если не сотни различных компаний, которые могут зарегистрировать для вас новое доменное имя. Кроме того, существует множество компаний, которые могут продать вам пакет хостинга…

    Но давайте не будем усложнять себе жизнь и вместо этого получим все от одной компании — и за один раз.

    Мы будем использовать Bluehost. Вот почему:

    • Bluehost — это авторитетный веб-хостинг, оптимизированный для WordPress и обеспечивающий бесперебойную работу вашего веб-сайта
    • — одна из немногих компаний, рекомендованных на официальном сайте WordPress.орг сайт
    • дешево (от $2,75/мес)
    • прост в использовании и удобен для начинающих
    • вы получаете доменное имя бесплатно

    Вот что сейчас произойдет:

    1. Мы пойдем на Bluehost и выберем план хостинга для нашего сайта.
    2. Мы также собираемся зарегистрировать собственное доменное имя на Bluehost (это бесплатное доменное имя).
    3. Мы собираемся сказать Bluehost установить и настроить чистую версию WordPress на нашей новой настройке хостинга.
    4. Мы выйдем со стопроцентно работающим веб-сайтом WordPress!

    Начнем – вот как сделать сайт:

    Сначала нажмите здесь, чтобы перейти на Bluehost. Оказавшись на странице, нажмите кнопку « Choose Plan ».

    В большинстве случаев, если вы запускаете новый сайт, будет достаточно самого дешевого плана — Базового. Всего 2,75 доллара в месяц:

    На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:

    Далее укажите свои личные данные:

    Прежде чем продолжить, рекомендуется проверить и подтвердить параметры выбранной вами настройки хостинга.Это можно найти в разделе с пометкой информация о пакете :

    Примечание; вы получите самую низкую цену, если приобретете пакет хостинга не менее чем на 12 месяцев.

    На этом этапе вы можете нажать « ОТПРАВИТЬ » и завершить покупку.

    b) Сообщите Bluehost установить WordPress для вас

    Поскольку вы зарегистрировались в Bluehost и готовы к настройке хостинга, единственным недостающим элементом является WordPress.

    В то время как вы можете технически установить WordPress вручную, зачем вам это, если вы можете заставить других людей сделать это за вас и бесплатно! Вот как:

    Как только вы завершили процесс регистрации в Bluehost, вы должны были получить электронное письмо от команды Bluehost с некоторыми подробностями о том, как войти в свой профиль клиента и начать работу на своем сайте.

    После входа в систему Bluehost покажет вам простой в использовании мастер, который проведет вас через процесс установки WordPress на вашем хостинге.

    Кроме того, вы также можете установить WordPress, перейдя в раздел Мои сайты и нажав кнопку Создать сайт :

    Все, что нужно Bluehost для установки WordPress, — это имя вашего нового сайта и имя пользователя/пароль, которые вы хотите использовать при управлении WordPress.После завершения работы мастера ваш сайт установлен и готов к работе!

    Шаг 3. Знакомство с пользовательским интерфейсом WordPress

    Вы можете войти в свою панель пользователя WordPress, если перейдете на www.YOURDOMAIN.com/wp-admin/

    Вот что вы увидите:

    Используйте учетные данные для доступа, которые вы настроили на Bluehost на предыдущем шаге («Снимок экрана установки WordPress» выше).

    После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

    • (1) Приветственное сообщение. Некоторые из наиболее важных областей панели администратора перечислены в виде ссылок быстрого доступа — обычно это ярлыки для создания веб-сайта.
    • (2) Текущее состояние вашего сайта и что с ним происходит.
    • (3) Сообщения — перейдите сюда, чтобы создавать сообщения в блоге.
    • (4) Медиафайлы — загрузите изображения и другие медиафайлы и управляйте ими здесь.
    • (5) Страницы — здесь можно создать подстраницы.
    • (6) Комментарии — здесь вы можете модерировать комментарии.
    • (7) Внешний вид — измените здесь дизайн вашего сайта и/или настройте способ отображения определенных элементов в текущем дизайне.
    • (8) Плагины — установите здесь новые плагины.
    • (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора сайта.
    • (10) Настройки – основные настройки.

    На этом этапе полезно позаботиться о некоторых основных настройках WordPress для начала работы, которые улучшат ваш опыт в дальнейшем.

    а) Установить постоянные ссылки

    Постоянные ссылки определяют, как отдельные адреса веб-страниц, также известные как URL-адреса, структурированы на вашем сайте.

    Наиболее оптимизированная структура — это заголовок страницы в URL-адресе. Например, ваша страница «о нас» (подробнее об этой странице позже) должна быть доступна по такому простому адресу, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

    Чтобы настроить постоянные ссылки, перейдите в Настройки → Постоянные ссылки на главной боковой панели панели инструментов WP.

    Оказавшись там, выберите этот параметр:

    б) Сделать ваш сайт общедоступным

    Думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш веб-сайт.Чтобы убедиться, что это так, перейдите в Настройки → Чтение и убедитесь, что флажок «Не поощрять поисковые системы…» не отмечен .

    c) Установите заголовок и слоган вашего веб-сайта

    Перейдите в Настройки → Общие и задайте в полях Название сайта и Слоган то, что вы хотите.

    Название и слоган вашего сайта могут появляться в разных местах на сайте. Некоторые темы WordPress отображают их на главной странице и в SEO-описании, которое Google использует при отображении вашего веб-сайта на страницах результатов.

    Слоган не является обязательным — вы можете оставить его пустым, если у вас его нет для сайта. Тем не менее, это всегда часть процесса веб-дизайна, поэтому приятно иметь с собой подходящий вариант.

    г) Разрешить или отключить комментарии

    Хотите ли вы принимать комментарии на своем веб-сайте или нет, решать вам.

    С одной стороны, предоставление читателям возможности оставлять свои мнения и вопросы под вашими статьями/страницами может быть полезным для создания сообщества вокруг веб-сайта. Но, с другой стороны, у вас также будут руки заняты борьбой со спамом и контролем за тем, чтобы не было троллинга.Иногда лучше оставить страницу контактов в качестве основного канала связи.

    Если вы в конечном итоге разрешите или отключите комментарии, это можно сделать в Настройки → Обсуждение .

    e) Отключить пингбеки и трекбеки

    Я не знаю, почему этот параметр до сих пор существует в WordPress. В основном это пережиток тех дней, когда были популярны пингбеки и трекбэки.

    Однако, если вы хотите узнать, как создать веб-сайт в наши дни, вы можете просто деактивировать их, отменив выбор следующего параметра в Настройки → Обсуждение .

    f) Установите свой часовой пояс

    Правильная установка часового пояса сделает публикацию новых страниц и сообщений более предсказуемой.

    Как правило, вы хотите установить часовой пояс либо в том месте, где находитесь вы, либо в том, где находится ваша целевая аудитория. Что имеет больше смысла.

    Вы можете установить часовой пояс в Настройки → Общие .

    Избавившись от основных настроек, мы можем перейти к самому интересному:

    Шаг 4: Выберите тему/дизайн для вашего сайта

    Самое замечательное в WordPress то, что он работает со взаимозаменяемыми дизайнами, называемыми темами .

    Это означает, что вы можете изменить внешний вид вашего сайта WordPress одним щелчком мыши.

    Например, так выглядит сайт WordPress по умолчанию сразу после установки:

    Всего за пару кликов и с помощью популярной бесплатной темы под названием Hestia, например, мы можем сделать так, чтобы это выглядело так:

    Вот как:

    а) Выберите тему, которая вам нравится

    Как я уже упоминал, темы WordPress — это готовые дизайнерские пакеты, определяющие внешний вид вашего веб-сайта.Вы можете быстро установить их, а затем при необходимости изменить в будущем.

    Дизайн вашего веб-сайта должен быть выбран в зависимости от цели вашего сайта — продажа высококачественных продуктов, обозначение вашего присутствия в Интернете в качестве блогера, перевод вашего бизнеса в онлайн, создание простого веб-сайта, интернет-магазина или веб-сайта электронной коммерции или для электронной почты. маркетинг.

    Важная деталь здесь заключается в том, что темы не меняют содержимое вашего сайта, а только изменяют представление.

    Существует огромное количество тем WordPress.Просто заглянув в официальный каталог на WordPress.org, там есть сотни тем.

    Но это только верхушка айсберга. В Интернете гораздо больше бесплатных тем на сторонних сайтах, а также есть целый мир платных тем, которые распространяются независимыми магазинами тем (такими как ThemeIsle или aThemes) и даже торговыми площадками тем (такими как ThemeForest).

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

    Итак, как выбрать тему, которая подходит именно вам? Вот несколько советов, если вы хотите взглянуть на это более подробно. Однако, как правило, вам не нужно тратить слишком много времени на это и вместо этого идти по простому маршруту.

    Мы можем это сделать, потому что тема, которую вы выберете сегодня, не обязательно должна быть вашим окончательным решением. Вы всегда можете вернуться к нему позже и изменить его за считанные минуты.

    Поэтому мы собираемся сделать безопасную ставку и использовать одну из самых популярных бесплатных тем на рынке сегодня, чтобы продемонстрировать, как работают темы WordPress. Эта тема — вышеупомянутая Гестия.

    🎨 Примечание. Хотя мы будем использовать Hestia в качестве примера в следующем разделе, это не единственная бесплатная тема, которую вы можете использовать. Вот коллекция тематических обзоров для различных целей, начиная от бизнес-сайтов и заканчивая блогами, путешествиями, едой, личными сайтами и многим другим. Вы можете использовать любую из этих тем.Процедура такая же.

    б) Установите свою тему

    Если выбранная вами тема доступна в официальном каталоге на WordPress.org, то единственное, что вам нужно для ее установки, — это название темы. Ага. Вот и все.

    Вот как выполняется установка темы:

    Перейдите в раздел Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить новый».

    Оттуда введите название темы, которую вы хотите установить, например:

    Вы увидите его в списке под полем поиска.Просто нажмите кнопку «Установить» под желаемой темой:

    .

    Через секунду тема будет установлена. Чтобы полностью включить его на своем сайте, нажмите на кнопку «Активировать», которая появится вместо кнопки « Установить ».

    Hestia — одна из тех тем, которая предлагает отличную адаптацию для новых пользователей. Чтобы увидеть, что тема приготовила для вас, нажмите кнопку в приветственном приглашении.

    Вы увидите свою главную панель Hestia, из которой вы можете узнать о теме и расширить ее стандартные функции с помощью некоторых дополнений и интеграций.Давайте сделаем это сейчас.

    Сначала нажмите ссылку « Рекомендуемые действия », чтобы увидеть, что доступно.

    Из предложенных там вариантов пока остановимся только на «Orbit Fox Companion». Просто нажмите кнопку « Установить и активировать ».

    💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

    Orbit Fox — отличное дополнение к Hestia, поскольку оно предоставляет несколько интересных функций для улучшения внешнего вида вашего сайта.Например, вы получаете несколько полезных новых модулей для домашней страницы, каталог шаблонов, который будет полезен при создании ваших подстраниц (например, «о» или «контакты»), а также настраиваемые значки меню.

    На данном этапе ваша новая тема активна на вашем сайте. Вы можете увидеть его в действии, просто перейдя по адресу YOURDOMAIN.com .

    Хотя то, что вы там видите, далеко от потенциала темы. Прямо сейчас мы позаботимся об адаптации дизайна, меню и других элементов, чтобы сайт выглядел именно так, как вы этого хотите.Вот как:

    c) Настроить тему

    Несмотря на то, что готовый внешний вид вашей темы уже может быть довольно приятным, вам все же следует выполнить некоторые базовые настройки, чтобы она соответствовала вашим потребностям. Вначале кажется, что это связано с обучением, но это действительно интуитивно, особенно со временем.

    Для начала перейдите к Внешний вид → Настроить . Вы увидите основной интерфейс WordPress Customizer.

    Оттуда вы можете настроить множество вещей.Мы начнем с главной страницы, так как она наиболее репрезентативна.

    Настройка домашней страницы.

    Сделайте следующее:

    1. На боковой панели перейдите к « Настройки домашней страницы ».
    2. Выберите параметр « Статическая страница » в настройках отображения домашней страницы.
    3. Нажмите « Добавить новый », чтобы создать новую страницу, которая станет вашей домашней страницей.
    4. Введите название страницы — «ГЛАВНАЯ» кажется хорошей идеей — и нажмите « Добавить ».

    Это заменит список самых последних статей вашего сайта по умолчанию на полностью настраиваемую домашнюю страницу. По умолчанию вы увидите несколько интересных элементов на новой удобной домашней странице. Они хорошо смотрятся как на ноутбуках, смартфонах, так и на других мобильных устройствах.

    См. здесь:

    Для начала изменим основной заголовок на странице. Это хорошая идея, чтобы поместить туда либо название вашей компании, либо что-то еще, что служит заголовком для всего сайта.

    Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

    Когда вы это сделаете, слева появится панель настройки.

    Через него можно:

    • изменить фоновое изображение — сделать его чем-то, связанным с вашим бизнесом
    • изменить название
    • изменить текст под заголовком — вы можете удалить его полностью, если хотите
    • изменить текст кнопки — обычно она ведет к вашим продуктам или наиболее важным страницам (подробнее об этом через минуту)

    Ниже вы можете настроить любые другие доступные блоки домашней страницы.Он работает аналогично механизмам, предлагаемым популярными конструкторами сайтов (такими как Wix, Squarespace или Weebly). По умолчанию вы получаете все это (см. этот список, перейдя к « Frontpage Sections » на боковой панели Customizer):

    • Раздел Features — отличное место, где можно объяснить, что может предложить ваша компания или какова цель веб-сайта. 1 вещь, которую нужно иметь в виду, когда вы учитесь делать веб-сайт.

    • Раздел О — отличное место, чтобы рассказать о своей истории.
    • Раздел Team вы можете использовать, если в вашем бизнесе работает больше людей, и вы хотите выделить их.

    • Лента — еще одно место, где вы можете упомянуть ваш основной призыв к действию.
    • Раздел Отзывы отлично подходит, если вы хотите продемонстрировать, что ваши предыдущие клиенты сказали о вашем бизнесе.

    • В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами лучше всего связаться.

    Также доступно несколько дополнительных разделов. Лучше просмотреть их и выбрать те, которые имеют смысл использовать для вашего бизнеса и в вашей конкретной ситуации.

    Когда вы закончите настройку главной страницы, не забудьте нажать на главную кнопку « Опубликовать » вверху.

    Настройка типографики.

    Следующее, что нужно сделать, это позаботиться о типографике вашего сайта — шрифтах, используемых на всем сайте.

    Вы можете сделать это, выбрав Настройки внешнего вида → Типографика на боковой панели WordPress Customizer. Там вы сможете выбрать шрифт и сразу же увидеть его на своем сайте.

    Цвета.

    По умолчанию ваша новая тема будет использовать несколько основных цветов, которые определяют цветовую схему по умолчанию.Вы можете изменить этот параметр в настройщике WordPress. Просто нажмите на цветов на главной боковой панели.

    Акцентный цвет обычно используется для кнопок, ссылок и всего остального, что должно выделяться на фоне остального дизайна сайта.

    После того, как вы сделаете все вышеперечисленное, ваш веб-сайт начнет казаться действительно вашим . Вы сделали все необходимые настройки и настройки, чтобы он соответствовал вашему бренду.

    💡 Примечание. В настройщике WordPress есть много других настроек, с которыми можно поэкспериментировать. Большинство из них предназначены для повышения пользовательского опыта вашего сайта. Например, вы можете:

    • выберите макет по умолчанию в соответствии с потребностями вашего веб-сайта — хотите ли вы, чтобы боковая панель была слева, справа или нигде,
    • , как вы хотите, чтобы список блогов отображался,
    • хотите ли вы основное фоновое изображение для всего сайта,
    • форма пуговиц и многое другое.

    Шаг 5. Получите плагины для расширения возможностей вашего веб-сайта

    Плагины для вашего сайта WordPress — это то же самое, что приложения для вашего iPhone. 📱

    Другими словами, они расширяют стандартную функциональность вашего сайта, добавляя некоторые столь необходимые функции. По сути, когда вы выясняете, как создать веб-сайт самостоятельно, плагины — это то, как вы можете получить некоторые замечательные функции, не зная программирования.

    Вот плагины, которые вы должны приобрести — лучше всего то, что все они бесплатны:

    • Yoast SEO — помогает вам настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
    • Google Analytics для WordPress — интегрирует ваш сайт с самым популярным решением для анализа трафика в Интернете.
    • Wordfence Security — повышает безопасность вашего сайта WordPress.
    • UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
    • Optimole — оптимизирует ваши изображения.
    • WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые ваши посетители могут использовать для прямой связи с вами — гораздо лучше, чем отображать вашу электронную почту в виде обычного текста на вашем сайте.
    • Также просмотрите этот список самых популярных плагинов WordPress всех времен. Там тоже можно найти что-то интересное.

    Установка плагинов проста. Если мы имеем дело с бесплатным плагином, то все, что вам нужно, это название плагина.

    Перейдите на панель инструментов WordPress, а затем в Плагины → Добавить новый . Оттуда введите название нужного плагина в поле поиска, а затем нажмите «Установить» и «Активировать».

    Шаг 6. Создание базовых страниц

    Есть несколько страниц, которые должны быть на всех веб-сайтах, независимо от их назначения или цели.

    Но сначала, как вообще создать страницу :

    Для этого просто перейдите на панель инструментов WordPress, а затем Страницы → Добавить новый . Вы увидите этот экран:

    • (1) Место для заголовка страницы.
    • (2) Раздел body – основной контент страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому/правому/центру, создание списков и т. д.).).
    • (3) Вы можете добавить изображения, нажав эту кнопку.
    • (4) Переключение между редакторами Text и Visual . Используйте первый, только если вы хотя бы немного знакомы с HTML-кодом.
    • (5) Раздел Публикация . Здесь находится главная кнопка Опубликовать .
    • (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбеки и пингбеки» можно не ставить.
    • (7) Избранное изображение . Большинство тем WordPress берут это избранное изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

    Когда вы закончите редактирование содержимого страницы, нажмите « Опубликовать ».

    Теперь, когда мы закончили с практическими рекомендациями, вот страницы, которые вы должны подумать о создании:

    • О — я упоминал об этом пару раз, так как это действительно важно. На странице «О нас» вы можете рассказать историю о том, что представляет собой ваш веб-сайт и почему люди должны обратить на него внимание.Эта одна страница в основном обязательна для всех, кто хочет научиться создавать веб-сайт.
    • Contact — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​​​форму через вышеупомянутый плагин WPForms).
    • Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современном Интернете. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
    • Портфолио – место, где вы можете продемонстрировать свои прошлые работы.
    • Store — важная вещь, если вы хотите что-то продать на своем сайте электронной коммерции. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.
    • Часто задаваемые вопросы — если в рамках вашего нового веб-сайта требуется дополнительная информация для потенциальных пользователей.

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

    Шаг 7. Рассмотрите возможность создания блога

    Блог (а также маркетинг через контент — также известный как «контент-маркетинг» в целом) — один из наиболее эффективных способов продвижения не только вашего веб-сайта, но и любых продуктов, которые вы, возможно, захотите продавать через этот веб-сайт.

    И это говорю не только я; есть необработанные данные, доказывающие, что блоги являются превосходным инструментом для онлайн-маркетинга, при этом 55% маркетологов говорят, что ведение блогов является их главным приоритетом в области входящего маркетинга.

    Ведение блога — простая концепция.Что вы делаете, так это публикуете статьи, связанные с темой вашего сайта, и делаете это регулярно.

    С технической точки зрения WordPress имеет встроенные инструменты для ведения блога с самого начала. На самом деле WordPress начинался как платформа для ведения блогов.

    Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти к Сообщениям → Добавить новый (из панели управления WordPress).

    Сам процесс создания сообщения в блоге работает почти так же, как и создание новой страницы. Панель редактирования выглядит почти так же (скриншот ниже), и опции в основном такие же.

    Одним из немногих отличий является то, что вы также можете назначать свои сообщения категориям и тегам.

    Вот как выглядит добавление новой записи в блог:

    Когда вы закончите работу над записью в блоге, нажмите «Опубликовать».

    Чтобы сделать ваши сообщения легкодоступными, вы должны назначить одну из своих страниц в качестве основного списка блогов для сообщений.

    • Для этого сначала перейдите в Страницы → Добавить новую и создайте пустую страницу. Назовите это «БЛОГ» — просто для ясности.
    • Затем перейдите в Настройки → Чтение и выберите только что созданную страницу блога в качестве «Страницы сообщений», например:

    На этом этапе вы можете перейти на эту новую страницу и просмотреть там все свои последние сообщения в блоге. Если вы собираетесь создавать много контента для своего блога, подумайте о SSL-сертификате, чтобы ваши читатели чувствовали себя в безопасности при его просмотре.

    Конечно, самое сложное в создании блога — регулярно писать сообщения и делать их привлекательными для чтения.Вот пошаговое руководство о том, как создать потрясающий блог WordPress!

    Шаг 8. Настройте навигацию по сайту

    Поскольку все ваши ключевые страницы находятся в сети (и, возможно, ваш блог также запущен), сейчас самое время настроить навигацию вашего сайта и сделать его более удобным для посетителей.

    Здесь мы сосредоточимся на двух элементах:

    а) Меню

    Меню — это основное средство, с помощью которого посетители перемещаются по вашему сайту, поэтому они имеют решающее значение при выяснении того, как создать веб-сайт.

    В зависимости от вашей темы у вас будет несколько вариантов настроек меню. Вот что обычно можно сделать (на примере Гестии):

    Сначала перейдите к Внешний вид → Меню на панели управления WordPress.

    Вы увидите эту панель по умолчанию:

    Слева находятся все страницы, которые вы можете добавить в меню. Справа видна сама структура меню и все его настройки.

    Начнем с того, что выберем пару ключевых страниц и добавим их в меню.Хорошая идея — выбрать «О программе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

    Самое замечательное во всей этой панели то, что вы можете перетаскивать элементы меню, чтобы изменить их порядок.

    Когда вы закончите, выберите расположение меню внизу. Обычно выбор места с пометкой «Основное меню» приводит к отображению меню в верхней части веб-сайта. Вероятно, это то, что вы хотите для своего главного меню. Нажмите « Save Menu », чтобы сохранить настройки.

    💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите на ссылку « создать новое меню », которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

    Когда вы сейчас зайдете на свой сайт, вы увидите меню на месте.

    б) Виджеты

    Виджеты — это устаревшая функция WordPress.Проще говоря, виджет представляет собой небольшой блок контента, который может отображаться в различных местах веб-сайта.

    Обычно такие блоки размещаются на боковой панели или в футере сайта.

    Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в Внешний вид → Виджеты на панели управления WordPress. Вы получите этот экран:

    Тема Hestia предлагает ряд областей для виджетов помимо боковой панели или нижнего колонтитула, но давайте пока не будем сосредотачиваться на этих дополнительных местах размещения.

    Чтобы добавить любой виджет в область виджетов, просто возьмите его с левой стороны и перетащите в выбранную область виджетов справа.

    Например, как вы можете видеть, на моем сайте есть Поиск, Последние сообщения, Архивы и Категории на боковой панели (скриншот выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О себе», например:

    После того, как вы закончите работу с виджетами и навигацией, ваш сайт будет практически готов для всего мира!

    «Как создать веб-сайт с помощью WordPress» PDF

    Мы собрали наши знания и объединили их в 40-страничную электронную книгу о том, как создать веб-сайт с помощью WordPress (PDF) от начала до конца.Вы можете переварить все это за полдня. 🍛

    📖 Некоторые ключевые подробности об электронной книге:

    • это бесплатно (без подписки, без ничего)
    • поставляется в интерактивной форме PDF (все ссылки работают, а оглавление можно использовать для быстрой навигации по электронной книге)
    • оптимизирован для печати (нет лишних цветов, которые убивают чернила принтера)

    📚 Вот что внутри:

    • Как сделать сайт – с высоты птичьего полета
    • Шаг 1. Выберите WordPress в качестве платформы для своего веб-сайта
    • Шаг 2: Выберите имя для своего сайта, купите домен и хостинг
      • а) Покупка доменного имени и хостинга
      • b) Уведомление Bluehost об установке WordPress для вас
    • Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress
      • а) Установить постоянные ссылки
      • б) Сделать ваш сайт общедоступным
      • c) Установите заголовок и слоган вашего веб-сайта
      • г) Разрешить или отключить комментарии
      • д) Отключить пингбеки и трекбеки
      • f) Установите свой часовой пояс
    • Шаг 4. Выберите тему/дизайн для своего веб-сайта
      • а) Выберите тему, которая вам нравится
      • б) Установите свою тему
      • c) Настроить тему
    • Шаг 5. Получите плагины для расширения возможностей вашего веб-сайта
    • Шаг 6. Создание базовых страниц
    • Шаг 7. Рассмотрите возможность создания блога
    • Шаг 8. Настройте навигацию по сайту
    • Заключение

    👇👇👇

    Как создать веб-сайт с помощью WordPress (PDF)

    ☝️☝️☝️

    Заключение

    Вот оно! Вы только что узнали, как запустить веб-сайт! 🍾🎊

    Преимущество представленного здесь процесса в том, что вы можете сделать все сами и вам не нужно никого нанимать.

    Создание веб-сайта с использованием WordPress в качестве платформы — самое бюджетное из доступных решений.

    Если вы хотите узнать больше о том, что делать с вашим веб-сайтом после его запуска, например, как продвигать свой веб-сайт, как монетизировать ваш веб-сайт или как увеличить посещаемость веб-сайта, прочтите любое из наших руководств в блоге.

    Если у вас есть какие-либо вопросы о том, как создать сайт с нуля, задавайте их в комментариях ниже!

    Бесплатная направляющая

    5 основных советов по ускорению


    вашего сайта WordPress
    Сократите время загрузки даже на 50-80%

    просто следуя простым советам.

    * Этот пост содержит партнерские ссылки, что означает, что если вы нажмете на одну из ссылок на продукт, а затем купите продукт, мы получим небольшую комиссию. Не беспокойтесь, вы по-прежнему будете платить стандартную сумму, поэтому с вашей стороны не будет никаких затрат.

    Установить параметры редактора панелей для Switch Control или специальной клавиатуры на Mac

    На панели инструментов окна коллекции панелей на Mac нажмите «Инспектор», затем установите параметры для панели, выбранной кнопки или группы из числа вариантов, описанных ниже .

    Параметры панели

    Установите любой из следующих параметров (если они не отображаются, щелкните в любом месте на фоне панели):

    • Показать для приложений: Показать панель автоматически, когда любое из приложений, которые вы выбрал с помощью всплывающего меню текущее приложение.

    • Показать: Укажите, как использовать панель. Вы можете включить его в список настраиваемых панелей или использовать в качестве основного экрана, клавиатуры или панели указателя по умолчанию. Когда вы сохраняете его в качестве дома, клавиатуры или панели указателя по умолчанию, он заменяет существующий; эта панель по-прежнему доступна в списке пользовательских панелей.

    • Стиль автоматического сканирования: Установите, как автоматическое сканирование перемещается по панели. Для предварительного просмотра автоматического сканирования дважды щелкните группу в области макета или выберите панель в списке, затем нажмите «Просмотр» на панели инструментов.

      Выберите «Шаг», чтобы перейти от одной кнопки или группы к другой. Чтобы двигаться на основе определенного количества кнопок, выберите «Скольжение и шаг».

      Glide & Step требует меньшей точности, чем навигация по группам. Автоматическое сканирование выделяет набор кнопок в перекрывающейся последовательности при перемещении по панели, предлагая повторяющиеся возможности приблизиться к целевой кнопке, прежде чем перейти к ней.

    • Скользящая линза Размер: Укажите количество кнопок, которые будут выделяться одновременно для автоматического сканирования скольжения и шага.

    • Показать настройки: Показать значок «Параметры панели» в правом верхнем углу пользовательской панели, чтобы вы могли использовать его кнопки для настройки размера и прозрачности панели.

    • Показать кнопку «Домой»: Показать кнопку «Домой» в правом верхнем углу настраиваемой панели, чтобы можно было легко вернуться на главную панель.

    Параметры кнопки или группы

    Выполните любое из следующих действий:

    • Установите визуальные параметры для выбранной кнопки или группы: Укажите любой из них — имя (только для кнопок), размер и цвет шрифта, положение , изображение для использования в качестве кнопки и цвет кнопки.

    • Установка звуковых параметров для выбранной кнопки или группы: Укажите любой из них — фразу, которая будет произноситься, когда курсор VoiceOver находится на кнопке, и звук, который будет воспроизводиться при выборе элемента.

      Фраза или звук слышны только в том случае, если в настройках управления переключателем задано произнесение или воспроизведение. Чтобы установить этот параметр, выберите меню Apple > «Системные настройки», нажмите «Универсальный доступ» , нажмите «Переключить управление», нажмите «Навигация», затем нажмите всплывающее меню «Во время навигации».

      Откройте для меня панель управления переключателем

    • Задайте действие для выбранной кнопки: Укажите действие, которое будет выполняться при выборе кнопки, например, Ввести текст. Для некоторых действий необходимо указать дополнительные сведения, например текст, который будет автоматически вводиться при выборе кнопки.

      Если выбрано действие Мышь:

      • Для действия мыши Вращение параметр Границы определяет, как вращается сектор (в форме среза пирога). Если установлено значение «Все дисплеи», он вращается вокруг экрана от текущего положения указателя. Если установлено значение «Переднее окно», оно вращается вокруг самого переднего окна из центра окна.

      • Для действия мыши «Направленное перемещение» можно указать направление, в котором указатель перемещается по экрану при выборе кнопки, или вместо этого сделать так, чтобы кнопка реверсировала или повторила последнее выполненное направленное движение.

    Элементы можно копировать и вставлять на панели или между панелями.

    Руководство пользователя ClareOne Wireless Security and Smart Home Panel

    CLR-C1-PNL1

    Полный PDF-файл — Руководство пользователя ClareOne Wireless Security and Smart Home Panel (DOC ID 1871)

    Содержимое

    Важная информация
       Ограничение ответственности

    Введение
       Комплектация
       Технические характеристики
       Установка панели

    Мастер установки ClareOne

    Меню ClareOne Panel   
       Строка меню ClareOne
       Строка состояния ClareOne
       Меню быстрых настроек ClareOne

    Безопасность
       Управление пользователями безопасности
       Операционная безопасность

    Избранное

    Деятельность

    Настройки  
       Дисплей
       Настройки пользователя
       Настройки установщика
       О программе

    Настройки пользователя и установщика   
       Управление пользователями
       WiFi
       Часовой пояс
       Безопасность и постановка на охрану
       Управление датчиками
       Перезапуск
       Тест системы
       Режим 3 9 Сброс 9 0 Демо-панель 0 0 0

    Аварийный

    Основные операции  
       Состояния панели
       Светодиод панели
       Техническое обслуживание
       Контакт

    План эвакуации

    Глоссарий

    Приложения   
       Краткая справка
       Неисправности
       Отслеживание списка зон панели
       Установки и спецификации датчиков
     

     

    Важная информация

    Ограничение ответственности

    В максимальной степени, разрешенной применимым законодательством, Clare Controls, LLC ни при каких обстоятельствах не будет.нести ответственность за любую упущенную выгоду или деловые возможности, потерю использования, прерывание деятельности, потерю данных или любой другой косвенный, специальный, случайный или последующий ущерб в соответствии с любой теорией ответственности, будь то на основе контракта, деликта, халатности, ответственности за качество продукции , или иным образом. Поскольку в некоторых юрисдикциях не допускается исключение или ограничение ответственности за косвенные или случайные убытки, предыдущее ограничение может не применяться к вам. В любом случае полная ответственность Clare Controls, LLC.не может превышать покупной цены товара. Вышеизложенное ограничение будет применяться в максимальной степени, разрешенной применимым законодательством, независимо от того, является ли Clare Controls, LLC. был уведомлен о возможности таких убытков и независимо от того, не достигает ли какое-либо средство правовой защиты своей основной цели.

    Установка в соответствии с данным руководством, применимыми нормами и инструкциями уполномоченного органа является обязательной.

    Несмотря на то, что при подготовке данного руководства были приняты все меры предосторожности для обеспечения точности его содержания, Clare Controls, LLC.

    Полный PDF — Руководство пользователя ClareOne (DOC ID 1871)

     

    Введение

    Панель беспроводной безопасности и умного дома ClareOne (CLR-C1-PNL1) — это центр умного дома с настраиваемой домашней автоматизацией и контролем безопасности. ClareOne устраняет необходимость в отдельных устройствах управления и настройки.

     

    Содержимое упаковки

    Примечание: Убедитесь, что все аксессуары включены. Если нет, обратитесь к дилеру.

    • 1 панель ClareOne (CLR-C1-PNL1)
    • 1 батарея (CLR-C1-BATT, расположена внутри батарейного отсека панели)
    • 1 настенный кронштейн и подставка (CLR-C1-STND)
    • 1 блок питания (CLR-C1-12V)
    • 1 Ethernet-адаптер USB-C (CLR-C1-ETH)
    • 1 краткое руководство по ClareOne (DOC ID 1885)
    • Монтажное оборудование (шурупы и настенные анкеры)
    • 1 рамка ClareOne – белая (CLR-C1-BZL-W)
    • 1 рамка ClareOne – черная (CLR-C1-BZL-B, крепится к панели)

    Совместимые датчики и принадлежности:

    • Датчик двери/окна ClareOne Mini, белый (CLR-C1-MDW-W)
    • Датчик двери/окна ClareOne Mini, коричневый (CLR-C1-MDW-B)
    • Брелок ClareOne (CLR-C1-KF)
    • Датчик движения ClareOne PIR (CLR-C1-PIR)
    • Детектор угарного газа ClareOne (CLR-C1-CO)
    • Детектор дыма ClareOne (CLR-C1-SMK)
    • Подвеска ClareOne Panic (CLR-C1-PNC)
    • Детектор воды ClareOne (CLR-C1-WTR)
    • Датчик дверного окна ClareOne с внешним контактом (CLR-C1-DWCNT)
    • Датчик окна двери ClareOne с датчиком удара (CLR-C1-DWSHK)
    • Тепловой детектор скорости подъема ClareOne (CLR-C1-HT)
    • ClareOne 16-зонный проводной модуль ввода (CLR-C1-WD16)
    • Модуль/репитер ClareOne Wireless to Wireless Takeover (CLR-C1-W2WL)
    • Детектор разбития стекла ClareOne (CLR-C1-GB)
    • Наружное дверное окно ClareOne (CLR-C1-ODDW)
    • Сирена ClareOne Z-Wave (CLR-C1-ZW-SRN)

     

    Начало страницы ^

     

     

    Технические характеристики

    Сенсорный экран

    Размер

    7 дюймов (18 см)

    Разрешение

    1024 × 600

    Пользовательский интерфейс

    Светодиод состояния

    Многоцветный

    Голосовое объявление

    Состояние системы, состояние датчика, состояние снятия с охраны

    Коды пользователей

    До 99 пользователей и 10 000 возможных кодов

    Датчик приближения

    5 футов (1.52 м) автоматическое включение при обнаружении движения

    Радио/Сеть

    Wi-Fi

    WiFi 802.11 a/b/g/n/ac двухдиапазонный 2.4/5G

    Ethernet/ЛВС

    Адаптер USB-C/Ethernet

    Z-Wave

    Z-Wave Плюс

    Сотовый

    Verizon LTE с двусторонней голосовой связью

    Безопасность Р/Ф

    Шифрованный, двусторонний, 433 МГц, 1 раздел, 128 сенсорных зон

    Сирена и аудиосистема

    Внутренний

    Пьезо, более 87 дБ на высоте 10 футов (3.04 м)

    Порт замыкания контактов

    1

    Беспроводной

    Z-Wave

    Обнаружение звука

    Обнаружение тревоги T3 и T4 (дым и CO)

    Питание/аккумулятор

    Питание постоянного тока

    12 В пост. тока, 2500 мА, вход 100–240 В перем. тока, 50/60 Гц

    Соединитель

    Micro USB или винтовые клеммы

    Потребляемая мощность

    30 Вт максимум

    Тип батареи

    Перезаряжаемый литий-ионный аккумулятор, 5200 мАч

    Максимальное напряжение батареи

    4.35В

    Срок службы батареи

    24 часа + 4 минуты непрерывной тревоги после 24-часового периода

    Сменный аккумулятор

    Да, пользователь может изменить

    Механический

    Датчик тампера

    Датчик вскрытия панели с пружинным фиксатором и отчетом о состоянии

    Рабочая температура

    от 32 до 120°F (от 0 до 48.8°С)

    Влажность

    85 ± 5% при 86 ± 3°F в течение 24 часов

    Крепление

    Включает настенную и двухпозиционную настольную подставку

    Размеры панели
    (Ш × В × Г)

    7,7 × 5,3 × 0,8 дюйма (194,8 × 134,9 × 20,6 мм)

     

    Рисунок 1: Панель ClareOne — передняя панель

    (1) Камера
    (2) ИК-датчики (по 2 с каждой стороны)

     

    (3) Микрофоны (с каждой стороны)
    (4) Светодиод

     

    Рисунок 2: Панель ClareOne — снаружи сзади

    (1) Кнопка тампера
    (2) Винт крепления задней панели
    (3) Крышка задней панели
    (4) Монтажные отверстия
    (5) Сирена

     

    (6) Отверстие для маршрутизации постоянного тока #1
    (7) Отверстие для маршрутизации постоянного тока #2
    (8) Отверстие для маршрутизации LAN
    (9) Отверстие для маршрутизации сирены

     

    Рисунок 3: Панель ClareOne — внутренняя часть сзади

    (1) Клемма подключения постоянного тока
    (2) Порт микро-USB постоянного тока
    (3) Порт LAN (USB-C)
    (4) Отверстие сброса панели

     

    (5) Гнездо для SIM-карты
    (6) Разъем аккумулятора
    (7) Аккумулятор
    (8) Клемма подключения сирены

    Начало страницы ^

    Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

    Установка панели

    Панель должны устанавливать только квалифицированные специалисты по установке.Clare Controls не несет ответственности за ущерб, вызванный неправильной установкой, подключением к сети или использованием устройства.

    Варианты установки

    Панель ClareOne можно установить с помощью настольной подставки или настенного крепления.

    Варианты питания

    Панель может питаться от прилагаемого источника питания с кабелем micro USB, с помощью прилагаемого источника питания с кабелем Cat5/6 или с помощью прилагаемого источника питания с экранированной проводкой безопасности 22AWG или более толстой.Дополнительные сведения о параметрах электропитания панели ClareOne см. в разделе Варианты электропитания.

    Примечание: В случае отключения электроэнергии батареи в панели хватает на 24 часа плюс дополнительные 4 минуты подачи сигнала тревоги.

     

    Вариант установки 1: Рабочий стол

    Вариант 1 использует входящую в комплект подставку.

    Для крепления панели на столе:

    1. Снимите заднюю панель панели, нажав на 2 язычка и потянув заднюю панель наружу, чтобы открыть аккумулятор.

    2. Проложите кабель питания через отверстие в нижней правой части подставки.

    3. Убедитесь, что батарея подключена, а затем подключите блок питания к панели.
      Примечание: Информацию о других вариантах питания см. в разделе Варианты блоков питания.

    4. Прикрепите заднюю крышку панели, слегка прижав ее на место. Убедитесь, что оба выступа полностью нажаты.
    5. Прижмите стороны задней панели к задней части панели, убедившись, что между задней панелью и панелью нет зазора.

    6. Совместите монтажные отверстия в задней части панели с выступами на подставке, а затем прижмите подставку к задней части панели.
    7. Сдвиньте панель вниз, чтобы зафиксировать ее на месте.

    8. Подключите противоположный конец блока питания к электрической розетке.
      Панель автоматически включается.
      Примечание: Не подключайте к розетке, управляемой выключателем.
    9. (дополнительно) Угол обзора панели можно отрегулировать, нажав на выступ подставки и сдвинув основание вверх или вниз в нужное положение, зафиксировав его на месте.

         

      Вариант установки 2: Настенный монтаж

      Вариант 2 использует входящий в комплект кронштейн для настенного крепления. Рекомендуемая высота для монтажа панели составляет 48 дюймов +/- 12 дюймов в зависимости от уровня комфорта конечного пользователя.

      Для настенного крепления панели:

      1. Выберите место для панели рядом с розеткой, а затем подключите источник питания 12 В постоянного тока к выбранному месту установки.
      2. Приложите монтажный кронштейн к выбранному месту на стене или монтажной коробке, убедившись, что кабель питания проходит через центр монтажного кронштейна.
        Примечание: Кабель не должен проходить через монтажный кронштейн, если кабель питания не проходит через стену.
      3. С помощью прилагаемых винтов надежно прикрепите кронштейн к монтажной коробке или стене. См. методы ниже.


        а. Распределительная коробка: Используя 2 прилагаемых крепежных винта, прикрепите кронштейн к имеющейся монтажной коробке.

        б. Монтажное отверстие: Отметьте на стене расположение 4 отверстий в кронштейне для настенного крепления. Отмечая места, обязательно держите кронштейн ровно.Используя дрель со сверлом 5 мм, просверлите отверстие в каждом месте. Вставьте один из прилагаемых настенных анкеров в каждое из 4 отверстий. Совместите настенный кронштейн с точками крепления. Прикрепите панель к стене с помощью прилагаемых винтов в 4 отверстиях.

      4. Снимите заднюю панель панели, нажав на 2 выступа и потянув заднюю панель наружу.

      5. Убедитесь, что батарея подключена, а затем подключите блок питания к панели.

      6. Прикрепите заднюю крышку панели, слегка прижав ее на место.
      7. Прижмите стороны задней панели к задней части панели, убедившись, что между задней панелью и панелью нет зазора.

      8. Прижмите панель к монтажному кронштейну, а затем сдвиньте панель вниз, пока она не зафиксируется на месте.

      9. Подключите противоположный конец блока питания к электрической розетке.
        Панель автоматически включается.
        Примечание: Не подключайте к розетке, управляемой выключателем.

       

      Опции источника питания

      Панель ClareOne имеет 2 варианта питания: локализованное (с использованием прилагаемого источника питания с микро-USB в пределах 6 футов от места установки) и дистанционное (с использованием экранированного провода CAT5/6 или 22AWG или более толстого кабеля для увеличения досягаемости до
      100 футов от места установки). место установки).

      Локальная мощность

      Блок питания, поставляемый с панелью, поставляется с подключенным кабелем micro USB длиной 6 футов.

      Примечание: Используйте только прилагаемый источник питания 12 В постоянного тока. Не используйте с панелью другие источники питания.

      Для использования локального питания:

      1. Снимите заднюю панель панели, нажав на 2 выступа и потянув заднюю панель наружу.
      2. Подключите кабель micro USB к порту micro USB DC на панели.См. Рис. 3: Панель ClareOne — внутренняя сторона сзади на стр. 4.
      3. Установите на место заднюю панель и подключите блок питания к ближайшей сетевой розетке.
        Примечание: Не подключайте к розетке, управляемой выключателем.

      Дистанционное питание

      В местах установки, которые находятся на расстоянии более 6 футов от ближайшей розетки, кабель питания можно снять и заменить кабелем CAT5/6 или экранированным защитным проводом 22AWG или более толстым. Это позволяет размещать источник питания на расстоянии до 100 футов от панели.Для получения подробной информации о калибрах проводов и расстоянии см. ClareOne Remote Power Tech Bulletin (DOC ID 1937) .

      Примечание: При использовании кабеля CAT5/6 отдельные провода должны иметь минимальный калибр 24AWG. Кроме того, необходимо использовать витую пару проводов для подключения к каждой из положительных и отрицательных клемм, чтобы достичь расстояния 100 футов.

      Для питания панели на расстоянии более 6 футов от розетки:

      1. Снимите заднюю пластину панели, нажав на 2 выступа и потянув заднюю пластину наружу, открывая заднюю внутреннюю часть.
      2. Осторожно вставьте положительный конец провода в положительную клемму клеммы питания постоянного тока.
      3. Осторожно вставьте отрицательный конец провода в отрицательную клемму клеммы питания постоянного тока.

      4. Замените заднюю пластину на панели.
      5. Подсоедините провода к положительной и отрицательной клеммам источника питания.

      6. Прикрепите монтажный кронштейн блока питания к ближайшей настенной розетке с помощью прилагаемых винтов, а затем подключите блок питания к розетке.
        Примечание: Не подключайте к розетке, управляемой выключателем.
      7. Используйте прилагаемую стяжку-молнию, чтобы пропустить монтажный кронштейн, закрепив блок питания.

       

      Спецификации панельных аккумуляторов и техническое обслуживание

      В панели ClareOne используется перезаряжаемый литий-ионный аккумулятор, технические характеристики которого приведены ниже.

      Таблица 1: Технические характеристики панельного аккумулятора ClareOne

      Тип батареи

      Перезаряжаемый литий-ионный аккумулятор, 5200 мАч

      Максимальное напряжение батареи

      4.35 В постоянного тока

      Максимальный зарядный ток

      2600 мА

      Время зарядки

      6,5 часов (при стандартной скорости заряда 1040 мА)

      Производитель

      Компания Guangdong Pow-Tech New Power Co., Ltd.

      Номер детали производителя

      PT2-PCM5200

      Соединитель

      3-контактный разъем с защелкой

      Срок службы батареи

      24 часа + 4 минуты непрерывной тревоги после
      24-часового периода

      Сменный аккумулятор

      Да, пользователь может изменить

       

      Обслуживание аккумуляторов

      Батарея рассчитана на срок службы более 18 лет в типичных условиях установки.Для надлежащего обслуживания и надежности панели аккумуляторную батарею необходимо периодически проверять, проверяя, что панель работает без сети переменного тока. Если батарею необходимо заменить, ее можно заказать, используя номер детали Clare Controls CLR-C1-BATT. Текущая емкость батареи отображается индикатором батареи в строке состояния (Рисунок 9).

      Для замены батареи:

      1. Снимите заднюю пластину панели
      2. Нажмите на язычок разъема кабеля аккумулятора, а затем осторожно потяните вниз разъем, освобождая его от разъема на панели.

      3. Извлеките аккумулятор и утилизируйте его надлежащим образом.
      4. Вставьте разъем новой батареи в порт батареи на панели.

      5. Аккуратно поместите аккумулятор на место так, чтобы кабели аккумулятора проходили над аккумулятором в задней части панели.

      6. Верните заднюю панель панели.
        Проводная сирена

        Панель ClareOne имеет 2-контактный разъем для подключения внешней проводной сирены. Разъем помечен как «SIREN» и использует клемму с двумя винтами.Выход сирены действует как простое замыкание контактов, в результате чего полярность проводки не имеет значения для подключения. Проводная сирена и ее блок питания должны быть подключены, как показано ниже. Используйте проводку класса B для всех соединений.

        Для получения дополнительной информации о проводных сиренах ClareOne Panel см. Примечания по интеграции проводных сирен ClareOne (DOC ID 1936).

         

        Рисунок 4: Проводное подключение сирены

         

        (1) Панель ClareOne
        (2) Проводная сирена
        (3) Блок питания постоянного тока

         

        (4) Минусовой провод
        (5) Минусовой провод сирены
        (6) Плюсовой провод сирены

        Проводной Ethernet

        Панель ClareOne по умолчанию использует Wi-Fi для подключения к домашней сети.Однако возможно проводное Ethernet-соединение с помощью прилагаемого Ethernet-адаптера USB-C. Подключите адаптер Ethernet USB-C к порту USB-C на внутренней задней стороне панели, а затем подключите кабель Ethernet Cat5/6 к другому концу адаптера.

        Рисунок 5: Ethernet-адаптер USB-C

         

        (1) Штекерный разъем USB-C
        (2) Разъем Ethernet

         

         

        Слот для SIM-карты

        Панель ClareOne поставляется с установленной на заводе SIM-картой.Предоставленная SIM-карта предназначена для использования с панелью ClareOne.

        Примечание: Не используйте SIM-карты других производителей. Если используется SIM-карта другого производителя, не Clare Controls, панель не будет правильно сообщать об этом. Использование SIM-карты, отличной от Clare Controls, может привести к угрозе безопасности.

        Рисунок 6: Слот для SIM-карты ClareOne Panel

         

        Кнопка СБРОС

        Утопленная кнопка расположена под задней панелью панели и может использоваться для включения и выключения панели.

        Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

         

        Мастер установки ClareOne

        На панели ClareOne предварительно установлено приложение ClareHome. Следуйте указаниям мастера настройки, чтобы подключиться к домашнему Wi-Fi и добавить датчики.

        Для настройки панели:

        1. Нажмите на экран.
          Откроется мастер настройки.

        2. Коснитесь Пуск .
        3. Выберите свой часовой пояс из раскрывающегося списка, а затем нажмите
          Примечания
          • ClareHome использует местоположение устройства для таймеров и событий.
          • Нажмите <- Назад , чтобы вернуться к предыдущему шагу/экрану.

        4. Прокрутите и коснитесь, чтобы выбрать нужную сеть, введите пароль, а затем коснитесь Ok .
          Примечание: Нажмите, чтобы скрыть клавиатуру.

        5. Коснитесь Далее , после чего панель автоматически выполнит поиск доступных обновлений.


          Примечание: Это может занять некоторое время. При наличии доступных обновлений панель перезагружается.
          После обновления панели или при отсутствии доступных обновлений отображается экран «Успешно».

        6. Коснитесь Далее , а затем добавьте нужные датчики.
          Полную информацию о настройке датчиков и управлении ими см. в разделе Управление датчиками.

        7. Коснитесь Далее , чтобы продолжить работу с мастером, а затем настройте PIN-коды установщика и мастер-кода.


          Примечания
          • PIN-код установщика должен состоять из 5 цифр, а главный PIN-код должен состоять из 4 цифр.
          • Если PIN-код мастера/установщика утерян, пользователь не может получить доступ к меню или функциям мастера/установщика.Не забывайте эти коды.

            а. Нажмите Установить PIN-код установщика , а затем введите желаемый 5-значный PIN-код.
            б. Проверьте PIN-код и нажмите Далее .
                 Вы вернетесь на страницу установки PIN-кода.
            с. Нажмите Set Master PIN , а затем введите желаемый 4-значный PIN-код.
            д. Проверьте PIN-код и нажмите Далее .
                 Вы вернетесь на страницу установки PIN-кода.

        8. Нажмите Далее , чтобы продолжить работу мастера.

          Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

           

           

                Меню панели ClareOne

                Используйте следующую информацию для понимания и навигации по панели ClareOne.

                Строка меню ClareOne

                Параметры строки меню панели ClareOne располагаются вдоль нижней части экрана и содержат 4 значка с кнопкой экстренного вызова. Это меню доступно на любом экране панели, обеспечивая легкий доступ к функциям панели.

                Рисунок 8: Строка меню

                Таблица 2: Строка меню ClareOne

                Значок

                Имя

                Описание

                Безопасность

                Страница «Безопасность» позволяет пользователю получить доступ к своей системе безопасности и управлять ею.

                Избранное

                Страница «Избранное» позволяет пользователю настроить страницу со всеми наиболее часто используемыми устройствами и сценами.

                Деятельность

                Страница «Активность» позволяет пользователю просматривать список событий безопасности для своей панели безопасности. Например, когда панель была поставлена ​​на охрану.

                Настройки

                Страница настроек предоставляет пользователю доступ к настройкам и настройкам панели. Доступ к настройкам пользователя и установщика осуществляется через страницу настроек.

                Аварийный

                Страница экстренной помощи позволяет пользователям легко связаться с контролируемой центральной станцией.

                 

                 

                Строка состояния ClareOne

                В строке состояния отображается текущая громкость панели, сотовое соединение, WiFi, уровень заряда батареи и время.

                Рисунок 9: Строка состояния

                Таблица 3: Строка состояния ClareOne

                Значок

                Имя

                Описание

                Быстрые настройки

                Этот значок позволяет пользователю получить доступ к меню быстрых настроек ClareOne.

                /

                Том

                Значок громкости показывает, включена или выключена громкость панели.

                Wi-Fi

                Значок WiFi указывает текущую мощность WiFi панели.

                Сотовый

                Значок сотовой связи показывает текущий статус сотовой связи панели.

                Аккумулятор

                Значок батареи показывает текущий уровень заряда батареи панели.

                 

                 

                Меню быстрых настроек ClareOne

                Меню быстрых настроек ClareOne позволяет пользователю получить доступ к более подробной информации о дате, проценте заряда батареи, времени, силе сотового соединения, переключении дверного звонка, голосовом переключении, имени и мощности сети Wi-Fi, ползунке громкости и ползунке яркости экрана.

                Рисунок 10: Меню быстрых настроек

                Отображение меню быстрых настроек

                Аккумулятор: Значок аккумулятора отображает текущий процент заряда аккумулятора панели.

                Дверной звонок: Кнопки включения/выключения дверного звонка позволяют пользователю включать/отключать звуковой сигнал панели при открытии/закрытии датчика.

                Голос: Кнопки включения/выключения голоса позволяют пользователю включать/отключать сообщения панели.

                Wi-Fi: В окне Wi-Fi отображается текущий статус WiFi панели и подключенная сеть.

                Громкость: Ползунок громкости отображает и позволяет пользователю регулировать текущую громкость панели.

                Яркость экрана: Ползунок яркости экрана отображается и позволяет пользователю регулировать текущую яркость панели.

                 

                Для доступа к меню быстрых настроек:

                1. Нажмите и удерживайте строку состояния.
                2. Проведите пальцем вниз.

                Для регулировки уровня громкости и яркости:

                1. Доступ к меню быстрых настроек.
                2. Нажмите и сдвиньте индикатор громкости/яркости экрана влево (уменьшает громкость/яркость) или вправо (увеличивает громкость/яркость).

                  Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                   

                   

                  Безопасность

                  Значок меню «Безопасность» позволяет пользователю быстро получить доступ к элементам управления и датчикам безопасности ClareHome. Сразу же пользователи видят состояние своей системы безопасности и датчиков.

                  Примечание: Учетная запись мониторинга безопасности должна быть создана через дилера Clare Controls.

                  Рисунок 11: Безопасность

                  Безопасность управления пользователями

                  Панель допускает индивидуальных пользователей и код принуждения.Полную информацию о создании пользователей и управлении ими см. в разделе Управление пользователями.

                  Операционная безопасность

                  Охранная панель позволяет пользователю ставить панель на охрану в режиме пребывания, ставить панель на охрану в режиме отсутствия, снимать панель с охраны и связываться со своей станцией мониторинга в случае чрезвычайной ситуации.

                  Постановка панели на охрану

                  Есть несколько моментов, на которые следует обратить внимание при постановке панели на охрану.

                  • Система безопасности должна издавать отчетливый пульсирующий звуковой сигнал в течение всего времени выхода, чтобы предупредить человека (лиц), все еще находящихся в помещении, о том, что период выхода продолжается.
                    В течение последних 10 секунд Времени выхода должно звучать звуковое оповещение, частота пульсации которого явно отличается, чтобы предупредить человека (лиц) о том, что Время выхода истекает.
                    Панель ClareOne поддерживает постановку на охрану и снятие с охраны (сообщение панели) и бесшумную постановку на охрану (без сообщения панели). При использовании Бесшумной постановки на охрану время выхода удваивается.
                  • Нарушение, восстановление, а затем повторное нарушение зоны входа/выхода до окончания времени выхода перезапускает время выхода.Панель не позволяет перезапускать время выхода более одного раза. Эта функция включена по умолчанию. Продолжительность дополнительного времени выхода удваивается только для этого дополнительного периода выхода, но не должна превышать 255 секунд.
                  • При входе выдается отчетливое сообщение, чтобы предупредить тех, кто входит в помещение, что началась задержка на вход.
                  • Приложение ClareHome отображает состояния панели (Охрана, Снята с охраны, Тревога, Датчики неисправны или неисправны). Дополнительную информацию см. в Руководстве по приложению ClareHome (DOC ID 1750).
                  • Приложение ClareHome позволяет пользователю активировать панель безопасности ClareOne из любого удаленного места, если на панели доступен интернет-сервис. Дополнительную информацию см. в Руководстве по приложению ClareHome (DOC ID 1750).
                  • Сирена звучит до 4 минут, если панель не снята с охраны. Через 4 минуты панель больше не звучит, но остается в состоянии тревоги.

                  Для включения панели:

                  1. Коснитесь значка Security Badge .
                  2. Коснитесь Постановка на охрану .


                    – или –

                    Кран Подставка .

                    Примечания

                    • При выборе «Постановка на охрану» у пользователя есть возможность мгновенно поставить панель на охрану.
                    • Коснитесь Отмена , чтобы остановить процесс постановки на охрану, для этого требуется PIN-код пользователя.

                  3. Устройство ставится на охрану и должно быть снято с охраны с помощью установленного PIN-кода.

                    Боевое пребывание

                    Под охраной

                     

                  Для обхода зоны:

                  Примечание: Если зона (датчик) неисправна (разомкнута), панель не может быть поставлена ​​на охрану до тех пор, пока зона не перестанет быть неисправной или зона не будет заблокирована.

                  1. Коснитесь значка Security Badge .
                  2. Выберите способ постановки на охрану (Охрана дома или Охрана дома).
                  3. Нажмите Подтвердить обход .

                  4. Панель продолжает нормально ставиться на охрану.

                      Для постановки панели на охрану с помощью бесшумной руки:

                      1. Коснитесь значка Security Badge .
                      2. Коснитесь кнопки Silent arm Вкл/Выкл .


                      3. Коснитесь нужного метода постановки на охрану.
                      4. Панель продолжает бесшумно ставиться на охрану.
                        Примечание: Во время бесшумной постановки на охрану панель добавляет дополнительное время и не имеет звукового обратного отсчета (нет звуковых сигналов).

                      Для снятия панели с охраны:

                      1. Коснитесь значка Security Badge .
                      2. Нажмите Снять с охраны .

                      3. Введите PIN-код и нажмите Подтвердить .

                      Чтобы заглушить неисправность:

                      1. Коснитесь значка Security Badge .

                        Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                         

                        Избранное

                        Страница «Избранное» позволяет пользователю добавлять на панель часто используемые устройства и фрагменты сцен.

                        Рисунок 12: Избранное

                        Примечания

                        • Если на страницу не добавлено избранное, отображаются только 3 строки. После добавления значка в последнее место в строке добавляются дополнительные строки.
                        • Значки сохраняют свое положение, когда значки вокруг них удаляются или добавляются.

                        Чтобы добавить плитку в избранное:

                        1. Коснитесь пустой плитки, а затем коснитесь значка Plus .

                        2. Коснитесь нужной категории.

                        3. Коснитесь значка Plus рядом с нужным устройством/сценой.


                          Значок добавлен на экран.

                        Чтобы удалить плитку из избранного:

                        1. Нажмите и удерживайте нужный значок.
                        2. Нажмите Да .

                          Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                           

                          Деятельность

                          На странице Activity отображается список событий безопасности. Этот список включает в себя время и состояние или действие панели (постановка на охрану, снятие с охраны, проблема и неисправность).

                          Примечание: Панель делает снимки при выполнении каких-либо действий или при вводе PIN-кода. При нажатии на снимок изображение увеличивается.

                          Рисунок 13: Действие

                          Таблица 4: значки действий ClareOne

                          Значок

                          Имя

                          Описание

                          Удалить

                          Значок удаления позволяет пользователю удалить событие безопасности из списка действий.

                          Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                           

                           

                          Настройки

                          Страница настроек позволяет пользователю изменять настройки панели.

                          Рисунок 14: Настройки

                          Ниже перечислены параметры настройки, которые пользователь может просматривать и изменять.

                           

                          Дисплей

                          Страница «Дисплей» позволяет пользователю настраивать параметры экрана.

                          Рисунок 15: Дисплей

                           

                          Настройки дисплея

                          Тайм-аут дисплея: Этот параметр позволяет пользователю настроить время, по истечении которого экран отключается.

                          Очистка экрана: Этот параметр дает пользователю 1 минуту на очистку экрана панели. В это время экран не реагирует на прикосновения.

                          Температурный режим: Этот параметр позволяет пользователю выбрать шкалу Фаренгейта или Цельсия для отображения термостата.

                          Auto Wake: Эта настройка позволяет пользователю использовать датчик PIR панели для «пробуждения» панели по тайм-ауту. Если установлено значение «Выкл.», панель не «пробуждается» при обнаружении движения.

                           

                          Пользовательские настройки

                          На странице пользовательских настроек находится подменю пользовательских настроек.

                          Примечание: Главный PIN-код требуется для доступа к настройкам пользователя.

                          Рисунок 16: Пользовательские настройки

                          Полные настройки пользователя см. в разделе Настройки пользователя и установщика.

                           

                          Настройки установщика

                          На странице настроек установщика находится подменю дополнительных настроек.

                          Примечание: Доступ к странице настроек установщика возможен только с помощью PIN-кода установщика.

                          Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                          Настройки пользователя и установщика

                          Страницы настроек пользователя и установщика являются подменю настроек. На странице «Настройки пользователя» находятся настройки главного пользователя, а на странице «Настройки установщика» — дополнительные настройки установщика. В меню настроек пользователя есть доступ к управлению пользователями, а в меню настроек установщика есть доступ к сбросу панели и демонстрационному режиму. Обе страницы предоставляют доступ к управлению Wi-Fi, настройкам часового пояса, безопасности и постановке на охрану, управлению датчиками, перезагрузке, тесту системы и проверке обновлений.

                          Рисунок 19: Пользовательские настройки

                          Рисунок 20: Настройки установщика

                           

                           

                          Управление пользователями

                          Примечание. Управление пользователями доступно только в меню настроек пользователя.

                          Страница «Управление пользователями» позволяет пользователю добавлять, изменять и удалять пользователей панели.

                          Рисунок 21: Управление пользователями

                          Чтобы добавить пользователя:

                          1. Коснитесь значка Настройки .
                          2. Коснитесь Настройки пользователя , введите главный PIN-код, а затем коснитесь Управление пользователями .

                            – или –

                            Коснитесь Настройки установщика , введите PIN-код установщика, коснитесь Управление пользователями , а затем введите главный PIN-код.

                          3. Коснитесь Добавить пользователя .

                          4. Выберите пользователя (существует 3 типа пользователей).

                            Типы пользователей

                            Мастер: Главный пользователь имеет доступ ко всем настройкам пользователя и установлен по умолчанию.

                            Примечание: Главного пользователя можно только изменить, второго главного пользователя добавить нельзя.

                            Код принуждения: Код пользователя, который отправляет экстренное оповещение на контролируемую центральную станцию.

                            Примечания

                            • На панель можно добавить только 1 код принуждения.
                            • Принуждение отключено по умолчанию. После создания пользователя по принуждению принуждение включается.

                            Пользователь: Пользователь базовой панели. Этот пользователь имеет доступ к элементам управления безопасностью и основным операциям с панелью.

                          5. Выберите имя пользователя.


                            – или –

                            Коснитесь Пользовательское имя , введите желаемое имя, а затем коснитесь Далее .

                          6. Введите пароль пользователя, а затем нажмите Далее .

                          7. Подтвердите пароль и нажмите Далее .

                          8. Выберите дату истечения срока действия. (1 час, 4 часа, 8 часов, 24 часа, 7 дней или неограниченно).

                          9. Коснитесь Сохранить .

                            Чтобы создать код принуждения:

                            Примечания

                            • На панель можно добавить только 1 код принуждения.
                            • Принуждение отключено по умолчанию. После создания пользователя по принуждению принуждение включается.
                            1. Коснитесь значка Настройки .
                            2. Коснитесь Настройки пользователя , введите главный PIN-код, а затем коснитесь Управление пользователями .

                              – или –

                              Коснитесь Настройки установщика , введите PIN-код установщика, коснитесь Управление пользователями , а затем введите главный PIN-код.

                            3. Коснитесь Добавить пользователя .

                            4. Выберите Код принуждения .
                              Примечание: Панель ClareOne поддерживает только одного пользователя по принуждению.

                            5. Введите нужный код и нажмите Далее .

                            6. Подтвердите пароль и нажмите Далее .

                            7. Коснитесь Сохранить .

                            Для изменения кода пользователя/принуждения:

                            1. Доступ Управление пользователями .
                              Настройки > Настройки пользователя > Введите главный PIN-код > Управление пользователями

                              – или –

                              Настройки > Настройки установщика > Введите PIN-код установщика > Управление пользователями > Введите главный PIN-код



                            2. Выберите нужного пользователя/принуждение, а затем коснитесь значка Редактировать пользователя .

                            3. Выберите нужное поле для редактирования.

                              Чтобы удалить пользователя:

                              1. Доступ Управление пользователями .
                                Настройки > Настройки пользователя > Введите главный PIN-код > Управление пользователями

                                – или –

                                Настройки > Настройки установщика > Введите PIN-код установщика > Управление пользователями > Введите главный PIN-код



                              2. Коснитесь значка Удалить рядом с нужным пользователем/принуждением.
                              3. Подтвердите, нажав Удалить .

                               

                                Wi-Fi

                                Страница WiFi позволяет пользователю/установщику получить доступ к доступным сетям WiFi и их соответствующим возможностям.

                                Рисунок 22: Wi-Fi

                                Для смены сетей WiFi:

                                1. Коснитесь значка Настройки .
                                2. Коснитесь Настройки пользователя , введите PIN-код мастера/установщика, а затем коснитесь Управление пользователями WiFi .
                                3. Коснитесь нужной сети Wi-Fi, а затем введите пароль при появлении запроса.
                                4. Коснитесь OK .
                                  Теперь панель подключена к нужной сети WiFi.
                                  Примечание: Коснитесь значка Info  рядом с подключенной сетью, чтобы просмотреть конкретную информацию.

                                Чтобы перевести панель в режим точки доступа:

                                AP Mode позволяет пользователю настроить свою панель в режиме AP для использования приложения Clare Controls Install Assist. После включения пользователь видит широковещательную сеть панели и случайный код доступа.

                                Примечание: Этот код доступа является случайным для каждого поколения.

                                1. Коснитесь Настройки , а затем коснитесь Настройки пользователя/Настройки установщика .
                                2. Введите PIN-код мастера/установщика, а затем коснитесь WiFi .
                                3. Коснитесь Режим точки доступа , а затем коснитесь ВКЛ .
                                  Теперь панель находится в режиме Ap.

                                4. Коснитесь Off , чтобы выйти из режима точки доступа и повторно подключиться к локальной сети.

                                 

                                  Часовой пояс

                                  Страница «Часовой пояс» позволяет пользователю/установщику выбрать/изменить часовой пояс.

                                  Рисунок 23: Часовой пояс

                                  Для выбора часового пояса:

                                  1. Коснитесь Настройки , а затем коснитесь Настройки пользователя/Настройки установщика .
                                  2. Введите PIN-код мастера/установщика, а затем нажмите Часовой пояс .
                                  3. Коснитесь раскрывающегося списка Выберите часовой пояс .

                                  4. Прокрутите вверх или вниз, чтобы установить нужную зону, а затем нажмите Сохранить .

                                   

                                  Безопасность и постановка на охрану

                                  Страница «Безопасность и постановка на охрану» позволяет пользователю/установщику изменять параметры безопасности.Регулировка времени задержки, громкости и параметров звукового сигнала.

                                  Примечание: Это дополнительные настройки, мы рекомендуем настраивать их только в том случае, если пользователь/установщик знаком с настройками безопасности.

                                  Рисунок 24: Безопасность и постановка на охрану

                                  Настройки безопасности и постановки на охрану

                                  Безопасная постановка на охрану: Если этот параметр включен, пользователь должен ввести PIN-код для постановки панели безопасности на охрану.

                                  Задержка передачи: Время в секундах, в течение которого панель ожидает срабатывания тревоги перед отправкой сообщения на центральную станцию ​​безопасности.

                                  Exit Delay: Время в секундах, в течение которого панель ожидает выхода пользователя из здания перед постановкой на охрану.

                                  Swinger Shutdown: Количество раз, когда панель игнорирует повторное срабатывание датчика при выходе (ложная тревога).

                                  Перекрестное зонирование: Этот параметр связывает 2 или более датчиков вместе. Если один из датчиков срабатывает, а другой датчик в этой перекрестной зоне срабатывает в течение установленного времени, срабатывает тревога.

                                  Голос: Этот параметр определяет, будет ли панель оповещать о статусе зон.

                                  Звонок: Этот параметр включает/отключает звуковой сигнал для входа в зону.

                                  Отмена тревоги: Если включена функция «Отменить тревогу», если тревога панели отменяется в течение 5 минут, раздается звуковой сигнал отмены тревоги, а также отправляется сообщение на центральную станцию ​​о том, что тревога была отменена.

                                  Включение тампера: Этот параметр включает/отключает тампер панели.

                                  Примечание: Если этот параметр отключен, панель не может быть поставлена ​​на охрану.

                                  Автоматическая постановка на охрану: Этот параметр включает/отключает игнорирование значений по умолчанию на охрану. Если включено, охрана на расстоянии устанавливает охрану на охрану, если нет выхода.

                                  Для изменения настроек безопасности и постановки на охрану:

                                  1. Коснитесь Настройки , а затем коснитесь Настройки пользователя / Настройки установщика .
                                  2. Введите PIN-код мастера/установщика, а затем нажмите Безопасность и постановка на охрану .
                                  3. Нажмите на поле +/- значок или Выкл. / Вкл. кнопки.

                                   

                                   

                                  Управление датчиками

                                  Страница управления датчиками позволяет пользователю/установщику добавлять, изменять и удалять датчики панели. Полный список датчиков и настройки отдельных датчиков см. в документе Примечания по интеграции датчиков ClareOne (DOC ID 1931).

                                  Рис. 25: Управление датчиками

                                  Чтобы добавить датчик:

                                  1. Коснитесь Настройки , а затем коснитесь Настройки пользователя/Настройки установщика .
                                  2. Введите PIN-код мастера/установщика, а затем коснитесь Управление датчиками.
                                  3. Коснитесь Добавить датчик .

                                  4. Выберите нужный режим добавления датчика, Режим обучения или Ручной ввод .

                                    Режим обучения

                                    1. Выберите Режим обучения .

                                    2. Выберите тип датчика.

                                    3. Отключение физического датчика. Например, отодвиньте датчик двери и магнит друг от друга.
                                    4. Выберите имя для датчика, а затем настройте любые необходимые функции датчика, а затем нажмите Далее .

                                    5. Подтвердите идентификатор датчика и нажмите Далее .

                                    Ручной ввод

                                    1. Выберите Ввод вручную .

                                    2. Выберите тип датчика.

                                    3. Введите идентификатор TX и нажмите Далее .

                                        Примечание: Этот 7-значный идентификатор находится на наклейке/этикетке датчика.

                                      1. Выберите имя для датчика, настройте любые необходимые функции датчика, а затем нажмите Далее .


                                      2. Убедитесь, что отображаемый идентификатор TX соответствует датчику, а затем нажмите Далее .


                                      5. Нажмите Список датчиков , чтобы увидеть датчик в списке.

                                    Для модификации датчика:

                                    1. Доступ к Управление датчиками . ( Настройки > Пользователь / Настройки установщика > Введите пользователь / PIN-код установщика > Управление датчиком ).

                                    2. Коснитесь значка Редактировать датчик .

                                    3. Выберите нужное поле для редактирования.

                                    Для снятия датчика:

                                    1. Доступ к Управление датчиками . ( Настройки > Пользователь / Настройки установщика > Введите пользователь / PIN-код установщика > Управление датчиком ).

                                    2. Коснитесь значка Удалить рядом с нужным датчиком.
                                    3. Подтвердите, нажав Удалить .

                                    Для создания межзональной группы:

                                    Кросс-зонирование связывает 2 или более датчиков вместе. Если сработает один из датчиков, а другой датчик в этой перекрестной зоне сработает в течение времени, установленного в этом поле, сработает тревога.

                                    Примечание: Это расширенная функция. Мы не рекомендуем использовать эту опцию, если вы не знакомы с ней.

                                    1. Доступ к Управление датчиками .( Настройки > Настройки пользователя/установщика > введите PIN-код пользователя / установщика > Управление датчиком ).

                                    2. Коснитесь значка Редактировать датчик .

                                    3. Прокрутите вниз, чтобы просмотреть Cross-Zone, а затем нажмите Enabled .
                                    4. Повторите шаги со 2 по 3 для каждой зоны, которую нужно добавить в кросс-зону.

                                       

                                      Изменение настроек датчика

                                      Каждый датчик ClareOne можно настроить в соответствии с предпочтениями пользователя.Выполните следующие действия, чтобы получить доступ к управлению датчиками. Для получения полной информации о настройках датчика см. Примечания по интеграции датчиков ClareOne (DOC ID 1931).

                                      Примечание: Эти параметры не следует изменять без надлежащего опыта и знаний в области безопасности. Изменяйте эти настройки только в том случае, если вы с ними знакомы.

                                      Чтобы изменить настройки датчика:

                                      1. Доступ к Управление датчиками . ( Настройки > Настройки пользователя/установщика > Введите PIN-код пользователя / установщика > Управление датчиком ).

                                      2. Коснитесь значка Редактировать датчик .

                                      3. Выберите нужное поле для редактирования.

                                       

                                      Перезапустить

                                      Кнопка «Перезапустить» позволяет пользователю/установщику перезапустить панель ClareOne.

                                      Примечание: Во время перезапуска панель не работает. Аварийные сигналы и датчики не активны.

                                      Рисунок 26. Перезапуск

                                      Для перезагрузки панели:

                                      1. Коснитесь Настройки , а затем коснитесь Настройки пользователя/Настройки установщика .

                                        Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                        Системный тест

                                        Страница «Проверка системы» позволяет пользователю/установщику проверить различные функции панели, чтобы выявить и устранить проблемы. Запустите тесты, чтобы убедиться, что панель работает правильно после окончательной установки панели.

                                        Примечания

                                        • Панель следует проверять после установки, а также еженедельно, чтобы убедиться в правильности ее работы.
                                        • При тестировании панели убедитесь, что панель питается только от батареи. Отключите панель от сетевой розетки, а затем выполните требуемые тесты.
                                        • Детекторы дыма всегда следует проверять ежемесячно и после срабатывания сигнализации.
                                        Рисунок 27: Тест системы

                                        Для проверки панели:

                                        1. Отключите панель от сетевой розетки.
                                        2. Посмотрите на отображаемое состояние панели, убедитесь, что она находится в нормальном режиме ожидания без текущих аварийных сигналов.
                                        3. Неисправность/обрыв одного из сопряженных датчиков.
                                          Панель озвучивает, что датчик не готов, и неисправный датчик теперь помечен как не готовый на странице Безопасность.
                                        4. Доступ к странице проверки системы панели.
                                          Настройки > Настройки пользователя/установщика > Введите пользователя / PIN-код установщика > Проверка системы
                                        5. Нажмите и запустите нужный тест. См. следующий список тестов для определения теста .
                                          Сотовый тест

                                          На странице Cellular Test отображается текущая сотовая информация панели.

                                          Рисунок 28. Сотовый тест

                                          Тест датчика

                                          Страница проверки датчиков позволяет пользователю проверить каждый датчик в своей системе. Срабатывание датчика подтверждает, что датчик в настоящее время обменивается данными с панелью.

                                          Рис. 29. Тест датчика

                                          Проверка сирены

                                          Страница проверки сирены позволяет пользователю проверить, работает ли сирена.

                                          Рисунок 30: Тест сирены

                                           

                                          Тест Wi-Fi

                                          Страница тестирования WiFi позволяет пользователю/установщику видеть подключенный WiFi и его статус.

                                          Примечание: Этот тест может занять до 60 секунд.

                                          Рисунок 32. Тест WiFi

                                           

                                          Проверить наличие обновлений

                                          Эта функция позволяет пользователю/установщику проверять наличие обновлений панели. Это используется, когда обновление было отклонено или пользователь не уверен в своей текущей прошивке панели.

                                          Примечания:

                                          • Проверка обновлений доступна как в настройках пользователя, так и в настройках установщика.
                                          • Панель автоматически предлагает пользователю выполнить обновление, когда обновления становятся доступными.
                                          Рис. 33. Проверка наличия обновлений

                                          Для проверки обновлений:

                                          1. Коснитесь Настройки , затем коснитесь Настройки пользователя/установщика .
                                          2. При появлении запроса введите PIN-код мастера/установщика.
                                          3. Коснитесь Проверить наличие обновлений .

                                            Примечание: Если панель обновлена, обновление не предлагается.

                                          4. Коснитесь Обновить сейчас .


                                            Начинается процесс обновления.

                                           

                                              Сброс панели

                                              Эта функция позволяет пользователю установить панель по умолчанию.

                                              Примечания

                                              • Сброс панели доступен только в настройках установщика.
                                              • При выполнении сброса панели панель теряет все настроенные зоны, пользователей и настройки часового пояса.
                                              Рис. 34: Сброс панели

                                              Для сброса панели:

                                              1. Коснитесь Настройки , затем коснитесь Настройки установщика .
                                              2. Введите PIN-код установщика, как будет предложено.
                                              3. Коснитесь Сброс панели .
                                              4. Прочтите всплывающее предупреждение и нажмите Сброс панели .

                                               

                                              Демонстрационный режим

                                              Режим позволяет пользователю увидеть работающую демонстрацию панели. Пользователь может добавлять и удалять избранные плитки, управлять безопасностью и просматривать события.

                                              Примечание. Демонстрационный режим доступен только в настройках установщика.

                                              Рисунок 35: Демонстрационный режим

                                              Для входа в демонстрационный режим:

                                              1. Коснитесь Настройки , затем коснитесь Настройки установщика .

                                                Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                Аварийный

                                                Кнопка экстренного вызова всегда доступна в строке меню. Эта кнопка дает пользователю мгновенный доступ к аварийным опциям. Используйте эту кнопку, чтобы связаться с контролируемой центральной вызывной станцией для экстренной связи.

                                                Рис. 36: Аварийные варианты

                                                При нажатии кнопки пользователь переходит к экрану экстренной помощи, показанному на рис. 37: Параметры экстренной помощи.Затем пользователь выбирает тип аварийной ситуации.

                                                Аварийные опции

                                                На экране «Экстренная ситуация» есть 3 варианта: «Полицейская паника», «Пожарная паника» и «Вспомогательная паника». Вспомогательные и полицейские службы экстренной помощи также имеют опцию «Тихая паника».

                                                Параметр «Тихая паника» позволяет пользователю отправить вспомогательную или полицейскую панику без звука. Эта опция возвращает пользователя на главный экран, после чего с ним связывается по телефону контролируемая центральная вызывная станция.

                                                Рис. 37: Аварийные варианты

                                                Полицейская паника

                                                Эта кнопка вызывает полицейскую экстренную службу на контролируемую станцию ​​сигнализации.После нажатия он набирает номер пользователя. Когда станция отвечает, экран меняется, и пользователь может общаться с ними посредством двусторонней голосовой связи.

                                                Примечание: Когда станция вызывается с помощью тихой паники, двусторонняя связь недоступна.

                                                Рисунок 38: Полицейская паника в чрезвычайной ситуации

                                                Рисунок 39: Связь с полицией по чрезвычайным ситуациям

                                                Пожарная паника

                                                Эта кнопка отправляет немедленный сигнал пожарной тревоги на центральную станцию.

                                                Рисунок 40: Аварийная пожарная паника

                                                Вспомогательная аварийная сигнализация

                                                Эта кнопка вызывает контролируемую станцию ​​аварийной сигнализации с дополнительным аварийным вызовом.

                                                Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                Основная операция

                                                В этом разделе описаны основные операции с панелью ClareOne, включая условия и рекомендации по обслуживанию.

                                                Состояние панели

                                                Панель ClareOne имеет несколько состояний. Каждое состояние по-разному влияет на панель и доступ пользователя.

                                                Нормальный режим ожидания: Это нормальное состояние панели. В этом состоянии все доступно для пользователя/установщика при использовании соответствующих PIN-кодов. Аварийных сигналов или предупреждений нет.

                                                Аварийный сигнал: На панель поступает аварийный сигнал. Центральная станция уведомляется в соответствии со временем передачи, заданным в разделе «Безопасность и постановка на охрану».

                                                Примечание: Центральная станция уведомляется только в том случае, если у пользователя есть мониторинг.

                                                Проверка сигнализации: Сигнализация панели должна регулярно проверяться; рекомендуется раз в неделю. Используйте тест сирены, чтобы проверить, работает ли сирена. См. Тест системы. Этот тест не вызывает тревогу центральной станции, это локальный тест.

                                                Неисправность: Панель в настоящее время находится в состоянии неисправности. Например, села батарейка датчика. Список всех условий неисправности см. в разделе Условия неисправности.

                                                Trouble Silence: Отключает звуковой сигнал из-за неисправности. Аварийная тишина действует в течение 12 часов, после чего звуковые сигналы аварии продолжаются.

                                                 

                                                Светодиодная панель

                                                Панель ClareOne оснащена светодиодным индикатором внизу по центру, см. Рисунок 1: Панель ClareOne. Светодиод отражает состояние панели.

                                                Цветной светодиод

                                                Состояние панели

                                                Синий

                                                Панель готова.

                                                Желтый

                                                Панель неисправна/не готова.

                                                Красный

                                                Панель в состоянии тревоги.

                                                Выкл.

                                                Панель работает от батареи или питание отсутствует, и панель выключена.

                                                 

                                                Техническое обслуживание

                                                Панель следует использовать и проверять еженедельно.Тестирование должно включать проверку связи между датчиками и панелью, проверку правильности работы сигнализации, проверку работы от батареи и проверку работоспособности сетей связи.

                                                Информацию о проверке панели и датчика см. в разделе Проверка системы. Информацию об обслуживании батареи см. в разделе «Технические характеристики и техническое обслуживание батареи Panel».

                                                Детектор дыма

                                                Панель ClareOne не имеет возможности прямой проводки для подключения и контроля дымовых извещателей.Датчик дыма ClareOne использует беспроводное соединение с панелью. Нажатие кнопки проверки на датчике дыма включает сирену в датчике, а также предупреждает панель. Все детекторы дыма должны регулярно проверяться и тестироваться. В случае низкого заряда батареи в датчике дыма на панель будет отправлено уведомление. Для получения более подробной информации о тестировании датчика дыма обратитесь к руководству по датчику дыма.

                                                ПРЕДУПРЕЖДЕНИЕ: В ЭТОМ УСТРОЙСТВЕ ИМЕЕТСЯ ФУНКЦИЯ ПРОВЕРКИ СИГНАЛА СИГНАЛА СИГНАЛА СИСТЕМНОЙ СИГНАЛА ОТ УКАЗАННЫХ ЦЕПЕЙ.ОБЩАЯ ЗАДЕРЖКА (БЛОК УПРАВЛЕНИЯ ПЛЮС ДАТЧИКИ ДЫМА) НЕ ДОЛЖНА ПРЕВЫШАТЬ 60 СЕКУНД. НИКАКИЕ ДРУГИЕ ДАТЧИКИ ДЫМА НЕ ДОЛЖНЫ ПОДКЛЮЧАТЬСЯ К ЭТИ ЦЕПЯМ.

                                                ПРЕДУПРЕЖДЕНИЕ : CET APPAREIL COMPREND UNE FUNCTION DE VÉRIFICATION D'ALARME QUI RÉSULTERA PAR UN RETARD DU SIGNAL D'ALARME DU SYSTÈME DES DES CIRCUIES INDIQUÉS. LE RETARD TOTAL (UNITÉ DE COMMANDE PLUS DÉTECTEURS DE FUMÉE) NE DOIT PAS DÉPASSER 60 SECONDES. AUCUN AUTRE DÉTECTEUR DE FUMÉE NE SERA CONNU À CES CIRCUITS.

                                                Связаться с

                                                В случае неисправности панели обратитесь к местному дилеру или в центр мониторинга, указанные ниже.

                                                Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                План эвакуации

                                                Всем рекомендуется иметь план эвакуации, чтобы безопасно уйти в случае пожара или чрезвычайной ситуации. Составьте план эвакуации для обеспечения безопасности. См. информацию об эвакуации Национальной ассоциации противопожарной защиты (NFPA).

                                                https://www.nfpa.org/Public-Education/Staying-safe/Preparedness/Escape-planning

                                                NFPA рекомендует следующие советы по планированию и планы действий:

                                                Советы по планированию побега

                                                • Соберите вместе всех домочадцев и составьте план.Пройдитесь по своему дому и осмотрите все возможные выходы и пути эвакуации. Домохозяйствам с детьми следует подумать о том, чтобы нарисовать план своего дома, отметив два выхода из каждой комнаты, включая окна и двери. Кроме того, отметьте расположение каждой дымовой пожарной сигнализации.
                                                • Закрытая дверь может замедлить распространение дыма, тепла и огня. Установите датчики дыма в каждой спальной комнате, за пределами каждой спальной зоны и на каждом уровне дома. NFPA 72, Национальный кодекс пожарной сигнализации® требует наличия взаимосвязанных пожарных извещателей по всему дому.Когда звучит один, звучат все.
                                                • Когда вы будете выполнять свой план, убедитесь, что пути эвакуации свободны, а двери и окна можно легко открыть.
                                                • Выберите место встречи вне дома (например, дом соседа, фонарный столб, почтовый ящик или знак остановки) на безопасном расстоянии перед вашим домом, где каждый может встретиться после побега. Обязательно отметьте место встречи в плане побега.
                                                • Выйдите на улицу и посмотрите, хорошо ли виден ваш номер улицы с дороги.Если нет, нарисуйте его на бордюре или напишите номера домов, чтобы спасатели могли найти ваш дом.
                                                • Пусть все запомнят номер экстренной службы пожарной охраны. Таким образом, любой член домохозяйства может позвонить из дома соседа или с мобильного телефона, находясь на безопасном расстоянии от дома.
                                                • Если есть младенцы, пожилые люди или члены семьи с ограниченными физическими возможностями, убедитесь, что им назначен кто-то, кто поможет им в учениях по пожарной безопасности и в случае чрезвычайной ситуации.Назначьте также резервного человека на случай, если назначенный не окажется дома во время чрезвычайной ситуации.
                                                  Если в вашем доме на окнах или дверях есть защитная решетка, убедитесь, что на решетке есть устройства аварийного открывания внутри, чтобы их можно было немедленно открыть в экстренной ситуации. Устройства аварийного сброса не поставят под угрозу вашу безопасность, но они увеличат ваши шансы на безопасный выход из домашнего пожара.
                                                • Расскажите гостям или посетителям вашего дома о плане спасения вашей семьи при пожаре. Останавливаясь на ночь в чужих домах, спросите об их плане побега.Если у них нет готового плана, предложите помочь им составить его. Это особенно важно, когда детям разрешается посещать "ночевки" в домах друзей. См. информационный бюллетень NFPA «Пожарная безопасность для детей».
                                                • Будьте полностью готовы к настоящему пожару: когда сработает пожарная сигнализация, немедленно выходите. Жителям многоэтажек и многоквартирных домов может быть безопаснее «обороняться на месте».
                                                • Как только ты вышел, держись подальше! Ни при каких обстоятельствах не возвращайтесь в горящее здание.Если кто-то пропал, сообщите об этом диспетчеру пожарной охраны при звонке. У пожарных есть навыки и оборудование для проведения спасательных работ.

                                                Проверь свой план

                                                • Дважды в год отрабатывайте план эвакуации дома при пожаре, делая его максимально реалистичным.
                                                • Внесите в свой план меры для всех членов вашего дома, имеющих инвалидность.
                                                • Позвольте детям освоить планирование пожарной эвакуации и потренироваться, прежде чем проводить учения по пожарной безопасности ночью, когда они спят.Цель состоит в том, чтобы попрактиковаться, а не напугать, поэтому сказать детям, что будет упражнение перед сном, может быть так же эффективно, как и упражнение-сюрприз.
                                                • Во время учений важно определить, могут ли дети и другие люди легко проснуться от звука пожарной сигнализации. Если они не проснутся, убедитесь, что кто-то назначен, чтобы разбудить их в рамках учений и в реальной чрезвычайной ситуации.
                                                • Если в вашем доме два этажа, каждый член семьи (включая детей) должен иметь возможность выбраться из комнат второго этажа.Эвакуационные лестницы могут быть размещены в окнах или рядом с ними, чтобы обеспечить дополнительный путь эвакуации. Внимательно ознакомьтесь с инструкциями производителя, чтобы иметь возможность использовать безопасную лестницу в чрезвычайной ситуации. Потренируйтесь устанавливать лестницу из окна первого этажа, чтобы убедиться, что вы можете сделать это правильно и быстро. Дети должны заниматься только со взрослыми и только из окна первого этажа. Храните лестницу возле окна в легкодоступном месте. Вам не нужно искать его во время пожара.
                                                • Всегда выбирайте наиболее безопасный путь эвакуации — тот, где меньше всего дыма и тепла, — но будьте готовы при необходимости уйти под ядовитым дымом. Когда вы проводите учения по пожарной безопасности, все члены семьи должны попрактиковаться в том, чтобы спуститься вниз и пройти под дымом к вашему выходу.
                                                • Закрытие дверей на пути к выходу замедляет распространение огня, давая вам больше времени для безопасного побега.
                                                • В некоторых случаях дым или огонь могут помешать вам покинуть дом или многоквартирный дом.Чтобы подготовиться к такой чрезвычайной ситуации, потренируйтесь «изолировать себя в целях безопасности» в рамках плана спасения дома от пожара. Закройте все двери между вами и огнем. Используйте клейкую ленту или полотенца, чтобы заклеить дверные щели и закрыть вентиляционные отверстия, чтобы предотвратить попадание дыма внутрь. Если возможно, откройте окна сверху и снизу, чтобы внутрь поступал свежий воздух. Позвоните в пожарную службу и сообщите свое точное местонахождение. Помахайте фонариком или светлой тряпкой у окна, чтобы сообщить пожарным, где вы находитесь.

                                                  Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                  Глоссарий

                                                   

                                                  Срок

                                                  Определение

                                                  Байпас

                                                  Состояние, используемое для постановки системы безопасности на охрану, когда зона (датчик) неисправна (разомкнута).

                                                  Код принуждения

                                                  Код, который отправляет экстренное оповещение на контролируемую центральную вызывную станцию.

                                                  Поперечная зона

                                                  Этот параметр связывает 2 или более датчиков вместе. Если сработает один из датчиков, а другой датчик в этой перекрестной зоне сработает в течение времени, установленного в этом поле, будет отправлена ​​тревога.

                                                  Ошибка

                                                  Состояние зоны (датчика), которая открыта, батарея разряжена или находится в любом другом состоянии, кроме готовности.

                                                  Зона

                                                  Название охранного датчика.

                                                  Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                  Приложения

                                                  Следующие пункты включены в руководство ClareOne для удобства пользователя.

                                                   

                                                  Краткий справочник
                                                  Неисправности
                                                  Отслеживание списка зон панели
                                                  Установки датчиков и спецификации

                                                   

                                                   

                                                  Краткое описание

                                                  Следующая информация о панели ClareOne представлена ​​в форме краткого справочника для удобства пользователя.

                                                  Таблица 5: Краткий справочник

                                                  Особенность

                                                  Краткая справочная информация

                                                  Задержка на выход

                                                  Задержка на выход — это время в секундах, в течение которого панель ожидает срабатывания тревоги перед отправкой сообщения на центральную станцию ​​безопасности.

                                                  Эту функцию можно найти и изменить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).Отредактируйте задержку на выход для каждой зоны входа, коснувшись значка карандаша рядом с каждой зоной входа.

                                                  Время выхода Перезапуск

                                                  Функция «Перезапуск времени выхода» позволяет пользователю панели исправить любые случайные открытия зон во время процесса тревоги. Время выхода автоматически перезапускается, если зона входа открывается и закрывается 2 раза в течение задержки на выход. Если зона все еще открыта по истечении задержки на выход, срабатывает тревога зоны, а затем инициируется задержка на вход.Если панель не снята с охраны в течение окна прерывания, на центральную станцию ​​отправляется сигнал тревоги.

                                                  Автоматическая постановка на охрану

                                                  Этот параметр включает/отключает игнорирование по умолчанию режима охраны. Когда эта функция включена, охрана ставится на охрану, если нет выхода (выход через входную зону).

                                                  Эту функцию можно найти и изменить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).

                                                  Задержка на вход

                                                  Задержка на вход — это время в секундах, которое панель ожидает при срабатывании тревоги, чтобы панель была снята с охраны перед отправкой сообщения на центральную станцию ​​безопасности.

                                                  Эту функцию можно найти и изменить в разделе «Управление датчиками»
                                                  (Настройки > Настройки установщика > Управление датчиками). Отредактируйте задержку на вход для каждой зоны входа, коснувшись значка карандаша рядом с каждой зоной входа.

                                                  Уведомление о прогрессе (введите)

                                                  Подается звуковой сигнал при входе в помещение через входную зону, когда панель поставлена ​​на охрану.Панель должна быть снята с охраны в течение окна задержки на вход, иначе тревога будет отправлена ​​на центральную станцию.

                                                  Системное подтверждение

                                                  Виджет/значок безопасности ClareOne должен быть добавлен на страницу Избранное/Домашняя страница приложения ClareHome для просмотра состояния панели сигнализации ClareOne. Дополнительную информацию см. в Руководстве по приложению ClareHome (DOC ID 1750).

                                                  Дистанционная постановка на охрану

                                                  Виджет/значок безопасности ClareOne необходимо добавить на страницу избранного/домашнюю страницу приложения ClareHome, чтобы удаленно активировать панель безопасности ClareOne.Дополнительную информацию см. в Руководстве по приложению ClareHome (DOC ID 1750).

                                                  Задержка передачи

                                                  Время в секундах, которое панель ожидает при срабатывании тревоги перед отправкой сообщения на центральную станцию ​​безопасности.

                                                  Эту функцию можно найти и изменить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).

                                                  Снятие с охраны (отмена)

                                                  Сигналы тревоги можно отключить, введя один PIN-код пользователя.Тревога панели отключается после ввода первой цифры PIN-кода, но возобновляется, если ввод PIN-кода прерывается.

                                                  См. Операционная безопасность на стр. 22.

                                                  Использование функции принуждения

                                                  Эта функция включает/отключает возможность использования кода принуждения. Коды принуждения по-прежнему можно создавать в настройках пользователя.

                                                  Эту функцию можно найти и изменить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).

                                                  Код принуждения

                                                  Пользователи мастер-ПИН

                                                  могут создавать, редактировать или удалять пользователя по принуждению. Допускается только один PIN-код пользователя под принуждением. Убедитесь, что операция кода принуждения включена в настройках безопасности и постановки на охрану, по умолчанию она отключена.

                                                  Эту функцию можно найти и изменить в разделе «Управление датчиками»
                                                  (Настройки > Настройки установщика > Управление датчиками).

                                                  Перекрестное зонирование

                                                  Связывает 2 или более датчиков вместе.Если сработает один из датчиков, а другой датчик в этой перекрестной зоне сработает в течение времени, установленного в этом поле, сработает тревога.

                                                  Эту функцию можно найти и включить/отключить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).

                                                  Отключение свингеров

                                                  Количество раз, когда панель игнорирует повторное срабатывание датчика при выходе (ложная тревога).

                                                  Эту функцию можно найти и изменить в разделе «Безопасность и постановка на охрану»
                                                  («Настройки» > «Настройки установщика» > «Безопасность и постановка на охрану»).

                                                  Пожарная сигнализация

                                                  Проверка пожара выполняется в доступном дымовом извещателе ClareOne.

                                                  В нормальных условиях датчик каждые 4 секунды проверяет камеру на наличие дыма. При первом обнаружении дыма датчик удваивает частоту проверки камеры каждые 2 секунды. Датчик дыма включает сирену и включает тревогу в течение 10 секунд после достижения установленных уровней тревоги.

                                                  Тест системы

                                                  Тест системы

                                                  1. Установщик должен завершить установку всех зон сигнализации и записать их в соответствии с номером зоны и расположением в предоставленной таблице.См. стр. 77 или Отслеживание зон панели ClareOne (DOC ID 1930).
                                                  2. Установщик должен проверить на панели, что все зоны работают соответствующим образом.
                                                  3. Установщик должен убедиться, что все зоны записаны на центральной станции.
                                                  4. Установщик должен связаться с центральной станцией в соответствии с политикой тестирования центральной станции и сообщить им, что они инициируют проверку для конкретной учетной записи. Информация об учетной записи записывается и поддерживается монтажной компанией, также известной как «Дилер».
                                                  5. Установщик должен протестировать доставку тревог всех зон на центральную станцию ​​в соответствии с политикой тестирования отдельной центральной станции.
                                                  6. Установщик должен записать все результаты проверки для дилера и домовладельца/пользователя.
                                                  7. Установщик должен связаться с центральной станцией в соответствии с политикой тестирования центральной станции и сообщить им, что они завершили тестирование для конкретной учетной записи.

                                                   

                                                   

                                                   

                                                  Условия неисправности

                                                  Это список всех возможных состояний неисправности панели и зон/датчиков.

                                                  Таблица 6: Неисправности

                                                  Состояние

                                                  Описание

                                                  Звуковой сигнал

                                                  Зона(ы) Низкий заряд батареи

                                                  Батарея датчика/зоны разряжена.

                                                  «Зоны разряжены»

                                                  Отсутствует батарея

                                                  Батарея панели не обнаружена или не установлена.

                                                  «Нет батареи»

                                                  Сбой связи CS

                                                  Потеряна связь с ПЦН.

                                                  «Сбой связи CS»

                                                  Стеновой тампер панели

                                                  Сработал тампер панели.

                                                  «Тампер стеновой панели»

                                                  Зона(ы) Тампер

                                                  Сработал тампер зоны/датчика.

                                                  «Саботаж зон»

                                                  Зона(ы) Тревога

                                                  Тревога в одной или нескольких зонах/датчиках.

                                                  Звук сирены

                                                  Сбой питания переменного тока

                                                  Питание переменного тока отсутствует/отключено.

                                                  «Сбой питания переменного тока»

                                                  Батарея панели разряжена

                                                  Заряд батареи панели низкий.

                                                  «Батарейка панели разряжена»

                                                  Неисправность Ethernet

                                                  Соединение Ethernet или WiFi потеряно.

                                                  «Неисправность Ethernet»

                                                  Зона(ы) Проблема

                                                  Зона/датчик потерял связь с панелью.

                                                  «Потерянная зона контроля»

                                                   

                                                   

                                                  Отслеживание списка зон панели

                                                  Распечатайте эти страницы, чтобы установщик мог использовать их для отслеживания зоны панели.Для получения отдельной копии этого листа см. Отслеживание зоны панели ClareOne (DOC ID 1930).

                                                   

                                                  Зона #

                                                  Имя

                                                  Зона #

                                                  Имя

                                                  1

                                                   

                                                  31

                                                   

                                                  2

                                                   

                                                  32

                                                   

                                                  3

                                                   

                                                  33

                                                   

                                                  4

                                                   

                                                  34

                                                   

                                                  5

                                                   

                                                  35

                                                   

                                                  6

                                                   

                                                  36

                                                   

                                                  7

                                                   

                                                  37

                                                   

                                                  8

                                                   

                                                  38

                                                   

                                                  9

                                                   

                                                  39

                                                   

                                                  10

                                                   

                                                  40

                                                   

                                                  11

                                                   

                                                  41

                                                   

                                                  12

                                                   

                                                  42

                                                   

                                                  13

                                                   

                                                  43

                                                   

                                                  14

                                                   

                                                  44

                                                   

                                                  15

                                                   

                                                  45

                                                   

                                                  16

                                                   

                                                  46

                                                   

                                                  17

                                                   

                                                  47

                                                   

                                                  18

                                                   

                                                  48

                                                   

                                                  19

                                                   

                                                  49

                                                   

                                                  20

                                                   

                                                  50

                                                   

                                                  21

                                                   

                                                  51

                                                   

                                                  22

                                                   

                                                  52

                                                   

                                                  23

                                                   

                                                  53

                                                   

                                                  24

                                                   

                                                  54

                                                   

                                                  25

                                                   

                                                  55

                                                   

                                                  26

                                                   

                                                  56

                                                   

                                                  27

                                                   

                                                  57

                                                   

                                                  28

                                                   

                                                  58

                                                   

                                                  29

                                                   

                                                  59

                                                   

                                                  30

                                                   

                                                  60

                                                   

                                                  61

                                                   

                                                  95

                                                   

                                                  62

                                                   

                                                  96

                                                   

                                                  63

                                                   

                                                  97

                                                   

                                                  64

                                                   

                                                  98

                                                   

                                                  65

                                                   

                                                  99

                                                   

                                                  66

                                                   

                                                  100

                                                   

                                                  67

                                                   

                                                  101

                                                   

                                                  68

                                                   

                                                  102

                                                   

                                                  69

                                                   

                                                  103

                                                   

                                                  70

                                                   

                                                  104

                                                   

                                                  71

                                                   

                                                  105

                                                   

                                                  72

                                                   

                                                  106

                                                   

                                                  73

                                                   

                                                  107

                                                   

                                                  74

                                                   

                                                  108

                                                   

                                                  75

                                                   

                                                  109

                                                   

                                                  76

                                                   

                                                  110

                                                   

                                                  77

                                                   

                                                  111

                                                   

                                                  78

                                                   

                                                  112

                                                   

                                                  79

                                                   

                                                  113

                                                   

                                                  80

                                                   

                                                  114

                                                   

                                                  81

                                                   

                                                  115

                                                   

                                                  82

                                                   

                                                  116

                                                   

                                                  83

                                                   

                                                  117

                                                   

                                                  84

                                                   

                                                  118

                                                   

                                                  85

                                                   

                                                  119

                                                   

                                                  86

                                                   

                                                  120

                                                   

                                                  87

                                                   

                                                  121

                                                   

                                                  88

                                                   

                                                  122

                                                   

                                                  89

                                                   

                                                  123

                                                   

                                                  90

                                                   

                                                  124

                                                   

                                                  91

                                                   

                                                  125

                                                   

                                                  92

                                                   

                                                  126

                                                   

                                                  93

                                                   

                                                  127

                                                   

                                                  94

                                                   

                                                  128

                                                   

                                                   

                                                  Установки датчиков и технические характеристики

                                                  Примечание: Максимальное расстояние, на котором датчик и панель могут обмениваться данными, может быть меньше, если оборудование установлено в обычном доме.Размещение датчика, строительные материалы и конструкция, расположение зеркал и других устройств, создающих помехи/блокирующих РЧ, — все это может уменьшить общий диапазон. Лучше всего тестировать стационарные датчики (двери/окна, движения, угарного газа, дыма и т. д.) с панелью в их фактическом месте установки, чтобы убедиться, что они будут работать должным образом, прежде чем окончательная установка будет завершена. Панель предоставляет информацию об уровне сигнала датчика, которую можно найти на экране управления датчиками, как показано ниже.

                                                  Рекомендуется, чтобы датчики имели мощность сигнала не менее 3 делений в месте их окончательной установки. Если вы не можете получить как минимум 1 бар, попробуйте изменить положение датчика и проверить переменные среды, чтобы добиться большей мощности сигнала. Зеркала, стекло и приборы между датчиком и панелью могут влиять на мощность сигнала. Все, что находится на пути прямой видимости, сокращает расстояние, на которое сигнал может надежно пройти. Объекты по-разному влияют на сигнал в зависимости от их материала.

                                                  См. полный PDF-файл.

                                                  Полный PDF — Руководство пользователя ClareOne Wireless Security и Smart Home Panel (DOC ID 1871)

                                                  Программирование графического пользовательского интерфейса Python с помощью Tkinter — настоящий Python

                                                  Python имеет множество графических фреймворков, но Tkinter — единственный фреймворк, встроенный в стандартную библиотеку Python. У Tkinter есть несколько сильных сторон. Это кроссплатформенный , поэтому один и тот же код работает в Windows, macOS и Linux. Визуальные элементы визуализируются с использованием собственных элементов операционной системы, поэтому приложения, созданные с помощью Tkinter, выглядят так, как будто они принадлежат платформе, на которой они выполняются.

                                                  Несмотря на то, что де-факто Tkinter считается графическим интерфейсом Python, он не лишен критики. Одна заметная критика заключается в том, что графические интерфейсы, созданные с помощью Tkinter, выглядят устаревшими. Если вам нужен блестящий современный интерфейс, то Tkinter может быть не тем, что вы ищете.

                                                  Однако Tkinter легковесен и относительно безболезнен в использовании по сравнению с другими фреймворками. Это делает его убедительным выбором для создания приложений с графическим интерфейсом на Python, особенно для приложений, где современный блеск не нужен, а главным приоритетом является быстрое создание чего-то функционального и кроссплатформенного.

                                                  После того, как вы овладеете этими навыками, выполняя упражнения в конце каждого раздела, вы сможете связать все вместе, создав два приложения. Первый — преобразователь температуры, а второй — текстовый редактор. Пришло время погрузиться и посмотреть, как создать приложение с помощью Tkinter!

                                                  Создание вашего первого приложения с графическим интерфейсом Python с помощью Tkinter

                                                  Основополагающим элементом графического интерфейса Tkinter является окно . Окна — это контейнеры, в которых живут все остальные элементы графического интерфейса.Эти другие элементы графического интерфейса, такие как текстовые поля, метки и кнопки, известны как виджеты . Виджеты находятся внутри окон.

                                                  Сначала создайте окно, содержащее один виджет. Запустите новый сеанс оболочки Python и следуйте инструкциям!

                                                  Примечание: Все примеры кода в этом руководстве были протестированы в Windows, macOS и Ubuntu Linux 18.04 с Python версий 3.6, 3.7 и 3.8.

                                                  Если вы установили Python с помощью официальных установщиков, доступных для Windows и macOS от python.org, то у вас не должно возникнуть проблем с запуском примера кода. Вы можете смело пропустить остальную часть этой заметки и продолжить обучение!

                                                  Если вы не установили Python с помощью официальных установщиков или для вашей системы нет официального дистрибутива, то вот несколько советов по началу работы.

                                                  Python на macOS с Homebrew:

                                                  Дистрибутив Python для macOS, доступный в Homebrew, не поставляется в комплекте с зависимостью Tcl/Tk, необходимой для Tkinter.Вместо этого используется версия системы по умолчанию. Эта версия может быть устаревшей и не позволит вам импортировать модуль Tkinter. Чтобы избежать этой проблемы, используйте официальный установщик macOS.

                                                  Ubuntu Linux 16.04:

                                                  Последняя версия Python, доступная в репозитории Ubuntu Linux 16.04 Universe, — 3.5. Вы можете установить последнюю версию с помощью Deadsnakes PPA. Вот команды для настройки PPA и загрузки последней версии Python с правильной версией Tcl/Tk:

                                                  .
                                                    $ sudo add-apt-repository ppa:deadsnakes/ppa
                                                  $ sudo apt-получить обновление
                                                  $ sudo apt-get установить python3.8 python3-tk
                                                    

                                                  Первые две команды добавляют PPA-репозиторий deadsnakes в список репозиториев вашей системы, а последняя команда устанавливает Python 3.8 и модуль Python GUI Tkinter.

                                                  Ubuntu Linux 18.04:

                                                  Вы можете установить последнюю версию Python с правильной версией Tcl/Tk из репозитория Universe с помощью следующей команды:

                                                    $ sudo apt-get установить python3.8 python3-tk
                                                    

                                                  Это устанавливает Python 3.8, а также модуль Python GUI Tkinter.

                                                  Другие версии Linux:

                                                  Если вы не можете получить работающую установку Python на своей версии Linux, вы можете собрать Python с правильной версией Tcl/Tk из исходного кода. Пошаговое руководство по этому процессу см. в Руководстве по установке и настройке Python 3.

                                                  Когда ваша оболочка Python открыта, первое, что вам нужно сделать, это импортировать модуль Python GUI Tkinter:

                                                  >>>
                                                    >>> импортировать tkinter как tk
                                                    

                                                  Окно является экземпляром класса Tkinter Tk .Идем дальше и создаем новое окно и назначаем его переменной window :

                                                  Когда вы выполняете приведенный выше код, на вашем экране появляется новое окно. Как это выглядит, зависит от вашей операционной системы:

                                                  В оставшейся части этого руководства вы будете видеть скриншоты Windows.

                                                  Добавление виджета

                                                  Теперь, когда у вас есть окно, вы можете добавить виджет. Используйте класс tk.Label , чтобы добавить текст в окно. Создайте виджет Label с текстом «Hello, Tkinter» и назначьте его переменной с именем приветствие :

                                                  . >>>
                                                    >>> приветствие = т.к.Ярлык(текст="Привет, Tkinter")
                                                    

                                                  Созданное ранее окно не изменяется. Вы только что создали виджет Label , но еще не добавили его в окно. Есть несколько способов добавить виджеты в окно. Прямо сейчас вы можете использовать метод .pack() виджета Label :

                                                  Теперь окно выглядит так:

                                                  Когда вы .pack() .pack() виджет помещаете в окно, Tkinter изменяет размер окна настолько, насколько это возможно, при этом полностью охватывая виджет.Теперь выполните следующее:

                                                  Кажется, ничего не происходит, но обратите внимание, что новое приглашение не появляется в оболочке.

                                                  window.mainloop() указывает Python запустить цикл событий Tkinter . Этот метод прослушивает события, такие как нажатия кнопок или клавиш, и блокирует любой код, который следует за ним, до тех пор, пока окно, для которого он вызван, не будет закрыто. Идите вперед и закройте окно, которое вы создали, и вы увидите новое приглашение, отображаемое в оболочке.

                                                  Предупреждение: При работе с Tkinter из Python REPL обновления окон применяются при выполнении каждой строки. Это , а не случай , когда программа Tkinter выполняется из файла Python!

                                                  Если вы не включите window.mainloop() в конце программы в файле Python, приложение Tkinter никогда не запустится и ничего не будет отображаться.

                                                  Создание окна с помощью Tkinter занимает всего пару строк кода.Но пустые окна не очень полезны! В следующем разделе вы узнаете о некоторых виджетах, доступных в Tkinter, и о том, как их можно настроить в соответствии с потребностями вашего приложения.

                                                  Проверьте свое понимание

                                                  Разверните приведенные ниже блоки кода, чтобы проверить, правильно ли вы их поняли:

                                                  Напишите полный скрипт Python, который создает окно Tkinter с текстом «Python рулит!» .

                                                  Окно должно выглядеть так:

                                                  Попробуйте это упражнение сейчас.

                                                  Вы можете развернуть блок кода ниже, чтобы увидеть решение:

                                                  Вот одно из возможных решений:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  label = tk.Label(text="Python рулит!")
                                                  этикетка.pack()
                                                  
                                                  окно.mainloop()
                                                    

                                                  Имейте в виду, что ваш код может выглядеть иначе.

                                                  Когда вы будете готовы, вы можете перейти к следующему разделу.

                                                  Управление компоновкой с помощью менеджеров геометрии

                                                  До сих пор вы добавляли виджеты в окна и виджеты Frame , используя .pack() , но вы так и не узнали, что именно делает этот метод. Давайте проясним ситуацию! Компоновка приложения в Tkinter управляется менеджерами геометрии . Хотя .pack() является примером менеджера геометрии, он не единственный. У Tkinter есть еще два:

                                                  .

                                                  Каждое окно и кадр в вашем приложении могут использовать только один менеджер геометрии. Однако разные фреймы могут использовать разные менеджеры геометрии, даже если они назначены фрейму или окну с помощью другого менеджера геометрии.Начните с внимательного изучения .pack() .

                                                  .pack() Диспетчер геометрии

                                                  .pack() использует алгоритм упаковки для размещения виджетов в кадре или окне в указанном порядке. Для данного виджета алгоритм упаковки состоит из двух основных шагов:

                                                  1. Вычислите прямоугольную область , называемую участком , высота (или ширина) которого достаточна только для размещения виджета и заполняет оставшуюся ширину (или высоту) в окне пустым пространством.
                                                  2. Отцентрируйте виджет на участке , если не указано другое местоположение.

                                                  .pack() мощный, но его может быть трудно визуализировать. Лучший способ получить представление о .pack() — посмотреть несколько примеров. Посмотрите, что происходит, когда вы .pack() три виджета Label в кадре :

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  frame1 = tk.Frame (мастер = окно, ширина = 100, высота = 100, bg = "красный")
                                                  кадр1.пакет()
                                                  
                                                  frame2 = tk.Frame (мастер = окно, ширина = 50, высота = 50, bg = "желтый")
                                                  кадр2.pack()
                                                  
                                                  frame3 = tk.Frame (мастер = окно, ширина = 25, высота = 25, bg = "синий")
                                                  кадр3.пак()
                                                  
                                                  окно.mainloop()
                                                    

                                                  .pack() по умолчанию размещает каждый кадр ниже предыдущего в том порядке, в котором они назначены окну:

                                                  Каждый кадр размещается в самой верхней доступной позиции. Красная рамка расположена в верхней части окна. Затем желтая рамка размещается чуть ниже красной, а синяя рамка чуть ниже желтой.

                                                  Есть три невидимых посылки, содержащие каждый из трех виджетов Frame . Каждый участок такой же ширины, как окно, и такой же высоты, как Frame , который он содержит. Поскольку при вызове .pack() для каждого кадра не была указана точка привязки , все они центрированы внутри своих посылок. Вот почему каждый кадр Frame располагается по центру окна.

                                                  .pack() принимает некоторые аргументы ключевого слова для более точной настройки размещения виджета.Например, можно задать аргумент ключевого слова fill , чтобы указать, в каком направлении должны заполняться кадры. Возможные варианты: tk.X для заполнения в горизонтальном направлении, tk.Y для заполнения по вертикали и tk.BOTH для заполнения в обоих направлениях. Вот как бы вы расположили три кадра так, чтобы каждый из них заполнил все окно по горизонтали:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  frame1 = tk.Frame (мастер = окно, высота = 100, bg = "красный")
                                                  кадр1.пакет(заполнить=tk.X)
                                                  
                                                  frame2 = tk.Frame (мастер = окно, высота = 50, bg = "желтый")
                                                  frame2.pack(fill=tk.X)
                                                  
                                                  frame3 = tk.Frame (мастер = окно, высота = 25, bg = "синий")
                                                  frame3.pack(заполнить=tk.X)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Обратите внимание, что ширина не задана ни для одного из виджетов Frame . ширина больше не нужна, потому что каждый кадр устанавливает .pack() для заполнения по горизонтали, отменяя любую ширину, которую вы можете установить.

                                                  Окно, создаваемое этим сценарием, выглядит так:

                                                  Одна из приятных особенностей заполнения окна числом .pack() заключается в том, что заливка реагирует на изменение размера окна. Попробуйте расширить окно, созданное предыдущим скриптом, чтобы увидеть, как это работает. По мере расширения окна ширина трех виджетов Frame увеличивается, чтобы заполнить окно:

                                                  Обратите внимание, однако, что виджеты Frame не расширяются в вертикальном направлении.

                                                  Аргумент ключевого слова side .pack() определяет, на какой стороне окна должен быть размещен виджет.Вот доступные варианты:

                                                  • тк.ВЕРХ
                                                  • тк.НИЖНЯЯ
                                                  • тк.ЛЕВО
                                                  • тк.ПРАВЫЙ

                                                  Если вы не установите со стороны , то .pack() будет автоматически использовать tk.TOP и размещать новые виджеты в верхней части окна или в самой верхней части окна, которая еще не занято виджетом. Например, следующий сценарий размещает три кадра рядом слева направо и расширяет каждый кадр, чтобы заполнить окно по вертикали:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = ТК.Тк()
                                                  
                                                  frame1 = tk.Frame (мастер = окно, ширина = 200, высота = 100, bg = "красный")
                                                  frame1.pack(заливка=tk.Y, сторона=tk.LEFT)
                                                  
                                                  frame2 = tk.Frame (мастер = окно, ширина = 100, bg = "желтый")
                                                  frame2.pack(заливка=tk.Y, сторона=tk.LEFT)
                                                  
                                                  frame3 = tk.Frame (мастер = окно, ширина = 50, bg = "синий")
                                                  frame3.pack(заливка=tk.Y, сторона=tk.LEFT)
                                                  
                                                  окно.mainloop()
                                                    

                                                  На этот раз вы должны указать аргумент ключевого слова height по крайней мере в одном из фреймов, чтобы заставить окно иметь некоторую высоту.

                                                  Результирующее окно выглядит так:

                                                  Точно так же, как если бы вы установили fill=tk.X , чтобы рамки реагировали при изменении размера окна по горизонтали, вы можете установить fill=tk.Y , чтобы рамки реагировали при изменении размера окна по вертикали:

                                                  Чтобы сделать макет действительно отзывчивым, вы можете установить начальный размер для ваших фреймов, используя атрибуты ширина и высота . Затем установите аргумент ключевого слова fill для .

                                                    импортировать tkinter как tk
                                                  
                                                  окно = ТК.Тк()
                                                  
                                                  frame1 = tk.Frame (мастер = окно, ширина = 200, высота = 100, bg = "красный")
                                                  frame1.pack(fill=tk.BOTH, сторона=tk.LEFT, развернуть=True)
                                                  
                                                  frame2 = tk.Frame (мастер = окно, ширина = 100, bg = "желтый")
                                                  frame2.pack(fill=tk.BOTH, сторона=tk.LEFT, развернуть=True)
                                                  
                                                  frame3 = tk.Frame (мастер = окно, ширина = 50, bg = "синий")
                                                  frame3.pack(fill=tk.BOTH, сторона=tk.LEFT, развернуть=True)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Когда вы запустите приведенный выше сценарий, вы увидите окно, которое первоначально выглядит так же, как и то, которое вы создали в предыдущем примере.Разница в том, что теперь вы можете изменить размер окна по своему усмотрению, а рамки будут расширяться и заполнять окно в ответ:

                                                  Круто!

                                                  .place() Диспетчер геометрии

                                                  Вы можете использовать .place() от до для управления точным положением , которое должен занимать виджет в окне или Frame . Вы должны указать два аргумента ключевого слова, x и y , которые определяют координаты x и y для верхнего левого угла виджета.И 91 234 x 91 235, и 91 234 y 91 235 измеряются в пикселях, а не в текстовых единицах.

                                                  Имейте в виду, что исходной точкой (где x и y являются 0 ) является верхний левый угол кадра или окна. Таким образом, вы можете представить аргумент y функции .place() как количество пикселей от верхней части окна, а аргумент x — как количество пикселей от левого края окна.

                                                  Вот пример того, как .place() Менеджер геометрии работает:

                                                    1импорт tkinter как tk
                                                   2
                                                   3окно = tk.Tk()
                                                   4
                                                   5frame = tk.Frame(мастер=окно, ширина=150, высота=150)
                                                   6frame.pack()
                                                   7
                                                   8label1 = tk.Label(master=frame, text="Я в (0, 0)", bg="red")
                                                   9label1.место(х=0, у=0)
                                                  10
                                                  11label2 = tk.Label(master=frame, text="Я на (75, 75)", bg="желтый")
                                                  12label2.place(x=75, y=75)
                                                  13
                                                  14window.mainloop()
                                                    

                                                  Вот как работает этот код:

                                                  • Строки 5 и 6 создают новый виджет Frame с именем frame1 , шириной 150 пикселей и высотой 150 пикселей, и упаковывают его в окно с .пакет () .
                                                  • Строки 8 и 9 создают новую метку Label с именем label1 с желтым фоном и помещают ее в frame1 в позиции (0, 0).
                                                  • В строках 11 и 12 создайте вторую метку с именем label2 с красным фоном и поместите ее в frame1 в позиции (75, 75).

                                                  Вот окно, которое выдает код:

                                                  .place() используется нечасто.У него два основных недостатка:

                                                  1. Компоновкой может быть сложно управлять с помощью .place() . Это особенно верно, если в вашем приложении много виджетов.
                                                  2. Макеты, созданные с помощью .place() , не реагируют. Они не меняются при изменении размера окна.

                                                  Одной из основных проблем кроссплатформенной разработки графического интерфейса пользователя является создание макетов, которые хорошо выглядят независимо от того, на какой платформе они просматриваются, и .place() — плохой выбор для создания адаптивных и кроссплатформенных макетов.

                                                  Это не значит, что .place() никогда не следует использовать! В некоторых случаях это может быть именно то, что вам нужно. Например, если вы создаете графический интерфейс для карты, то .place() может быть идеальным выбором для обеспечения того, чтобы виджеты размещались на правильном расстоянии друг от друга на карте.

                                                  .pack() обычно лучше, чем .place() , но даже .pack() имеет некоторые недостатки. Размещение виджетов зависит от порядка, в котором .pack() , поэтому может быть сложно модифицировать существующие приложения без полного понимания кода, управляющего компоновкой. Менеджер геометрии .grid() решает многие из этих проблем, как вы увидите в следующем разделе.

                                                  .grid() Диспетчер геометрии

                                                  Чаще всего вы будете использовать менеджер геометрии .grid() , который предоставляет всю мощь .pack() в формате, который легче понять и поддерживать.

                                                  .grid() работает путем разделения окна или кадра на строки и столбцы. Вы указываете местоположение виджета, вызывая .grid() и передавая индексы строк и столбцов в аргументы ключевых слов строк и столбцов соответственно. Индексы строк и столбцов начинаются с 0 , поэтому индекс строки 1 и индекс столбца 2 указывает .grid() разместить виджет в третьем столбце второй строки.

                                                  Следующий сценарий создает сетку 3 × 3 кадров с упакованными в них виджетами Label :

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      для j в диапазоне (3):
                                                          кадр = tk.Frame(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          frame.grid (строка = i, столбец = j)
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          этикетка.pack()
                                                  
                                                  окно.mainloop()
                                                    

                                                  Вот как выглядит результирующее окно:

                                                  В этом примере используются два менеджера геометрии.Каждый кадр прикреплен к окну с помощью менеджера геометрии .grid() :

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      для j в диапазоне (3):
                                                          кадр = tk.Frame(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          frame.grid (строка = i, столбец = j)
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          этикетка.pack()
                                                  
                                                  окно.mainloop()
                                                    

                                                  Каждая этикетка прикреплена к своему мастеру Фрейм с .пакет() :

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      для j в диапазоне (3):
                                                          кадр = tk.Frame(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          frame.grid (строка = i, столбец = j)
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          этикетка.pack()
                                                  
                                                  окно.mainloop()
                                                    

                                                  Здесь важно понимать, что хотя .grid() вызывается для каждого объекта Frame , менеджер геометрии применяется к объекту окна .Точно так же компоновка каждого кадра управляется менеджером геометрии .pack() .

                                                  Кадры в предыдущем примере расположены близко друг к другу. Чтобы добавить немного пространства вокруг каждого Frame , вы можете установить заполнение каждой ячейки в сетке. Padding — это просто пустое пространство, окружающее виджет и визуально отделяющее его от содержимого.

                                                  Два типа прокладок: внешняя и внутренняя прокладка .Внешнее заполнение добавляет некоторое пространство снаружи ячейки сетки. Он управляется двумя ключевыми словами для .grid() :

                                                  .
                                                  1. padx добавляет отступ в горизонтальном направлении.
                                                  2. pady добавляет отступы в вертикальном направлении.

                                                  И padx , и pady измеряются в пикселях, а не в текстовых единицах, поэтому установка для них одного и того же значения создаст одинаковое количество отступов в обоих направлениях.Попробуйте добавить отступы вокруг фреймов в предыдущем примере:

                                                  .
                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      для j в диапазоне (3):
                                                          кадр = tk.Frame(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          frame.grid (строка = i, столбец = j, padx = 5, pady = 5)
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          этикетка.pack()
                                                  
                                                  окно.mainloop()
                                                    

                                                  Вот результирующее окно:

                                                  .pack() также имеет параметры padx и pady . Следующий код почти идентичен предыдущему коду, за исключением того, что вы добавляете 5 пикселей дополнительного отступа вокруг каждого Label в обоих направлениях x и y :

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      для j в диапазоне (3):
                                                          кадр = tk.Frame(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          Рамка.сетка (строка = i, столбец = j, padx = 5, pady = 5)
                                                  
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          label.pack(padx=5, pady=5)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Дополнительные отступы вокруг виджетов Label дают каждой ячейке в сетке небольшое пространство между границей Frame и текстом в Label :

                                                  Выглядит очень мило! Но если вы попытаетесь расширить окно в любом направлении, то заметите, что макет не очень отзывчивый:

                                                  При расширении окна вся сетка остается в верхнем левом углу.

                                                  Вы можете настроить рост строк и столбцов сетки при изменении размера окна с помощью .columnconfigure() и .rowconfigure() объекта окна . Помните, что сетка привязана к окну , даже если вы вызываете .grid() для каждого виджета Frame . Оба .columnconfigure() и .rowconfigure() принимают три основных аргумента:

                                                  1. Индекс столбца или строки сетки , которую вы хотите настроить (или список индексов для одновременной настройки нескольких строк или столбцов)
                                                  2. Аргумент ключевого слова с именем вес , который определяет, как столбец или строка должны реагировать на изменение размера окна относительно других столбцов и строк
                                                  3. Аргумент ключевого слова с именем minsize , который устанавливает минимальный размер высоты строки или ширины столбца в пикселях

                                                  вес по умолчанию установлен на 0 , что означает, что столбец или строка не расширяются при изменении размера окна.Если каждому столбцу и строке присвоить вес 1 , то все они будут расти с одинаковой скоростью. Если вес одного столбца равен 91 234 1 91 235, а другого — 91 234 2 91 235, то второй столбец расширяется в два раза быстрее первого. Откорректируйте предыдущий скрипт, чтобы он лучше обрабатывал изменение размера окна:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  для я в диапазоне (3):
                                                      window.columnconfigure(i, вес=1, минимальный размер=75)
                                                      window.rowconfigure(i, вес=1, минимальный размер=50)
                                                  
                                                      для j в диапазоне (0, 3):
                                                          кадр = тк.Рамка(
                                                              мастер = окно,
                                                              рельеф=tk.RAISED,
                                                              ширина границы = 1
                                                          )
                                                          frame.grid (строка = i, столбец = j, padx = 5, pady = 5)
                                                  
                                                          label = tk.Label(master=frame, text=f"Строка {i}\nСтолбец {j}")
                                                          label.pack(padx=5, pady=5)
                                                  
                                                  окно.mainloop()
                                                    

                                                  .columnconfigure() и .rowconfigure() помещаются в тело внешнего цикла for . (Вы можете явно настроить каждый столбец и строку за пределами цикла для , но это потребует написания дополнительных шести строк кода.)

                                                  На каждой итерации цикла i -й столбец и строка конфигурируются так, чтобы иметь вес из 1 . Это гарантирует, что каждая строка и столбец будут расширяться с одинаковой скоростью при изменении размера окна. Аргумент minsize устанавливается равным 75 для каждого столбца и 50 для каждой строки. Это гарантирует, что виджет Label всегда отображает свой текст без обрезания каких-либо символов, даже если размер окна очень мал.

                                                  Результатом является сетка, которая плавно расширяется и сужается при изменении размера окна:

                                                  Попробуйте сами, чтобы понять, как это работает! Поэкспериментируйте с параметрами weight и minsize , чтобы увидеть, как они влияют на сетку.

                                                  По умолчанию виджеты располагаются по центру своих ячеек сетки. Например, следующий код создает два виджета Label и помещает их в сетку с одним столбцом и двумя строками:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = ТК.Тк()
                                                  window.columnconfigure(0, минимальный размер=250)
                                                  window.rowconfigure([0, 1], минимальный размер=100)
                                                  
                                                  label1 = tk.Label (текст = "A")
                                                  label1.grid (строка = 0, столбец = 0)
                                                  
                                                  метка2 = tk.Label(text="B")
                                                  label2.grid (строка = 1, столбец = 0)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Каждая ячейка сетки имеет ширину 250 пикселей и высоту 100 пикселей. Метки размещаются в центре каждой ячейки, как вы можете видеть на следующем рисунке:

                                                  Вы можете изменить расположение каждой метки внутри ячейки сетки с помощью параметра sticky . sticky принимает строку, содержащую одну или несколько следующих букв:

                                                  • "n" или "N" для выравнивания по верхней центральной части ячейки
                                                  • "e" или "E" для выравнивания по правому центру ячейки
                                                  • "s" или "S" для выравнивания по нижней центральной части ячейки
                                                  • "w" или "W" для выравнивания по левому центру ячейки

                                                  Буквы "n" , "s" , "e" и "w" исходят из сторон света на север, юг, восток и запад.Установка sticky на "n" на обеих метках в предыдущем коде помещает каждую метку в верхнюю центральную часть своей ячейки сетки:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  window.columnconfigure(0, минимальный размер=250)
                                                  window.rowconfigure([0, 1], минимальный размер=100)
                                                  
                                                  label1 = tk.Label (текст = "A")
                                                  label1.grid (строка = 0, столбец = 0, липкий = "n")
                                                  
                                                  метка2 = tk.Label(text="B")
                                                  label2.grid (строка = 1, столбец = 0, липкий = "n")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Вот результат:

                                                  Вы можете объединить несколько букв в одну строку, чтобы разместить каждую Метку в углу своей ячейки сетки:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = ТК.Тк()
                                                  window.columnconfigure(0, минимальный размер=250)
                                                  window.rowconfigure([0, 1], минимальный размер=100)
                                                  
                                                  label1 = tk.Label (текст = "A")
                                                  label1.grid (строка = 0, столбец = 0, липкий = "ne")
                                                  
                                                  метка2 = tk.Label(text="B")
                                                  label2.grid (строка = 1, столбец = 0, липкий = "sw")
                                                  
                                                  окно.mainloop()
                                                    

                                                  В этом примере для параметра sticky label1 установлено значение "ne" , что помещает метку в правый верхний угол ячейки сетки. label2 помещается в нижний левый угол путем передачи "sw" в sticky .Вот как это выглядит в окне:

                                                  Когда виджет позиционируется с помощью sticky , размер самого виджета достаточно велик, чтобы содержать любой текст и другое содержимое внутри него. Он не заполнит всю ячейку сетки. Чтобы заполнить сетку, вы можете указать "ns" , чтобы заставить виджет заполнить ячейку в вертикальном направлении, или "ew" , чтобы заполнить ячейку в горизонтальном направлении. Чтобы заполнить всю ячейку, установите sticky на "nsew" .Следующий пример иллюстрирует каждую из этих опций:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  window.rowconfigure(0, минимальный размер=50)
                                                  window.columnconfigure([0, 1, 2, 3], минимальный размер = 50)
                                                  
                                                  label1 = tk.Label (текст = "1", bg = "черный", fg = "белый")
                                                  label2 = tk.Label (текст = "2", bg = "черный", fg = "белый")
                                                  label3 = tk.Label (текст = "3", bg = "черный", fg = "белый")
                                                  label4 = tk.Label (текст = "4", bg = "черный", fg = "белый")
                                                  
                                                  label1.grid (строка = 0, столбец = 0)
                                                  label2.grid (строка = 0, столбец = 1, липкий = "нов")
                                                  label3.grid (строка = 0, столбец = 2, липкий = "нс")
                                                  этикетка4.сетка (строка = 0, столбец = 3, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Вот как выглядит вывод:

                                                  Приведенный выше пример показывает, что параметр sticky менеджера геометрии .grid() можно использовать для достижения тех же эффектов, что и параметр fill менеджера геометрии .pack() . Соответствие между параметрами sticky и fill приведено в следующей таблице:

                                                  .сетка() .pack()
                                                  липкий="ns" заполнение=tk.Y
                                                  липкий="эв" заполнение=tk.X
                                                  липкий="nsew" fill=tk.ОБА

                                                  .grid() — мощный менеджер геометрии. Часто его легче понять, чем .pack() , и он гораздо более гибкий, чем .место() . Когда вы создаете новые приложения Tkinter, вам следует рассмотреть возможность использования .grid() в качестве основного менеджера геометрии.

                                                  Примечание: .grid() предлагает гораздо большую гибкость, чем вы видели здесь. Например, вы можете настроить ячейки так, чтобы они занимали несколько строк и столбцов. Для получения дополнительной информации ознакомьтесь с разделом «Диспетчер геометрии сетки» руководства TkDocs.

                                                  Теперь, когда вы освоили основы менеджеров геометрии для графического пользовательского интерфейса Python Tkinter, следующим шагом будет назначение действий кнопкам, чтобы оживить ваши приложения.

                                                  Проверьте свое понимание

                                                  Разверните блок кода ниже для упражнения, чтобы проверить ваше понимание:

                                                  Ниже приведено изображение формы ввода адреса, созданной с помощью Tkinter.

                                                  Напишите полный сценарий, который воссоздает окно. Вы можете использовать любой менеджер геометрии, который вам нравится.

                                                  Вы можете развернуть блок кода ниже, чтобы увидеть решение:

                                                  Есть много разных способов решить это упражнение. Если ваше решение создает окно, идентичное тому, что указано в операторе упражнения, поздравляем! Вы успешно решили упражнение! Ниже вы можете посмотреть на два решения, в которых используется .grid() Менеджер геометрии.

                                                  Одно решение создает виджет Label и Entry для каждого поля с нужными настройками:

                                                    импортировать tkinter как tk
                                                  
                                                  # Создать новое окно с заголовком "Форма ввода адреса"
                                                  окно = tk.Tk()
                                                  window.title("Форма ввода адреса")
                                                  
                                                  # Создайте новый фрейм `frm_form`, чтобы содержать метку
                                                  # и виджеты ввода для ввода адресной информации.
                                                  frm_form = tk.Frame (рельеф = tk.SUNKEN, ширина границы = 3)
                                                  # Упакуем рамку в окно
                                                  frm_form.пакет()
                                                  
                                                  # Создайте виджеты «Ярлык» и «Ввод» для «Имя».
                                                  lbl_first_name = tk.Label(master=frm_form, text="Имя:")
                                                  ent_first_name = tk.Entry (master = frm_form, ширина = 50)
                                                  # Используйте менеджер геометрии сетки, чтобы разместить метку и
                                                  # Ввод виджетов в первую и вторую колонку
                                                  # первая строка сетки
                                                  lbl_first_name.grid (строка = 0, столбец = 0, липкий = «е»)
                                                  ent_first_name.grid (строка = 0, столбец = 1)
                                                  
                                                  # Создайте виджеты «Ярлык» и «Ввод» для «Фамилия».
                                                  lbl_last_name = tk.Label(master=frm_form, text="Фамилия:")
                                                  ent_last_name = ТК.Запись (мастер = frm_form, ширина = 50)
                                                  # Разместите виджеты во втором ряду сетки
                                                  lbl_last_name.grid (строка = 1, столбец = 0, липкий = "e")
                                                  ent_last_name.grid (строка = 1, столбец = 1)
                                                  
                                                  # Создайте виджеты Label и Entry для «Address Line 1»
                                                  lbl_address1 = tk.Label(master=frm_form, text="Адресная строка 1:")
                                                  ent_address1 = tk.Entry (master = frm_form, ширина = 50)
                                                  # Разместите виджеты в третьем ряду сетки
                                                  lbl_address1.grid (строка = 2, столбец = 0, липкий = "е")
                                                  ent_address1.grid (строка = 2, столбец = 1)
                                                  
                                                  # Создайте виджеты Label и Entry для «Address Line 2»
                                                  lbl_address2 = тк.Метка (мастер = frm_form, текст = «Адресная строка 2:»)
                                                  ent_address2 = tk.Entry (master = frm_form, ширина = 5)
                                                  # Разместите виджеты в четвертом ряду сетки
                                                  lbl_address2.grid (строка = 3, столбец = 0, липкий = tk.E)
                                                  ent_address2.grid (строка = 3, столбец = 1)
                                                  
                                                  # Создадим виджеты Label и Entry для «Города».
                                                  lbl_city = tk.Label(master=frm_form, text="Город:")
                                                  ent_city = tk.Entry (master = frm_form, ширина = 50)
                                                  # Разместите виджеты в пятом ряду сетки
                                                  lbl_city.grid (строка = 4, столбец = 0, липкий = tk.E)
                                                  ent_city.grid (строка = 4, столбец = 1)
                                                  
                                                  # Создайте виджеты Label и Entry для "Штат/Провинция"
                                                  лбл_состояние = тк.Метка (master=frm_form, text="Штат/провинция:")
                                                  ent_state = tk.Entry (master = frm_form, ширина = 50)
                                                  # Разместите виджеты в шестом ряду сетки
                                                  lbl_state.grid (строка = 5, столбец = 0, липкий = tk.E)
                                                  ent_state.grid (строка = 5, столбец = 1)
                                                  
                                                  # Создайте виджеты «Ярлык» и «Ввод» для «Почтового индекса».
                                                  lbl_postal_code = tk.Label(master=frm_form, text="Почтовый индекс:")
                                                  ent_postal_code = tk.Entry(master=frm_form, ширина=50)
                                                  # Разместите виджеты в седьмом ряду сетки
                                                  lbl_postal_code.grid (строка = 6, столбец = 0, липкий = tk.E)
                                                  ent_почтовый_код.сетка (строка = 6, столбец = 1)
                                                  
                                                  # Создайте виджеты «Ярлык» и «Ввод» для «Страны».
                                                  lbl_country = tk.Label(master=frm_form, text="Страна:")
                                                  ent_country = tk.Entry (master = frm_form, ширина = 50)
                                                  # Разместите виджеты в восьмом ряду сетки
                                                  lbl_country.grid (строка = 7, столбец = 0, липкий = tk.E)
                                                  ent_country.grid (строка = 7, столбец = 1)
                                                  
                                                  # Создайте новый фрейм `frm_buttons`, чтобы содержать
                                                  # Кнопки Отправить и Очистить. Этот кадр заполняет
                                                  # все окно в горизонтальном направлении и имеет
                                                  # 5 пикселей горизонтального и вертикального заполнения.frm_buttons = tk.Frame()
                                                  frm_buttons.pack(fill=tk.X, ipadx=5, ipady=5)
                                                  
                                                  # Создаем кнопку "Отправить" и упаковываем ее в
                                                  # правая часть `frm_buttons`
                                                  btn_submit = tk.Button(master=frm_buttons, text="Отправить")
                                                  btn_submit.pack(сторона=tk.RIGHT, padx=10, ipadx=10)
                                                  
                                                  # Создать кнопку "Очистить" и запаковать ее в
                                                  # правая часть `frm_buttons`
                                                  btn_clear = tk.Button(master=frm_buttons, text="Очистить")
                                                  btn_clear.pack(сторона=tk.RIGHT, ipadx=10)
                                                  
                                                  # Запускаем приложение
                                                  окно.mainloop()
                                                    

                                                  В этом решении нет ничего плохого.Немного длинновато, но все очень четко. Если вы хотите что-то изменить, то ясно видно, где именно это сделать.

                                                  Тем не менее, решение можно значительно сократить, признав, что каждая Entry имеет одинаковую ширину и что все, что вам нужно для каждой Label , это текст:

                                                    импортировать tkinter как tk
                                                  
                                                  # Создать новое окно с заголовком "Форма ввода адреса"
                                                  окно = tk.Tk()
                                                  window.title("Форма ввода адреса")
                                                  
                                                  # Создайте новый фрейм `frm_form`, чтобы содержать метку
                                                  # и виджеты ввода для ввода адресной информации.frm_form = tk.Frame (рельеф = tk.SUNKEN, ширина границы = 3)
                                                  # Упакуем рамку в окно
                                                  frm_form.pack()
                                                  
                                                  # Список меток полей
                                                  метки = [
                                                      "Имя:",
                                                      "Фамилия:",
                                                      "Адресная строка 1:",
                                                      "Адресная строка 2:",
                                                      "Город:",
                                                      "Штат/провинция:",
                                                      "Почтовый Код:",
                                                      "Страна:",
                                                  ]
                                                  
                                                  # Перебираем список меток полей
                                                  для idx текст в enumerate(labels):
                                                      # Создаем виджет Label с текстом из списка ярлыков
                                                      метка = tk.Label (мастер = frm_form, текст = текст)
                                                      # Создаем виджет входа
                                                      запись = т.к.Запись (мастер = frm_form, ширина = 50)
                                                      # Используйте менеджер геометрии сетки, чтобы разместить метку и
                                                      # Вводим виджеты в строку с индексом idx
                                                      label.grid (строка = idx, столбец = 0, липкий = "e")
                                                      entry.grid (строка = idx, столбец = 1)
                                                  
                                                  # Создайте новый фрейм `frm_buttons`, чтобы содержать
                                                  # Кнопки Отправить и Очистить. Этот кадр заполняет
                                                  # все окно в горизонтальном направлении и имеет
                                                  # 5 пикселей горизонтального и вертикального заполнения.
                                                  frm_buttons = tk.Frame()
                                                  frm_buttons.pack(fill=tk.X, ipadx=5, ipady=5)
                                                  
                                                  # Создаем кнопку "Отправить" и упаковываем ее в
                                                  # правая часть `frm_buttons`
                                                  btn_submit = тк.Кнопка (мастер = frm_buttons, текст = "Отправить")
                                                  btn_submit.pack(сторона=tk.RIGHT, padx=10, ipadx=10)
                                                  
                                                  # Создать кнопку "Очистить" и запаковать ее в
                                                  # правая часть `frm_buttons`
                                                  btn_clear = tk.Button(master=frm_buttons, text="Очистить")
                                                  btn_clear.pack(сторона=tk.RIGHT, ipadx=10)
                                                  
                                                  # Запускаем приложение
                                                  окно.mainloop()
                                                    

                                                  В этом решении список используется для хранения строк для каждой метки в форме. Они хранятся в том порядке, в котором должно появляться каждое поле формы. Затем enumerate() получает как индекс, так и строку из каждого значения в списке меток .

                                                  Когда вы будете готовы, вы можете перейти к следующему разделу.

                                                  Создание интерактивных приложений

                                                  К настоящему моменту у вас есть довольно хорошее представление о том, как создать окно с помощью Tkinter, добавить несколько виджетов и управлять макетом приложения. Это здорово, но приложения должны не просто хорошо выглядеть — им действительно нужно что-то делать! В этом разделе вы узнаете, как оживить ваши приложения, выполняя действия при возникновении определенных событий.

                                                  Использование событий и обработчиков событий

                                                  Когда вы создаете приложение Tkinter, вы должны вызывать window.mainloop() для запуска цикла событий . Во время цикла событий ваше приложение проверяет, произошло ли событие. Если это так, то в ответ может быть выполнен некоторый код.

                                                  Цикл событий предоставляется вам вместе с Tkinter, поэтому вам не нужно самостоятельно писать код для проверки событий. Однако вам нужно написать код, который будет выполняться в ответ на событие. В Tkinter вы пишете функции, называемые обработчиками событий для событий, которые вы используете в своем приложении.

                                                  Примечание: Событие — это любое действие, происходящее во время цикла обработки событий, которое может вызвать определенное поведение в приложении, например нажатие клавиши или кнопки мыши.

                                                  Когда происходит событие, создается объект события , что означает создание экземпляра класса, представляющего событие. Вам не нужно беспокоиться о создании этих классов самостоятельно. Tkinter автоматически создаст для вас экземпляры классов событий.

                                                  Вы напишете свой собственный цикл событий, чтобы лучше понять, как работает цикл событий Tkinter.Таким образом, вы сможете увидеть, как цикл событий Tkinter вписывается в ваше приложение и какие части вам нужно написать самостоятельно.

                                                  Предположим, что существует список с именем список_событий , содержащий объекты событий. Новый объект события автоматически добавляется в список events_list каждый раз, когда в вашей программе происходит событие. (Вам не нужно реализовывать этот механизм обновления. В этом концептуальном примере это происходит автоматически.) Используя бесконечный цикл, вы можете постоянно проверять, есть ли какие-либо объекты событий в списке events_list :

                                                  .
                                                    # Предположим, что этот список обновляется автоматически
                                                  список_событий = []
                                                  
                                                  # Запустить цикл событий
                                                  пока верно:
                                                      # Если список_событий пуст, значит, никаких событий не произошло и вы
                                                      # можно перейти к следующей итерации цикла
                                                      если список_событий == []:
                                                          Продолжать
                                                  
                                                      # Если выполнение доходит до этой точки, то есть хотя бы один
                                                      # объект события в events_list
                                                      событие = список_событий[0]
                                                    

                                                  Прямо сейчас созданный вами цикл событий ничего не делает с событием .Давайте изменим это. Предположим, ваше приложение должно реагировать на нажатия клавиш. Вам необходимо проверить, что событие было сгенерировано пользователем, нажимающим клавишу на клавиатуре, и, если это так, передать событие в функцию обработчика событий для нажатия клавиш.

                                                  Предположим, что событие имеет атрибут .type , установленный в строку "keypress" , если событие является объектом события нажатия клавиши, и атрибут .char , содержащий символ нажатой клавиши.Создайте новую функцию handle_keypress() и обновите код цикла событий:

                                                    список_событий = []
                                                  
                                                  # Создаем обработчик событий
                                                  def handle_keypress (событие):
                                                      """Вывести символ, связанный с нажатой клавишей"""
                                                      печать (событие.char)
                                                  
                                                  пока верно:
                                                      если список_событий == []:
                                                          Продолжать
                                                      событие = список_событий[0]
                                                  
                                                      # Если событие является объектом события нажатия клавиши
                                                      если event.type == "нажатие клавиши":
                                                          # Вызов обработчика события нажатия клавиши
                                                          handle_keypress (событие)
                                                    

                                                  При вызове окна .mainloop() , за вас запускается что-то вроде приведенного выше цикла. Этот метод позаботится о двух частях цикла:

                                                  1. В нем хранится список произошедших событий.
                                                  2. Он запускает обработчик событий каждый раз, когда в этот список добавляется новое событие.

                                                  Обновите цикл событий, чтобы использовать window.mainloop() вместо собственного цикла событий:

                                                    импортировать tkinter как tk
                                                  
                                                  # Создаем объект окна
                                                  окно = tk.Tk()
                                                  
                                                  # Создаем обработчик событий
                                                  def handle_keypress (событие):
                                                      """Вывести символ, связанный с нажатой клавишей"""
                                                      печать (событие.чар)
                                                  
                                                  # Запустить цикл событий
                                                  окно.mainloop()
                                                    

                                                  .mainloop() многое сделает за вас, но в приведенном выше коде чего-то не хватает. Как Tkinter узнает, когда использовать handle_keypress() ? Виджеты Tkinter имеют метод .bind() именно для этой цели.

                                                  Использование

                                                  .bind()

                                                  Чтобы вызвать обработчик событий всякий раз, когда событие происходит в виджете, используйте .bind() . Говорят, что обработчик события привязан к событию, потому что он вызывается каждый раз, когда происходит событие.Вы продолжите с примером нажатия клавиши из предыдущего раздела и используете .bind() для привязки handle_keypress() к событию нажатия клавиши:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  def handle_keypress (событие):
                                                      """Вывести символ, связанный с нажатой клавишей"""
                                                      печать (событие.char)
                                                  
                                                  # Привязать событие нажатия клавиши к handle_keypress()
                                                  window.bind("<Ключ>", handle_keypress)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Здесь обработчик события handle_keypress() привязан к событию "" с использованием окна .привязать() . Всякий раз, когда во время работы приложения нажимается клавиша, ваша программа будет печатать символ нажатой клавиши.

                                                  Примечание: Вывод вышеуказанной программы — , а не , напечатанный в окне приложения Tkinter. Он печатается на stdout .

                                                  Если вы запустите программу в IDLE, вы увидите вывод в интерактивном окне. Если вы запускаете программу из терминала, вы должны увидеть вывод в своем терминале.

                                                  .bind() всегда принимает как минимум два аргумента:

                                                  1. Событие , представленное строкой вида "" , где event_name может быть любым из событий Tkinter
                                                  2. Обработчик событий это имя функции, которая будет вызываться всякий раз, когда происходит событие

                                                  Обработчик событий привязан к виджету, для которого вызывается .bind() . Когда вызывается обработчик события, объект события передается функции обработчика событий.

                                                  В приведенном выше примере обработчик событий привязан к самому окну, но вы можете привязать обработчик событий к любому виджету в вашем приложении. Например, вы можете привязать обработчик событий к виджету Button , который будет выполнять какое-либо действие при каждом нажатии кнопки:

                                                    по определению handle_click (событие):
                                                      print("Кнопка была нажата!")
                                                  
                                                  кнопка = tk.Button(text="Нажми меня!")
                                                  
                                                  button.bind("<Кнопка-1>", handle_click)
                                                    

                                                  В этом примере событие "" виджета кнопки привязано к обработчику события handle_click .Событие "" возникает всякий раз, когда левая кнопка мыши нажата, когда указатель мыши находится над виджетом. Существуют и другие события для щелчков кнопок мыши, в том числе "" для средней кнопки мыши и "" для правой кнопки мыши.

                                                  Вы можете привязать любой обработчик событий к любому виджету с помощью .bind() , но есть более простой способ привязать обработчики событий к нажатиям кнопок с помощью атрибута команды виджета Button .

                                                  Использование команды

                                                  Каждый виджет Button имеет атрибут command , который можно назначить функции. Всякий раз, когда кнопка нажата, функция выполняется.

                                                  Взгляните на пример. Сначала вы создадите окно с виджетом Label , который содержит числовое значение. Вы поместите кнопки слева и справа от этикетки. Левая кнопка будет использоваться для уменьшения значения в Label , а правая — для увеличения значения.Вот код окна:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  window.rowconfigure(0, минимальный размер=50, вес=1)
                                                  window.columnconfigure([0, 1, 2], минимальный размер=50, вес=1)
                                                  
                                                  btn_decrease = tk.Button (мастер = окно, текст = "-")
                                                  btn_decrease.grid (строка = 0, столбец = 0, липкий = "nsew")
                                                  
                                                  lbl_value = tk.Label (мастер = окно, текст = "0")
                                                  lbl_value.grid (строка = 0, столбец = 1)
                                                  
                                                  btn_increase = tk.Button (мастер = окно, текст = "+")
                                                  btn_increase.grid (строка = 0, столбец = 2, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Окно выглядит так:

                                                  После определения макета приложения его можно оживить, дав кнопкам несколько команд.Начните с левой кнопки. Когда эта кнопка нажата, она должна уменьшить значение в метке на 1. Для этого вам нужно знать две вещи:

                                                  .
                                                  1. Как получить текст Label ?
                                                  2. Как обновить текст в этикетке ?

                                                  Label виджеты не имеют .get() , как Entry и Text виджеты. Однако вы можете получить текст с этикетки, обратившись к атрибуту text с нотацией нижнего индекса в стиле словаря:

                                                  .
                                                    этикетка = Tk.Ярлык (текст = "Привет")
                                                  
                                                  # Получить текст метки
                                                  текст = метка["текст"]
                                                  
                                                  # Установить новый текст для метки
                                                  label["текст"] = "До свидания"
                                                    

                                                  Теперь, когда вы знаете, как получить и установить текст метки, напишите функцию увеличить() , которая увеличивает значение в lbl_value на 1:

                                                    увеличение по определению():
                                                      значение = int(lbl_value["текст"])
                                                      lbl_value["текст"] = f"{значение + 1}"
                                                    

                                                  увеличение() получает текст из lbl_value и преобразует его в целое число с помощью int() .Затем он увеличивает это значение на 1 и устанавливает для атрибута text метки это новое значение.

                                                  Вам также потребуется уменьшение() , чтобы уменьшить значение в value_label на 1:

                                                    по умолч. уменьшение():
                                                      значение = int(lbl_value["текст"])
                                                      lbl_value["текст"] = f"{значение - 1}"
                                                    

                                                  Поместите увеличить() и уменьшить() в свой код сразу после оператора import .

                                                  Чтобы связать кнопки с функциями, назначьте функцию атрибуту команды кнопки.Это можно сделать при создании экземпляра кнопки. Например, чтобы назначить увеличить() на увеличить_кнопку , обновите строку, которая создает экземпляр кнопки, следующим образом:

                                                    btn_increase = tk.Button(master=window, text="+", command=increase)
                                                    

                                                  Теперь назначьте уменьшение () на уменьшение_кнопки :

                                                    btn_decrease = tk.Button (мастер = окно, текст = "-", команда = уменьшение)
                                                    

                                                  Это все, что вам нужно сделать, чтобы привязать кнопки к увеличения() и уменьшения() и заставить программу работать.Попробуйте сохранить изменения и запустить приложение! Нажимайте кнопки для увеличения и уменьшения значения в центре окна:

                                                  Вот полный код приложения для справки:

                                                    импортировать tkinter как tk
                                                  
                                                  увеличение защиты():
                                                      значение = int(lbl_value["текст"])
                                                      lbl_value["текст"] = f"{значение + 1}"
                                                  
                                                  
                                                  уменьшение защиты():
                                                      значение = int(lbl_value["текст"])
                                                      lbl_value["текст"] = f"{значение - 1}"
                                                  
                                                  окно = tk.Tk()
                                                  
                                                  window.rowconfigure(0, минимальный размер=50, вес=1)
                                                  окно.конфигурирование столбца ([0, 1, 2], минимальный размер = 50, вес = 1)
                                                  
                                                  btn_decrease = tk.Button (мастер = окно, текст = "-", команда = уменьшение)
                                                  btn_decrease.grid (строка = 0, столбец = 0, липкий = "nsew")
                                                  
                                                  lbl_value = tk.Label (мастер = окно, текст = "0")
                                                  lbl_value.grid (строка = 0, столбец = 1)
                                                  
                                                  btn_increase = tk.Button(master=window, text="+", command=increase)
                                                  btn_increase.grid (строка = 0, столбец = 2, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Это приложение не особенно полезно, но полученные здесь навыки применимы к каждому приложению, которое вы создадите:

                                                  • Используйте виджеты для создания компонентов пользовательского интерфейса.
                                                  • Используйте диспетчеры геометрии для управления компоновкой приложения.
                                                  • Напишите функции , которые взаимодействуют с различными компонентами для захвата и преобразования пользовательского ввода.

                                                  В следующих двух разделах вы создадите приложения, которые будут делать что-то полезное. Во-первых, вы создадите преобразователь температуры, который преобразует значение температуры из градусов Фаренгейта в градусы Цельсия. После этого вы создадите текстовый редактор, который сможет открывать, редактировать и сохранять текстовые файлы!

                                                  Проверьте свое понимание

                                                  Разверните блок кода ниже для упражнения, чтобы проверить ваше понимание:

                                                  Напишите программу, имитирующую бросок шестигранного игрального кубика.Должна быть одна кнопка с текстом "Roll" . Когда пользователь нажимает кнопку, должно отображаться случайное целое число от 1 до 6 .

                                                  Окно приложения должно выглядеть примерно так:

                                                  Попробуйте это упражнение сейчас.

                                                  Вы можете развернуть блок кода ниже, чтобы увидеть решение:

                                                  Вот одно из возможных решений:

                                                    случайный импорт
                                                  импортировать tkinter как tk
                                                  
                                                  бросок защиты():
                                                      lbl_result["текст"] = ул(случайный.рандинт(1, 6))
                                                  
                                                  окно = tk.Tk()
                                                  window.columnconfigure(0, минимальный размер=150)
                                                  window.rowconfigure([0, 1], минимальный размер=50)
                                                  
                                                  btn_roll = tk.Button(text="Roll", command=roll)
                                                  lbl_result = tk.Label()
                                                  
                                                  btn_roll.grid (строка = 0, столбец = 0, липкий = "nsew")
                                                  lbl_result.grid (строка = 1, столбец = 0)
                                                  
                                                  окно.mainloop()
                                                    

                                                  Имейте в виду, что ваш код может выглядеть иначе.

                                                  Когда вы будете готовы, вы можете перейти к следующему разделу.

                                                  Создание преобразователя температуры (пример приложения)

                                                  В этом разделе вы создадите приложение для преобразования температуры , которое позволяет пользователю вводить температуру в градусах Фаренгейта и нажимать кнопку для преобразования этой температуры в градусы Цельсия.Вы пройдете код шаг за шагом. Вы также можете найти полный исходный код в конце этого раздела для ознакомления.

                                                  Примечание: Чтобы получить максимальную отдачу от этого раздела, следуйте инструкциям в оболочке Python.

                                                  Прежде чем приступить к программированию, вы сначала спроектируете приложение. Вам нужно три элемента:

                                                  1. Виджет Entry , вызываемый ent_temperature для ввода значения по Фаренгейту
                                                  2. A Label виджет , вызываемый lbl_result для отображения результата в градусах Цельсия
                                                  3. Виджет Button с именем btn_convert , который считывает значение из виджета Entry , преобразует его из градусов Фаренгейта в градусы Цельсия и устанавливает текст виджета Label в результат при нажатии

                                                  Вы можете расположить их в сетке с одной строкой и одним столбцом для каждого виджета.Это дает вам минимально работающее приложение, но оно не очень удобно для пользователя. Все должно иметь меток .

                                                  Вы поместите метку непосредственно справа от виджета ent_temperature , содержащую символ Фаренгейта (℉), чтобы пользователь знал, что значение ent_temperature должно быть в градусах Фаренгейта. Для этого установите текст метки на "\N{DEGREE FAHRENHEIT}" , который использует поддержку именованных символов Unicode в Python для отображения символа Фаренгейта.

                                                  Вы можете придать btn_convert немного изюминки, задав для его текста значение "\N{RIGHTWARDS BLACK ARROW}" , которое отображает черную стрелку, указывающую вправо. Вы также убедитесь, что lbl_result всегда имеет символ Цельсия (℃) после текста метки "\N{DEGREE CELSIUS}" , чтобы указать, что результат выражен в градусах Цельсия. Вот как будет выглядеть финальное окно:

                                                  Теперь, когда вы знаете, какие виджеты вам нужны и как будет выглядеть окно, вы можете начать кодировать его! Сначала импортируйте tkinter и создайте новое окно:

                                                    импортировать tkinter как tk
                                                  
                                                  окно = ТК.Тк()
                                                  window.title("Конвертер температуры")
                                                    

                                                  window.title() устанавливает заголовок существующего окна. Когда вы, наконец, запустите это приложение, в строке заголовка окна появится текст Temperature Converter . Затем создайте виджет ent_temperature с меткой lbl_temp и назначьте оба виджета Frame с именем frm_entry :

                                                  .
                                                    frm_entry = tk.Frame(мастер=окно)
                                                  ent_температура = tk.Запись (мастер = frm_entry, ширина = 10)
                                                  lbl_temp = tk.Label(master=frm_entry, text="\N{ГРАДУС ПО ФАРЕНГЕЙТУ}")
                                                    

                                                  ent_temperature — здесь пользователь будет вводить значение в градусах Фаренгейта. lbl_temp используется для обозначения ent_temperature символом Фаренгейта. frm_entry — это контейнер, который группирует ent_temperature и lbl_temp вместе.

                                                  Вы хотите, чтобы lbl_temp располагалось непосредственно справа от ent_temperature .Вы можете выложить их в frm_entry с помощью менеджера геометрии .grid() с одной строкой и двумя столбцами:

                                                    ent_temperature.grid (строка = 0, столбец = 0, липкий = "е")
                                                  lbl_temp.grid (строка = 0, столбец = 1, липкий = "w")
                                                    

                                                  Вы установили для параметра sticky значение "e" для ent_temperature , чтобы он всегда прикреплялся к самому правому краю своей ячейки сетки. Вы также устанавливаете sticky на "w" для lbl_temp , чтобы он оставался привязанным к самому левому краю своей ячейки сетки.Это гарантирует, что lbl_temp всегда будет располагаться непосредственно справа от ent_temperature .

                                                  Теперь сделайте btn_convert и lbl_result для преобразования температуры, введенной в ent_temperature , и отображения результатов:

                                                    btn_convert = tk.Button(
                                                      мастер = окно,
                                                      text="\N{ЧЕРНАЯ СТРЕЛКА ВПРАВО}"
                                                  )
                                                  lbl_result = tk.Label(master=window, text="\N{ГРАДУС ЦЕЛЬСИЯ}")
                                                    

                                                  Как и frm_entry , btn_convert и lbl_result назначаются окну .Вместе эти три виджета составляют три ячейки в основной сетке приложения. Используйте .grid() , чтобы продолжить и разложить их сейчас:

                                                    frm_entry.grid (строка = 0, столбец = 0, padx = 10)
                                                  btn_convert.grid (строка = 0, столбец = 1, панель = 10)
                                                  lbl_result.grid (строка = 0, столбец = 2, padx = 10)
                                                    

                                                  Наконец, запустите приложение:

                                                  Отлично выглядит! Но кнопка пока ничего не делает. В верхней части файла сценария, чуть ниже строки import , добавьте функцию с именем fahrenheit_to_celsius() :

                                                  .
                                                    по Фаренгейту_к_Цельсию():
                                                      """Преобразуйте значение Фаренгейта в Цельсий и вставьте
                                                      результат в lbl_result."""
                                                      по Фаренгейту = ent_temperature.get()
                                                      Цельсия = (5/9) * (с плавающей точкой (по Фаренгейту) - 32)
                                                      lbl_result["текст"] = f"{округление(Цельсий, 2)} \N{ГРАДУС ЦЕЛЬСИЯ}"
                                                    

                                                  Эта функция считывает значение из ent_temperature , преобразует его из градусов Фаренгейта в градусы Цельсия, а затем отображает результат в виде lbl_result .

                                                  Теперь перейдите к строке, где вы определяете btn_convert и установите для параметра команды значение по Фаренгейту_в_цельсия :

                                                    btn_convert = тк.Кнопка(
                                                      мастер = окно,
                                                      text="\N{ЧЕРНАЯ СТРЕЛКА ВПРАВО}",
                                                      command=fahrenheit_to_celsius # <--- Добавьте эту строку
                                                  )
                                                    

                                                  Вот оно! Вы создали полнофункциональное приложение для преобразования температуры всего в 26 строк кода! Довольно круто, правда?

                                                  Вы можете развернуть блок кода ниже, чтобы увидеть полный скрипт:

                                                  Вот полный скрипт для справки:

                                                    импортировать tkinter как tk
                                                  
                                                  защита по Фаренгейту_к_Цельсию():
                                                      """Преобразуйте значение Фаренгейта в Цельсий и вставьте
                                                      результат в lbl_result."""
                                                      по Фаренгейту = ent_temperature.get()
                                                      Цельсия = (5/9) * (с плавающей точкой (по Фаренгейту) - 32)
                                                      lbl_result["текст"] = f"{округление(Цельсий, 2)} \N{ГРАДУС ЦЕЛЬСИЯ}"
                                                  
                                                  # Настраиваем окно
                                                  окно = tk.Tk()
                                                  window.title("Конвертер температуры")
                                                  window.resizable(ширина=ложь, высота=ложь)
                                                  
                                                  # Создаем рамку входа по Фаренгейту с Entry
                                                  # виджет и метка в нем
                                                  frm_entry = tk.Frame (мастер = окно)
                                                  ent_temperature = tk.Entry (мастер = frm_entry, ширина = 10)
                                                  lbl_temp = tk.Label(master=frm_entry, text="\N{ГРАДУС ПО ФАРЕНГЕЙТУ}")
                                                  
                                                  # Размещаем запись температуры и метку в frm_entry
                                                  # с использованием .менеджер геометрии grid()
                                                  ent_temperature.grid (строка = 0, столбец = 0, липкий = "е")
                                                  lbl_temp.grid (строка = 0, столбец = 1, липкий = "w")
                                                  
                                                  # Создаем кнопку конверсии и метку отображения результата
                                                  btn_convert = tk.Button(
                                                      мастер = окно,
                                                      text="\N{ЧЕРНАЯ СТРЕЛКА ВПРАВО}",
                                                      команда = Фаренгейт_к_Цельсию
                                                  )
                                                  lbl_result = tk.Label(master=window, text="\N{ГРАДУС ЦЕЛЬСИЯ}")
                                                  
                                                  # Настройте макет с помощью менеджера геометрии .grid()
                                                  frm_entry.grid (строка = 0, столбец = 0, padx = 10)
                                                  btn_convert.grid (строка = 0, столбец = 1, панель = 10)
                                                  фунт_результат.сетка (строка = 0, столбец = 2, padx = 10)
                                                  
                                                  # Запускаем приложение
                                                  окно.mainloop()
                                                    

                                                  Пришло время сделать шаг вперед! Читайте дальше, чтобы узнать, как создать текстовый редактор.

                                                  Создание текстового редактора (пример приложения)

                                                  В этом разделе вы создадите приложение текстового редактора , которое может создавать, открывать, редактировать и сохранять текстовые файлы. В приложении есть три основных элемента:

                                                  1. A Кнопка Виджет с именем btn_open для открытия файла для редактирования
                                                  2. A Button виджет с именем btn_save для сохранения файла
                                                  3. Виджет TextBox с именем txt_edit для создания и редактирования текстового файла

                                                  Три виджета будут расположены таким образом, чтобы две кнопки находились в левой части окна, а текстовое поле — в правой.Все окно должно иметь минимальную высоту 800 пикселей, а txt_edit должна иметь минимальную ширину 800 пикселей. Весь макет должен быть адаптивным, чтобы при изменении размера окна размер txt_edit также изменялся. Однако ширина рамки , удерживающей кнопки, не должна меняться.

                                                  Вот набросок того, как будет выглядеть окно:

                                                  Вы можете получить желаемую компоновку с помощью менеджера геометрии .grid() . Макет содержит одну строку и два столбца:

                                                  1. Узкая колонка слева для кнопок
                                                  2. Более широкий столбец справа для текстового поля

                                                  Чтобы установить минимальные размеры для окна и txt_edit , вы можете установить minsize параметры оконных методов .rowconfigure() и .columnconfigure() до 800. Для обработки изменения размера можно установить для параметров веса этих методов значение 1.

                                                  Чтобы поместить обе кнопки в один столбец, вам нужно создать виджет Frame с именем fr_buttons . Согласно скетчу, две кнопки должны располагаться вертикально внутри этой рамки, btn_open сверху. Вы можете сделать это с помощью менеджера геометрии .grid() или .pack() .На данный момент вы будете придерживаться .grid() , так как с ним немного проще работать.

                                                  Теперь, когда у вас есть план, вы можете приступить к кодированию приложения. Первый шаг — создать все необходимые виджеты:

                                                  .
                                                    1импорт tkinter как tk
                                                   2
                                                   3окно = tk.Tk()
                                                   4window.title("Простой текстовый редактор")
                                                   5
                                                   6window.rowconfigure(0, минимальный размер=800, вес=1)
                                                   7window.columnconfigure(1, минимальный размер=800, вес=1)
                                                   8
                                                   9txt_edit = tk.Text(окно)
                                                  10fr_buttons = tk.Frame(окно)
                                                  11btn_open = тк.Кнопка (fr_buttons, текст = "Открыть")
                                                  12btn_save = tk.Button(fr_buttons, text="Сохранить как...")
                                                    

                                                  Вот расшифровка этого кода:

                                                  • Строка 1 импорт tkinter .
                                                  • Строки 3 и 4 создают новое окно с заголовком "Простой текстовый редактор" .
                                                  • Строки 6 и 7 задают конфигурации строк и столбцов.
                                                  • В строках с 9 по 12 создайте четыре виджета, которые вам понадобятся для текстового поля, рамки и кнопок открытия и сохранения.

                                                  Посмотрите на строку 6 более внимательно. Параметр minsize .rowconfigure() установлен на 800 , а вес установлен на 1 :

                                                    window.rowconfigure(0, минимальный размер=800, вес=1)
                                                    

                                                  Первый аргумент — 0 , который устанавливает высоту первой строки равной 800 пикселей и обеспечивает рост высоты строки пропорционально высоте окна. В макете приложения есть только одна строка, поэтому эти настройки применяются ко всему окну.

                                                  Давайте также внимательно рассмотрим строку 7. Здесь вы используете .columnconfigure() для установки атрибутов ширины и веса столбца с индексом 1 на 800 и 1 соответственно. :

                                                    window.columnconfigure(1, минимальный размер=800, вес=1)
                                                    

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

                                                  Теперь можно работать над макетом приложения. Сначала назначьте две кнопки кадру fr_buttons с помощью менеджера геометрии .grid() :

                                                    btn_open.grid(строка=0, столбец=0, sticky="ew", padx=5, pady=5)
                                                  btn_save.grid (строка = 1, столбец = 0, липкий = "ew", padx = 5)
                                                    

                                                  Эти две строки кода создают сетку с двумя строками и одним столбцом в кадре fr_buttons , так как и btn_open , и btn_save имеют атрибут master , установленный на fr_buttons . btn_open помещается в первую строку, а btn_save во вторую строку, так что btn_open появляется над btn_save в макете, как вы и планировали в своем эскизе.

                                                  И btn_open , и btn_save имеют атрибуты sticky , установленные на "ew" , что заставляет кнопки расширяться по горизонтали в обоих направлениях и заполнять весь кадр. Это гарантирует, что обе кнопки имеют одинаковый размер.

                                                  Вы размещаете 5 пикселей отступа вокруг каждой кнопки, устанавливая параметры padx и pady на 5. Только btn_open имеет вертикальный отступ. Поскольку она находится сверху, вертикальный отступ немного смещает кнопку вниз от верхней части окна и обеспечивает небольшой зазор между ней и btn_save .

                                                  Теперь, когда fr_buttons выложен и готов к работе, вы можете настроить макет сетки для остальной части окна:

                                                    fr_buttons.сетка (строка = 0, столбец = 0, липкий = "нс")
                                                  txt_edit.grid (строка = 0, столбец = 1, липкий = "nsew")
                                                    

                                                  Эти две строки кода создают сетку с одной строкой и двумя столбцами для окна . Вы помещаете fr_buttons в первый столбец и txt_edit во второй столбец, чтобы fr_buttons отображались слева от txt_edit в макете окна.

                                                  Параметр sticky для fr_buttons установлен на "ns" , что заставляет весь кадр расширяться по по вертикали и заполнять всю высоту его столбца. txt_edit заполняет всю ячейку сетки, потому что вы установили для параметра sticky значение "nsew" , что заставляет его расширяться во всех направлениях .

                                                  Теперь, когда макет приложения завершен, добавьте window.mainloop() в конец программы, сохраните и запустите файл. Появится следующее окно:

                                                  Отлично выглядит! Но он пока ничего не делает, поэтому вам нужно начать писать команды для кнопок. btn_open должен показывать диалоговое окно открытия файла и позволять пользователю выбирать файл.Затем необходимо открыть этот файл и установить текст txt_edit в содержимое файла. Вот функция open_file() , которая делает именно это:

                                                    1def open_file():
                                                   2 """Открыть файл для редактирования."""
                                                   3 путь к файлу = askopenfilename(
                                                   4 типа файлов=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                   5 )
                                                   6, если не путь к файлу:
                                                   7 возврат
                                                   8 txt_edit.delete("1.0", тк.END)
                                                   9 с open(filepath, "r") в качестве input_file:
                                                  10 текст = входной_файл.читать()
                                                  11 txt_edit.insert(tk.END, текст)
                                                  12 window.title(f"Простой текстовый редактор — {filepath}")
                                                    

                                                  Вот разбивка этой функции:

                                                  • Строки с 3 по 5 используют диалоговое окно askopenfilename из модуля tkinter.filedialog для отображения диалогового окна открытия файла и сохранения выбранного пути к файлу путь к файлу .
                                                  • Строки 6 и 7 проверяют, закрывает ли пользователь диалоговое окно или нажимает ли кнопку Отмена .Если это так, то filepath будет None , а функция вернет без выполнения какого-либо кода для чтения файла и установки текста txt_edit .
                                                  • Строка 8 очищает текущее содержимое txt_edit с помощью .delete() .
                                                  • Строки 9 и 10 открывают выбранный файл и .read() его содержимое перед сохранением текста в виде строки.
                                                  • Строка 11 присваивает строку text txt_edit с использованием .вставить() .
                                                  • Строка 12 устанавливает заголовок окна таким образом, чтобы он содержал путь к открытому файлу.

                                                  Теперь вы можете обновить программу, чтобы btn_open вызывала open_file() при каждом щелчке. Есть несколько вещей, которые вам нужно сделать, чтобы обновить программу. Сначала импортируйте askopenfilename() из tkinter.filedialog , добавив следующий импорт в начало вашей программы:

                                                    импортировать tkinter как tk
                                                  из ткинтера.filedialog import askopenfilename
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть")
                                                  btn_save = tk.Button(fr_buttons, text="Сохранить как...")
                                                    

                                                  Затем добавьте определение open_file() сразу после операторов импорта:

                                                    импортировать tkinter как tk
                                                  из ткинтера.filedialog import askopenfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.delete("1.0", тк.END)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.insert(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  окно.конфигурация столбца (1, минимальный размер = 800, вес = 1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть")
                                                  btn_save = tk.Button(fr_buttons, text="Сохранить как...")
                                                    

                                                  Наконец, установите для атрибута команды btn_opn значение open_file :

                                                    импортировать tkinter как tk
                                                  из tkinter.filedialog импортировать askopenfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          типы файлов=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.delete("1.0", тк.END)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.insert(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть", command=open_file)
                                                  btn_save = тк.Кнопка (fr_buttons, text="Сохранить как...")
                                                    

                                                  Сохраните файл и запустите его, чтобы убедиться, что все работает. Тогда попробуйте открыть текстовый файл!

                                                  Поскольку btn_open работает, пришло время поработать над функцией для btn_save . Это должно открыть диалоговое окно сохранения файла , чтобы пользователь мог выбрать, где он хотел бы сохранить файл. Для этого вы будете использовать диалоговое окно asksaveasfilename в модуле tkinter.filedialog . Эта функция также должна извлечь текст из txt_edit и записать его в файл в выбранном месте.Вот функция, которая делает именно это:

                                                    1def save_file():
                                                   2 """Сохранить текущий файл как новый файл."""
                                                   3 путь к файлу = проситсохранить как имя_файла(
                                                   4 расширение по умолчанию=".txt",
                                                   5 типов файлов=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")],
                                                   6 )
                                                   7, если не путь к файлу:
                                                   8 возврат
                                                   9 с open(filepath, "w") в качестве output_file:
                                                  10 текст = txt_edit.get("1.0", тк.END)
                                                  11 output_file.write(текст)
                                                  12 window.title(f"Простой текстовый редактор — {filepath}")
                                                    

                                                  Вот как работает этот код:

                                                  • В строках с 3 по 6 используется диалоговое окно asksaveasfilename для получения желаемого места сохранения от пользователя.Выбранный путь к файлу сохраняется в переменной filepath .
                                                  • Строки 7 и 8 проверяют, закрывает ли пользователь диалоговое окно или нажимает ли кнопку Отмена . Если это так, то filepath будет None , и функция вернется без выполнения какого-либо кода для сохранения текста в файл.
                                                  • Строка 9 создает новый файл по выбранному пути к файлу.
                                                  • Строка 10 извлекает текст из txt_edit с .get() и присваивает его переменной text .
                                                  • Строка 11 записывает текст в выходной файл.
                                                  • Строка 12 обновляет заголовок окна, чтобы новый путь к файлу отображался в заголовке окна.

                                                  Теперь вы можете обновить программу, чтобы btn_save вызывала save_file() при нажатии. Опять же, есть несколько вещей, которые вам нужно сделать, чтобы обновить программу. Сначала импортируйте asksaveasfilename() из tkinter.filedialog , обновив импорт в верхней части скрипта, например:

                                                    импортировать tkinter как tk
                                                  из tkinter.filedialog импортировать askopenfilename, asksaveasfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.delete(1.0, тк.END)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.вставить(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно, рельеф=tk.RAISED, bd=2)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть", command=open_file)
                                                  btn_save = tk.Button(fr_buttons, text="Сохранить как...")
                                                  
                                                  btn_open.grid(строка=0, столбец=0, sticky="ew", padx=5, pady=5)
                                                  btn_save.grid (строка = 1, столбец = 0, липкий = "ew", padx = 5)
                                                  
                                                  fr_buttons.сетка (строка = 0, столбец = 0, липкий = "нс")
                                                  txt_edit.grid (строка = 0, столбец = 1, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Затем добавьте определение save_file() чуть ниже определения open_file() :

                                                    импортировать tkinter как tk
                                                  из tkinter.filedialog импортировать askopenfilename, asksaveasfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.удалить(1.0, тк.КОНЕЦ)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.insert(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  защита save_file():
                                                      """Сохранить текущий файл как новый файл."""
                                                      путь к файлу = проситсохранить как имя_файла(
                                                          расширение по умолчанию=".txt",
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")],
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      с открытым (путь к файлу, "w") в качестве выходного_файла:
                                                          текст = txt_edit.get(1.0, тк.КОНЕЦ)
                                                          output_file.write(текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно, рельеф=tk.RAISED, bd=2)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть", command=open_file)
                                                  btn_save = tk.Button(fr_buttons, text="Сохранить как...")
                                                  
                                                  btn_open.grid(строка=0, столбец=0, sticky="ew", padx=5, pady=5)
                                                  btn_save.сетка (строка = 1, столбец = 0, липкий = "ew", padx = 5)
                                                  
                                                  fr_buttons.grid (строка = 0, столбец = 0, липкий = "нс")
                                                  txt_edit.grid (строка = 0, столбец = 1, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Наконец, установите для атрибута команды btn_save значение save_file :

                                                    импортировать tkinter как tk
                                                  из tkinter.filedialog импортировать askopenfilename, asksaveasfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          типы файлов=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.delete(1.0, тк.END)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.insert(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  защита save_file():
                                                      """Сохранить текущий файл как новый файл."""
                                                      путь к файлу = проситсохранить как имя_файла(
                                                          расширение по умолчанию=".txt",
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")],
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      с открытым (путь к файлу, "w") в качестве выходного_файла:
                                                          текст = txt_edit.получить(1.0,тк.КОНЕЦ)
                                                          output_file.write(текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно, рельеф=tk.RAISED, bd=2)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть", command=open_file)
                                                  btn_save = tk.Button(fr_buttons, text="Сохранить как...", command=save_file)
                                                  
                                                  btn_open.grid(строка=0, столбец=0, sticky="ew", padx=5, pady=5)
                                                  btn_save.сетка (строка = 1, столбец = 0, липкий = "ew", padx = 5)
                                                  
                                                  fr_buttons.grid (строка = 0, столбец = 0, липкий = "нс")
                                                  txt_edit.grid (строка = 0, столбец = 1, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Сохраните файл и запустите его. Теперь у вас есть минимальный, но полнофункциональный текстовый редактор!

                                                  Вы можете развернуть блок кода ниже, чтобы увидеть полный скрипт:

                                                  Вот полный скрипт для справки:

                                                    импортировать tkinter как tk
                                                  из tkinter.filedialog импортировать askopenfilename, asksaveasfilename
                                                  
                                                  защита open_file():
                                                      """Открыть файл для редактирования."""
                                                      путь к файлу = спроситьоткрытьимя_файла(
                                                          filetypes=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")]
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      txt_edit.delete(1.0, тк.END)
                                                      с открытым (путь к файлу, "r") в качестве входного_файла:
                                                          текст = input_file.read()
                                                          txt_edit.insert(tk.END, текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  защита save_file():
                                                      """Сохранить текущий файл как новый файл."""
                                                      путь к файлу = проситсохранить как имя_файла(
                                                          расширение по умолчанию=".txt",
                                                          типы файлов=[("Текстовые файлы", "*.txt"), ("Все файлы", "*.*")],
                                                      )
                                                      если не путь к файлу:
                                                          вернуть
                                                      с открытым (путь к файлу, "w") в качестве выходного_файла:
                                                          текст = txt_edit.get(1.0, тк.END)
                                                          output_file.write(текст)
                                                      window.title(f"Простой текстовый редактор - {filepath}")
                                                  
                                                  окно = tk.Tk()
                                                  window.title("Простой текстовый редактор")
                                                  window.rowconfigure(0, минимальный размер=800, вес=1)
                                                  window.columnconfigure(1, минимальный размер=800, вес=1)
                                                  
                                                  txt_edit = tk.Text (окно)
                                                  fr_buttons = tk.Frame(окно, рельеф=tk.RAISED, bd=2)
                                                  btn_open = tk.Button(fr_buttons, text="Открыть", command=open_file)
                                                  btn_save = тк.Кнопка (fr_buttons, text="Сохранить как...", command=сохранить_файл)
                                                  
                                                  btn_open.grid(строка=0, столбец=0, sticky="ew", padx=5, pady=5)
                                                  btn_save.grid (строка = 1, столбец = 0, липкий = "ew", padx = 5)
                                                  
                                                  fr_buttons.grid (строка = 0, столбец = 0, липкий = "нс")
                                                  txt_edit.grid (строка = 0, столбец = 1, липкий = "nsew")
                                                  
                                                  окно.mainloop()
                                                    

                                                  Теперь вы создали два приложения с графическим интерфейсом на Python и применили многие темы, изученные в этом руководстве. Это немалое достижение, так что найдите время, чтобы почувствовать себя довольным тем, что вы сделали.Теперь вы готовы заняться некоторыми приложениями самостоятельно!

                                                  Заключение

                                                  Из этого руководства вы узнали, как начать программирование Python с графическим интерфейсом. Tkinter — убедительный выбор для среды графического интерфейса пользователя Python, поскольку он встроен в стандартную библиотеку Python, и создавать приложения с помощью этой среды относительно легко.

                                                  Из этого руководства вы узнали несколько важных концепций Tkinter:

                                                  • Как работать с виджетами
                                                  • Как управлять макетом приложения с помощью менеджеров геометрии
                                                  • Как сделать ваши приложения интерактивными
                                                  • Как использовать пять основных виджетов Tkinter ( Label , Button , Entry , Text и Frame )

                                                  Теперь, когда вы освоили основы программирования Python с графическим интерфейсом пользователя с помощью Tkinter, следующим шагом будет создание некоторых ваших собственных приложений.Что вы будете создавать? Поделитесь своими забавными проектами в комментариях ниже!

                                                  Дополнительные ресурсы

                                                  В этом руководстве вы затронули только основы создания приложений Python с графическим интерфейсом с помощью Tkinter. Есть ряд дополнительных тем, которые здесь не рассматриваются. В этом разделе вы найдете некоторые из лучших доступных ресурсов, которые помогут вам продолжить ваше путешествие.

                                                  Ссылки Tkinter

                                                  Вот несколько официальных ресурсов, которые стоит проверить:

                                                  • Официальное руководство Python Tkinter довольно подробно описывает модуль Python Tkinter.Он написан для более продвинутых разработчиков Python и не является лучшим ресурсом для начинающих.
                                                  • Справочник по Tkinter 8.5: графический интерфейс для Python — это обширный справочник, охватывающий большую часть модуля Tkinter. Он исчерпывающий, но написан в справочном стиле без комментариев и примеров.
                                                  • Справочник по командам Tk — это полное руководство по командам в библиотеке Tk. Он написан для языка Tcl, но отвечает на множество вопросов о том, почему все работает так, как в Tkinter.В официальной документации Python есть раздел, посвященный отображению базового Tk в Tkinter, который необходим, когда вы читаете документ Tk Commands.

                                                  Дополнительные виджеты

                                                  В этом руководстве вы узнали о виджетах Label , Button , Entry , Text и Frame . В Tkinter есть несколько других виджетов, каждый из которых необходим для создания реальных приложений. Вот некоторые ресурсы, чтобы продолжить изучение виджетов:

                                                  • Учебное пособие TkDocs Tkinter представляет собой довольно подробное руководство по Tk, базовой библиотеке кода, используемой Tkinter.Примеры представлены на Python, Ruby, Perl и Tcl. Вы можете найти несколько примеров виджетов помимо описанных здесь в двух разделах:
                                                  • В официальной документации Python есть три раздела, посвященные дополнительным виджетам:

                                                  Распространение приложений

                                                  Создав приложение с помощью Tkinter, вы, вероятно, захотите распространить его среди своих коллег и друзей. Вот несколько руководств, которые помогут вам в этом процессе:

                                                  Другие графические интерфейсы

                                                  Tkinter — не единственный выбор для среды Python с графическим интерфейсом.

                                                  Добавить комментарий

                                                  Ваш адрес email не будет опубликован.