В CSS существует свойство, с помощью которого вы сможете легко изменить курсор на своем сайте. Часто бывает так, что стандартный курсор Windows не вписывается в общую картину сайта. Чтобы изменить это, сделаем небольшие поправки в коде.
Делаем нестандартный курсор на сайте
Если вы хотите изменить курсор на всем сайте, то в стили вашего сайта добавьте следующее:
Body { cursor: url("/пусть к файлу/sword.cur"), auto; }
В коде вам нужно изменить адрес до вашего курсора. Сам курсор может быть как обычное изображение (расширений *.png , *.gif , *.jpg , *.ico ) или же иметь специальное расширение курсоров *.cur
Если же вы хотите изменить курсор, например, только при наведении на ссылку или нужный вам объект, то вставьте:
Link:hover { cursor: url("/путь к файлу/sword.cur"), auto; }
Стандартные свойства CSS для изменения курсора
Если же вы не хотите перегружать ваш сайт сторонними курсорами, то можно использовать стандартные свойства CSS. Что представляет из себя каждое свойство, отражено в таблице ниже. Наведите курсор на ячейку – и ваш курсор изменится.
cursor: auto; | cursor: default; | cursor: none; |
cursor: context-menu; | cursor: help; | cursor: pointer; |
cursor: progress; | cursor: wait; | cursor: cell; |
cursor: crosshair; | cursor: text; | cursor: vertical-text; |
cursor: alias; | cursor: copy; | cursor: move; |
cursor: no-drop; | cursor: not-allowed; | cursor: all-scroll; |
cursor: n-resize; | cursor: e-resize; | cursor: s-resize; |
cursor: w-resize; | cursor: col-resize; | cursor: row-resize; |
cursor: nw-resize; | cursor: se-resize; | cursor: sw-resize; |
cursor: ew-resize; | cursor: nesw-resize; | cursor: nwse-resize; |
cursor: zoom-in; | cursor: zoom-out; | cursor: grabbing; |
cursor: grab; | cursor: ns-resize; | cursor: ne-resize; |
Для применения этих свойств вы так же копируете нужное вам и применяете к объектам на вашем сайте, например:
Link:hover { cursor: w-resize; }
А в качестве бонуса мы предлагаем вам небольшую подборку красивых курсоров, которые вы можете использовать на своем сайте.
Когда посетитель сайта оставляет комментарий, рядом с его именем отображается аватар пользователя. Кроме обычных аватаров, Вордпресс использует особый тип аватара, который называется Граватар.
Gravatar — сокращение от Globally Recognized Avatar , то есть глобально распознаваемый аватар. Граватар добавляется автоматически, когда вы оставляете комментарий на любом Вордпресс сайте.
Этот сервис поддерживается компанией Automattic, которая разрабатывает WooCommerce, WP Super Cache, приложение для мобильных и другой софт. Часть разработчиков Automattic являются разработчиками Вордпресс.
Если у посетителя нет своего Граватара, Вордпресс показывает стандартный аватар.
Вы можете изменить стандартный аватар посетителя в разделе Комментарии на свой, это поможет брендированию вашего сайта.
В этой статье вы узнаете, как изменить стандартный Аватар по умолчанию своей картинкой без плагина.
- Создайте картинку для аватара
- Загрузите на сайт
- Добавьте код в functions.php
- Измените адрес картинки и название аватара в коде
- В Настройках — Обсуждение выберите свой аватар
- Нажмите Сохранить
Аватар по умолчанию
По умолчанию используется стандартный аватар Человек — загадка.
Настройки аватара находятся в Настройках — Обсуждение .
Аватары Identicon , Wavatar , MonsterID и Ретро генерируют уникальные картинки для каждого посетителя на основе Имени или е-мейла пользователя.
Использование собственной картинки для аватара
Размер стандартной картинки 80х80 пикс. Создайте свою картинку того же размера или чуть больше. Можно создать картинку размером 150х150 пикс. — 250х250 пикс.
Добавьте эту картинку в галерею Медиафайлы — Добавить новый .
Нажмите Изменить , откроется окно параметров картинки.
Скопируйте адрес вашей картинки и сохраните в текстовом редакторе.
Добавьте этот код в файл или с помощью в текущую тему:
В строке 4 вставьте адрес вашей картинки из текстового редактора. В строке 5 измените название аватара.
Вернитесь в Настройки — Обсуждение , должен появиться ваш новый аватар.
Теперь Вордпресс должен использовать этот аватар для всех посетителей, у которых нет своего Граватара.
Надеюсь, статья была полезна. Оставляйте комментарии.
Давно не рассказывал ништяков об этой панельке и как раз сегодня упростил себе работу, сэкономив кучу времени в перспективе.
Как только я регистрирую домен, я привязываю его к VPS’ке и стараюсь повесить хоть какую-то заглушку, с основным ключом в h1 и title. Раньше я просто правил стандартный index.html, топорно вставляя нужные ключевики. Со временем собрался небольшой стартер-пак простейшей html-странички.
Сейчас дошли руки нормально отредактировать стандартный index.html в VestaCP. Теперь создаётся правильный robots.txt, sitemap.xml (да, только с главной страницей), index.php (вместо index.html), .htaccess, style.css и социальные кнопки.
Как изменить index.html в VestaCP
Если у вас есть удобный sftp-клиент и root’овый доступ - можно поступить очень просто. Скачайте мой шаблон с GitHub , перейдите в клиенте по пути /usr/local/vesta/data/templates/web/skel/public_html/ , удалите оттуда файлы и залейте только что загруженные. Вот и всё.
Если sftp-клиента или root’а нет - будет немного дольше. Подключитесь по ssh и перейдите в директорию с файлами заглушки:
Cd /usr/local/vesta/data/templates/web/skel/public_html/
Создайте все необходимые файлы. Если вы скачали мой архив с GitHub’а, то вводите такую команду:
Sudo touch .htaccess sitemap.xml style.css likely.css likely.js
Sudo chmod 755 .htaccess sitemap.xml style.css likely.css likely.js
И переименуем index.html в index.php:
Sudo mv index.html index.php
Каждый файл теперь нужно отредактировать под себя, сделать это можно консольным редактором Nano следующей командой:
Sudo nano название_файла
Просто выделяете текст, удаляете, вставляете нужный. Файл сохраняется комбинацией Ctrl + O, потом можно закрыть Nano сочетанием Ctrl + X.
%domain% - Это переменная, вместо которой подставляется домен. Помогает генерировать правильные robots.txt и sitemap.xml.
Если не хочется делать свою заглушку - можете воспользоваться моей: vesta-index-template . Переходите по ссылке и в папке template, там вы найдёте все готовые файлы.
О файлах в шаблоне информация ниже.
Генерация sitemap.xml
Состоит из одной страницы - главной. Реальная польза пока только в том, что Яндекс Вебмастер не надоедает ошибкой отсутствия карты сайта.
Генерация.htaccess
В.htaccess сразу идёт редирект с www на без-www, редирект на https (сразу подключаю от Let’s Encrypt) и редирект с index.php и index.html в корень домена. Плюс добавлен редирект для внешних ссылок, достаточно добавить /out/ вначале.
Генерация robots.txt
Сразу прописываю host с указанием https и указываю на карту сайта.
Об index.php, style.css и социальные кнопки
Чтоб было проще я взял готовый минималистичный css-фреймворк. Его нет в примере на GitHub, ищите свой, их сотни. 🙂 Также внёс немного правок в style.css, и прикрутил кнопки Лайкли . Также на заглушки ставлю Метрику и комментарии от ВКонтакте (лол).
В начале index.php для удобства указано 3 переменных, которые подставляются во все нужные места:
- $vesta_title - Заголовок для страницы;
- $vesta_description - Описание сайта;
- $vesta_sitename - Название сайта.
Меняете их под свой проект.
В head также у apiId указано 6666666. Это ID для комментариев ВКонтакте, получить его можно на
Windows 10 предлагает пользователям много новых возможностей, но вместе с этим ОС избавилась от большого количества удобств, особенно в вопросе персонализации, которые так нравились поклонникам Windows. Возможность сменить шрифт является одной из таковых. Если раньше Microsoft разрешала легко изменить стиль надписей в Windows, то теперь все это проделать можно только различными кустарными способами.
Как сменить стандартный шрифт в Windows 10
Будьте внимательны: редактирование реестра связано с определенной долей риска вывести компьютер из адекватного рабочего состояния. Не забывайте, что ответственность за ваши действия несете только вы. Не уверены в своих силах и возможности вернуть все назад? В таком случае лучше воздержитесь от экспериментов.
Инструкция включает в себя немного танцев с бубнами и реестром, так что будьте внимательны. Но конечным результатом может стать сильно преобразовавшаяся ОС со шрифтами, которые вам нравятся больше стандартных.
- Откройте Панель управления . Это делается путем комбинации клавиш Win + X и из меню выбирается Панель управления . Примечание: на сборках Windows 10 Creators Update Панель управления выпилили из этого меню, поэтому найти старый раздел настройки компьютера можно через поиск. Откройте Пуск и введите Панель управления .
- Перейдите в раздел Оформление и персонализация – Шрифты . Если у вас отключено отображение по категориям и выбрана опция вывода пунктов Панели управления списком, просто найдите снизу раздел Шрифты.
- Перед вами откроется список всех доступных шрифтов в операционной системе. Найдите нужный вам шрифт и запомните его имя. К примеру: Kozuka
Gotic
Pro
L
или Ristretto
Pro.
Если у вас есть кастомные шрифты, можно установить их. Будьте осторожны в выборе и используйте только те шрифты, которые поддерживают кириллицу. Также не стоит выбирать что-то вроде Webdings
, поскольку текст заменится на различные значки и пиктограммы, что вряд ли вам понравится.
Примечание: в Windows 10 стандартный шрифт называется Segoe UI. - Теперь откройте Блокнот . Найти его можно в списке всех приложей. Для более быстрого запуска используйте комбинацию Win + R и введите notepad.
- Скопируйте следующий текст в блокнот:
Windows Registry Editor Version 5.00
"Segoe UI (TrueType)"=""
"Segoe UI Bold (TrueType)"=""
"Segoe UI Bold Italic (TrueType)"=""
"Segoe UI Italic (TrueType)"=""
"Segoe UI Light (TrueType)"=""
"Segoe UI Semibold (TrueType)"=""
"Segoe UI Symbol (TrueType)"=""
"Segoe UI"="Выбранный вами шрифт" - В последней строчке "вместо" Выбранный вами шрифт
надо вставить название шрифта, который вы будете устанавливать стандартным. К примеру, готовая строчка должна выглядеть наподобие:
"Segoe UI"="Ristretto Pro"
- Сохраните файл. При сохранении выберите тип файла Все файлы и самостоятельно укажите расширение для файла . reg .
- Дважды нажмите на созданный вами файл. Система предложит внести его в реестр компьютера.
- Перезагрузите устройство, после чего новые шрифты должны заменить собой старые во всех разделах операционной системы.
В комплекте с Ubuntu идет набор стандартных, предустановленных программ, в том числе веб браузер Firefox и почтовый клиент Thunderbird.
Хотя у этих программ есть свои поклонники, но есть люди и с иными вкусами. Пользователи часто задаются вопросом, как изменить стандартный браузер или поставить другой почтовый клиент.
Для большинства стандартных программ в Ubuntu, таких как браузер, почтовый клиент, текстовый редактор, музыкальный и видео проигрыватель существует очень простой способ по их замещению. Не все знают о панели настроек, в которой можно произвести эти самые изменения, поэтому давайте открывать новые горизонты.
Mozilla Firefox - это солидный и надежный, бесплатный браузер, но не каждый пользователь готов пользоваться именно им.
Для того, чтобы изменить стандартный браузер в Ubuntu вам необходимо сперва установить новый:
Бесплатные веб браузеры, такие как Epiphany, Chromium и IceWeasel доступны в центре программного обеспечения Ubuntu.
Известные браузеры, вроде Google Chrome , Opera и Vivaldi можно скачать с их официального вебсайта этих.
- Откройте ‘Системные Настройки’ в главном меню Unity
- Выберите вкладку ‘Детали’
- Выберите ‘Стандартные приложения’
- Измените раздел ‘Web’ с ‘Firefox’ на любой выбранный браузер
- И на этом все.
Как изменить стандартный почтовый клиент в Ubuntu
В комплекте Ubuntu идет стандартный почтовый клиент Thunderbird, что означает, что при нажатии на любую почтовую ссылку будет автоматически открываться этот клиент.
Удобнее всего, если вы привыкли к Thunderbird, конечно же. Но для большинства дела обстоят не так; для большинства привычнее что-то вроде Geary или почтовый сервис Gmail.
Чтобы изменить стандартный почтовый клиент в Ubuntu откройте Системные Настройки > Детали> Стандартные приложения. Выберите пункт меню ‘Почта’ и там укажите предпочитаемый клиент.
Чтобы сделать Gmail стандартным почтовым клиентов в Ubuntu , установите сперва пакет ‘gnome-gmail’ нажав на ссылку ниже. После установки откройте Системные Настройки > Детали> Стандартные Приложения. Выберите пункт меню ‘Почта’ и там укажите ‘Gmail’.