Как создать красивую миниатюру для постов?
Ребята всем привет, хочу вам показать как сделать красивую миниатюру для своих постов. Походил по других блогах посмотрел что да как, и понял что над миниатюрой нужно многим поработать, так как по их дизайну блога или сайта, не красиво выглядит миниатюра.
Сделал для себя маленький вывод, в том что, дизайн себе заказывают красивые, а вот над миниатюрами к постам, не заморачиваются так сказать. Вот недавно зашёл на один блог, дизайн мне понравился, начал прокручивать вниз, чтобы посмотреть весь блог и взялся за голову от того что увидел миниатюры к постам.
Посмотрел вообщем весь блог и понял что этот человек заказал дизайн, а миниатюру сделал сам, все так криво не ровно, ну вообщем нет слов, одним словом не передать. Тем самым хотел обратится ко всем, ребята не только акцентируйте свое внимание на дизайне шапки и подвала сайта, но возьмите во внимание ваши картинки к постам, ведь от них зависит, будут его читать или нет !!
Вообщем, могу так долго писать и говорить...
P.S. Вот кстати поменял немножко дизайн на своем блоге, и решил по этому поводу и написать этот пост, жду ваших комментариев по дизайну, готов выслушать все ваши пожелания и недочеты !!!
Итак приступим.
Миниатюра записи wordpress
Я покажу как сделать красивый шаблон для поста, и каждый раз вам не нужно создавать опять и опять, а просто подставили вашу картинку и все! Вот пример:
Ну вот примерно так, для начала работы вам понадобится программа Adobe Photoshop, скачать её можно в интернете без вопросов, я пользуюсь версией CS5, вы можете по новее скачать если хотите. Скачали активировали и заходим в программку, жмем Файл/Создать и в открывшемся окне все выставляем вот так:
Размер у меня получается 550 х 412, вы ставьте свой какой вам нужно под ваш блог, и ОК.
Как всё делать я покажу вам в своем видео ниже, а сейчас я дам вам несколько элементов к шаблону, вот несколько примеров для шаблона, это будет уголок который вы видите вверху слева:
Я их сделал разными цветами в формате png, вы можете поменять цвет этих уголков как вам нужно, вот и все, задавайте вопросы кому что не понятно, вся подробная инструкция в данном видео:
С уважением Евгений Смецкий
24 комментария
Для таких постов было бы просто замечательно добавлять PSD исходник для возможности скачивания — тогда впрочем читателям не пришлось бы изучать все тонкости, а просто заменить цвета и текст...
Этот пост, писался не для того чтоб скачать готовый, но чтоб научились сами !! В прочем кому надо могу скинуть, у кого лень или нет времени делать 😉
Мне пожалуйста сбросьте по почте — технология понятна, но сейчас мне не нужно изучать, я себе собираю исходники разных работ, и когда конкретно нужно — просто открыл нужный исходник, применил изменения и все классно.
Хорошая статья, я до этого не знал как другие делают подобные миниатюрки. Свою вообще сделал в Paint)) Новый дизайн получился красивый, особенно шапка понравилась. Дизайн сам делал?
Надо поменять цвет кнопок: читать далее, отправить комментарий.
Зачем 😀
Я смотрю на кнопку отправить комментарий и не вижу, что на ней написано. ЦВет шрифта поменять надо, чтобы можно было разглядеть.
Женя, напиши, пожалуйста, статью про вывод лучших записей. Если можешь.
Подробнее можешь, не совсем понял ? 😕
Я имею ввиду статью на тему «вывод лучших записей с миниатюрами в сайдбаре» написать было бы здорово. Думаю, не только я хочу это дело понять, но и многие другие блоггеры.
Ок, взял на заметку 😉
Кнопка ответить у тебя не работает.
У меня тоже подобная неполадка была. Надо зайти в админку — настройки — древовидные комментарии — и здесь найти вот такой пункт:
Настройки формы комментариев
Comment Form ID: — пустое поле —
Вот в этом пустом поле пропиши: commentform
Теперь кнопка будет работать.
Спасибо Юрий, что-то сбились настройки ! 🙂
Евгений, вижу мой комментарий выше оставлен без внимания — но мне понравился шаблончик. Если можно, сбрось заготовку на почту (если уж в статье ей не место). Пожалуйта...
Юрий, если тебе Евгений сбросит исходник кода, чтоб его не обременять скинь пожалуйста и мне
Я тоже так делала, сначала шаблончик, и уже внутрь вставляла картинку, на каждую статью, новую картинку.
Но, мне вот интересно, где блоггеры берут красивые рисованные изображения.) Я пока только с поисковиков нахожу, но это совсем не то, что хотелось бы.)
Найди художника себе и он тебе будет все рисовать (фрилансера) все очень просто ))
Я думала об этом.)) Ты тоже себе нанял фрилансера? Надо будет полазать сейчас на бирже фрилансеров, посмотреть сколько они берут за это дело. Если писать статьи 2 раза в неделю, нужны будут 2 главные картинки, и между-статейные.))
Надеюсь, не очень дорого. 😛
Я никого не нанимаю, работаю сам )) я сам как фрилансер )
Диана, так почему Вы прячете свой блог о всеобщего обозрения, ведь Вы рекламируете не свой блог а блог Сергея Стрелкова
Спасибо Евгений. Сегодня же переделаю свой дизайн картинок. Особенное спасибо за то что показали как вставлять картинки. Я сначала уменьшал размер, а потом перетаскивал. Теперь будет веселее и быстрее.
Пожалуйста, рад помочь )
Я тоже на сайт начал вставлять картинки в фотошопе сделаные. А раньше обычной программой для просмотра картинок обрезал под нужный размер и вставлял на сайт.