Создание пользовательской плитки для ссылки на ваш сайт

Создание пользовательской плитки для ссылки на ваш сайт

обзор

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

Шаг 1. Создайте изображение для использования в качестве закрепленной плитки.

Во-первых, вам понадобится квадратное изображение для представления вашего веб-сайта и его использования в качестве закрепленной плитки на телефоне. Устройства Windows Phone 8 поддерживают экраны высокой четкости шириной до 768 пикселей, поэтому мы рекомендуем использовать изображение с разрешением 768 x 768 пикселей, чтобы получить наивысшее качество на Windows Phone 8. Но при желании вы можете использовать изображение с более низким разрешением.

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

На следующем изображении показано простое изображение плитки с номером «1» и прозрачным фоном.

Шаг 2: Добавьте скрытый оверлей на вашем сайте, чтобы активировать плитку

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

Вы можете добавить текст или изображение под наложением, которое указывает пользователю, что ему нужно использовать меню в Internet Explorer для Windows Phone, чтобы выбрать «Прикрепить к началу». Вы можете изменить свойство цвета на любой цвет, если вы используете текст.

Вот пример:

Шаг 3: Добавьте ссылку для отображения наложения

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

Вот как выглядит пример на телефоне:

Совет: Поскольку функция Pin to Start доступна только в Windows Phone, вы должны обязательно обнаружить Windows Phone [см. Сообщение в блоге об обнаружении UA), чтобы отображать эту ссылку только на одном из этих устройств, а не на любом другом типе смартфона. Возможно, вы также захотите предоставить пользователям возможность скрыть ссылку, если они уже прикрепили ваш сайт к своему Начните экран, или если они просто не хотят его больше видеть.

Шаг 4. Добавьте JavaScript для переключения наложения

Вы можете добавить простой JavaScript к

Теперь, если вы нажмете на ссылку, созданную на шаге 3, вы увидите наложение. Например:

Шаг 5: опробуйте новую пользовательскую плитку

Это оно! Как только наложение отобразится, нажмите на строку меню (‘…’), а затем «Прикрепить к старту», ​​чтобы добавить свою собственную плитку к своей. Начните экран.

Читайте так же

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