Part-Start.ru

Октябрь 18, 2011 | Рубрика: WordPress. Создайте свой сайт

Как быстро сделать кнопку

Как сделать кнопку, используя только клавишу Print Screen и программу Paint.

Как сделать кнопку? используя клавишу PrtScЭта статья – ответ на вопрос, который мне задали в Facebook: «Подскажите, на вашей странице "рекламодателю", сайт czgo.ru, у вас есть кнопки вебмани, рбк мани, яндекс деньги. Откуда их можно скачать? Поделитесь пожалуйста».

Такие кнопки можно посмотреть на странице Контакты.

Я ответил, что скачать эти кнопки нельзя, я их сделал сам. И сейчас я расскажу, как это можно реализовать, используя только стандартные возможности Windows XP.

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

Что нужно сделать для того, чтобы сделать кнопку.

  • Подготовить картинку необходимого размера.
  • Разместить картинку в новой записи WordPress.
  • Привязать к картинке ссылку на ту страницу, куда следует перейти.

Разберем каждый этап изготовления кнопки подробно. Я буду использовать сайт czgo.ru и сделаю для него кнопку перехода на главную страницу. Такую кнопку можно использовать, как баннер.

Сейчас мы с вами пройдем по всем этапам; от создания изображения до установки ссылки, которая ведет с картинки на нужный сайт, тем самым ответим на вопрос: Как быстро сделать кнопку?

 

Мини курс.Доходная графика.
Виктор Рогов.

Доходная графика.Бесплатный мини курс.


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

Это просто, и вы быстро научитесь:

Создавать необычные, оригинальные кнопки для вашего сайта.

Делать 3D обложки для ваших цифровых книг и других информационных товаров.

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

Очень полезный, практический курс!

Получите три бесплатных урока

 

Итак, для того, чтобы быстро сделать кнопку, используя только стандартные возможности Windows и WordPress, необходимо:

Подготовить картинку необходимого размера.

В качестве картинки я буду использовать логотип своего сайта czgo.ru

Нужно перейти на нужную страницу и сделать скриншот (снимок экрана)

Для этого я использую клавишу PrtSc. Полное название этой клавиши Print Screen или еще встречается сокращение PrtScn. Эта клавиша обычно расположена на клавиатуре недалеко от клавиши F12 и Enter.

 

Screenshot (снимок экрана) состоит из двух слов screen – изображение на экране, shot – мгновенный сномок.

 

Если нажать только клавишу Print Screen, то в буфер обмена сохраниться снимок всего экрана.

Если нажать комбинацию клавиш Alt+Print Screen, то в буфер обмена сохранится активное окно.

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

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

 

Сlipboard (буфер обмена) в системе Windows это область памяти, промежуточное хранилище информации, которое предназначено для переноса или копирования данных между разными приложениями или программами. Все, что скопировано, помещается временно в буфер обмена, и хранится там до следующего копирования.

 

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

Выбрать в главном меню команду Правка – Вставить.

После этого инструментом Выделение вырезать кусок картинки необходимого размера.

В главном меню создать новый файл  Файл – Создать. Вставить выделенный фрагмент в новый файл Правка – Вставить.

Сохранить картинку, которая станет кнопкой, с расширением .png или .jpg Далее, выбираем команду: Файл – Сохранить как.

Имя файла должно быть написано латиницей и не содержать пробелов, например: czgo_2. jpg

Вырезать и сохранить кнопку

Картинка у нас сохранена на диске.

Разместить картинку в новой записи WordPress

Для этого необходимо перейти в панель администрирования WordPress. В панели управления выбрать Записи – Добавить новую.

Выбрать режим  просмотра Визуальный.

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

Выбрать на панели инструментов команду Загрузить/вставить – Добавить изображение.

Выбрать С компьютера. Указать путь к сохраненной картинке на вашем жестком диске и нажать кнопку Загрузить.

Вставить и сохранить кнопку

 

Привязать к картинке ссылку на ту страницу, куда следует перейти.

В процессе размещения на странице картинки, в окне Добавить изображение нужно выбрать строку Ссылки и вставить в окно формы адрес той страницы, куда должна вести ссылка с картинки.

Затем нажать кнопку Вставить в запись.

Чехия - все самое важное

На новой странице будет размещена кнопка в виде изображения. Именно тот кусочек изображения экрана, который мы получили с самом начале, использовав кнопку Print Screen и программу Paint.

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

Дополнительно хочется дать небольшую SEO рекомендацию.

Обратите внимание! Когда вы вставляете иллюстрацию на страницу, WordPress, по умолчанию, устанавливает ссылку на эту картинку. Получается, что если на нее кликнуть, то она загрузится в новом окне браузера.

Это не очень хорошо по нескольким причинам:

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

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

Это тупиковая ссылка, такие не любят поисковые машины. Такие ссылки передают PR со страницы, тем самым уменьшая ее вес.

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

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

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

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

Вы теперь знаете, как сделать кнопку для своего сайта быстро. О более продвинутых способах рассказал Виктор Рогов в своем бесплатном мини курсе:

Доходная графика

В этом курсе дополнительно  говорится о том, как сделать 3D обложку для инфотовара и создать привлекательную форму подписки.

Найдите нужную статью на сайте. Введите слово или фразу в форму поиска!

Комментарии

Как быстро сделать кнопку

Avatar

Галина

Октябрь 18th, 2011 at 14:44

Статья класс! Кнопки будут лучшие, благодаря Вам!

Avatar

Людмила

Октябрь 19th, 2011 at 10:00

Георгий, спасибо, что нас учите новому!!!)))Нужная кнопка, я уже думала о ней!!!

Avatar

Георгий

Октябрь 30th, 2011 at 10:35

Здравствуйте, Людмила! Пожалуйста, появятся вопросы — пишите :)

Avatar

Евгений

Ноябрь 23rd, 2011 at 02:02

Полезная информация. молодцы!!!

Avatar

Елена

Декабрь 23rd, 2011 at 16:59

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

Avatar

Георгий

Декабрь 23rd, 2011 at 17:20

Здравствуйте, Елена! Вы, пожалуйста, напишите подробнее про подписку, о чем речь? Почтовая рассылка у Вас не работает или RSS?

Avatar

Галина

Декабрь 30th, 2011 at 16:10

Огромное спасибо!
Никак не получалось до этого сделать ссылки кнопками. Обрыскала весь Интернет. Но никакие рекомендации не помогали, либо были недоступны для понимания. Оказалось, что так просто!

Avatar

Георгий

Декабрь 30th, 2011 at 19:34

Здравствуйте, Галина! Если будут вопросы — пишите, я постараюсь помочь.

Напишите комментарий

Ссылки

PART-START

Свежие записи

Refill Services canadian pharmacy of seeing a doctor. A catalog of medical and cosmetic products with descriptions. Thematic categories, search by alphabet and key words. All in online pharmacies [!* viagra super active We constantly offer promotions for our customers. The details of the bonus program, see Special Offer.