Как создать электронную подпись на сайте | Заметки вебмастера






Как создать электронную подпись на блоге

Электронная подрисьДоброго дня, дорогие читатели «Заметок вебмастера»!

Сегодня решил написать статью о том как создать электронную подпись на своём блоге или сайте.

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

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

Для чего нужна электронная подпись на блоге

Я думаю, вы знаете ответ на этот вопрос, но всё же.

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

Как создать электронную подпись на своём веб-ресурсе

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

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

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

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

Итак, начнем. Для того чтобы начать работу необходимо перейти на сервис — http://x-lines.ru

создание электронной подписи

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

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

Ну а мы свою очередь займемся созданием и установкой личной подписи на свой интернет-ресурс. Первым делом выберите слева внизу вкладку «Рукописные шрифты»:

сделать электронную подпись

Затем выберите понравившийся вам шрифт будущей подписи, нажав напротив этого шрифта на чекбокс:

создать электронную подпись

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

как сделать электронную подпись

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

Можете воспользоваться функцией обводки текста надписи. Для этого кликните на чекбокс «Включить обводку».

Затем выберите размер текста. После соответствующего выбора нажмите кнопку  «Сгенерировать»:

сделать на сайте электронную подпись

Откроется окошко, в котором вам на выбор будет представлено несколько кодов для установки электронной подписи на своём веб-ресурсе:

код для вставки подписи

Копируем предоставленный нам в соответствующем поле html код и вставляем его в поле для редактирования программы  Notepad++. Если у вас нет такой программы, то советую найти ее в интернете и скачать. Это достаточно легко.

Вот что мы получим:

как сделать электронную подпись

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

Вот такой получился код у меня после обрезки:

как сделать электронную роспись

У вас соответственно будет другой код в зависимости от дизайна вашей подписи. но принцип один и тот же. Мне кажется здесь всё понятно.

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

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

Справа выбираем для редактирования файл single.php, нажав на него левой кнопкой мыши. После открытия файла вставьте скопированный код в нужное место.

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

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

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

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 35

  1. Юлия:

    Интересный вариант. Я думала, что такие подписи прописывают с помощью CSS.
    По поводу ссылки.. Вторая ссылка получается все равно остается. Может ее тоже нужно закрыть(noindex, nofollow)?

    Ответить

    • Сергей:

      Юлия, вы внимательная http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif
      Вес со страниц сайта эта ссылка будет передавать, поэтому лучше закрыть ссылку, используя конструкцию rell= «nofollov» или noindex
      Ждал этого вопроса! Спасибо за дополнение статьи, Юлия http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

      • Юлия:

        Ну вот поддерживаю ссылочную массу. Лишнего нам не надо. :)Будем закрывать..

        Ответить

  2. Евгения Куварина:

    Подпись смотрится стильно и красиво, я давно уже обратила на нее внимание, подумаю, может и себе такую сделаю

    Ответить

  3. Игорь Черноморец:

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

    Ответить

    • Сергей:

      Приветствую, Игорь http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif
      Очень рад, что помог тебе, как одному из лучших комментаторов моего блога http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif
      Желаю удачи в создании своей уникальной подписи http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

      Ответить

      • Игорь Черноморец:

        Спасибо за пожелание!
        Сергей, есть маленькая проблема. я пытаюсь установить код в файле singl.php , но… куда бы его не устанавливал, подпись появляется всегда в не нужном месте!!!http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif
        То под заголовком статьи, то после картинок с похожими записями, которые выводятся с помощью плагина! Ну ни как у меня не получается вывести подпись над этими картинками!
        Есть идеи?

        Ответить

        • Сергей:

          Игорь, как один из вариантов это избавиться от плагина и вывести похожие записи при помощи кода, как у меня на блоге.
          Другой вариант — найти строку кода плагина, которая отвечает за вывод похожих записей и разместить код с электронной подписью перед этой строкой http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

          Ответить

    • Екатерина:

      Красивая подпись всегда привлекает внимание. Я тоже хочу себе такое сделать. :smile:

      Ответить

  4. Denis:

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

    Ответить

    • Елена Контиевская:

      Денис, спасибо за идею! Я наверное лучше в фотошопе себе сделаю уникальную подпись экзотическим шрифтом под рукописный…А о делиться ссылочной массой моего молодого блога как-то не очень хочется! Я уже года два пользуюсь этим сервисом, о котором эта статья. На разных вирусных открытках такие подписи в самый раз и хорошо смотрятся-презентабельно. А теперь мне благодаря Дену будет чем заняться…Сергей! Статья классная! Для новичков будет в самый раз.http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

      • Сергей:

        Спасибо за высокую оценку, Елена http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

        Ответить

    • Екатерина:

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

      Ответить

  5. Нина:

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

    Ответить

    • Сергей Саранчин:

      На самом деле, Нина, сервисов много для создания красивой подписи. Но Х-lines мне понравился своей простотой и отличным результатом.

      Ответить

  6. Юрик:

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

    Ответить

    • Сергей Саранчин:

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

      Ответить

  7. Alexandr:

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

    Ответить

    • Сергей Саранчин:

      Ну да, картинка же находится на сервере. Но там мизерная нагрузка. :smile:

      Ответить

    • Екатерина:

      Не стоит настолько мелочиться. Подпись очень красиво смотрится. Она дает блогу некую индивидуальность.

      Ответить

      • Alexandr:

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

        Ответить

        • Екатерина:

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

          Ответить

  8. Игорь:

    Генератором подписи воспользовался.
    На тестовом блоге отлично вышло

    Ответить

    • Екатерина:

      А на основной блог, когда переносить собираетесь? Интересно посмотреть.

      Ответить

      • Alexandr:

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

        Ответить

        • Екатерина:

          Так что ж я буду каждый день проверять блог Игоря? Так не интересно.

          Ответить

          • Игорь:

            Катюх,я уже давно в конце статей ее сделал

            Ответить

      • Alexandr:

        Кстати по подписи можно узнать характер человека и даже его внешность.

        Ответить

        • Екатерина:

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

          Ответить

          • Alexandr:

            Я не расшифровывал подпись, я пытался узнать характер по подписи.

            Ответить

        • Игорь:

          По электронной подписи,вы ничего не разгадаете.

          Ответить

  9. Сергей:

    Как я понял, у вас подпись, выводится в виде картинки, зачем добавлять лишние ссылки и надеяться на то что X-Lines не прекратит существование

    Ответить

    • Сергей Саранчин:

      Изначально, Сергей, подпись выводилась с помщью ссылок на сервис, но потом я просто отскриншотил её и сделал в виде изображения.
      Так надёжнее, подумал я, так же как и Вы! Но в любом случае этот сервис поможет Вам создать свою уникальную подпись. :smile:

      Ответить

      • Сергей:

        Да, Сергей, согласен. Я так и поступил, сделал скриншот, обработал в фотошопе и прописываю путь к
        картинке после статьи. Никаких посторонних ссылок. Вдобавок, картинку сделал ссылкой на главную страницу сайта. Теперь осталось изменить подписи во всех статьях! :oops:

        Ответить

        • Сергей Саранчин:

          Отлично! Удачи Вам в дальнейшем!

          Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: