Как вставить ссылку внутрь статьи, чтобы автоматически добавилась миниатюра статьи


Содержание материала:

Как добавить рубрику в меню и вывести запись статьи в миниатюрах

Статья отредактирована 25.10.2020 г.

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

  • Как добавить рубрику
  • Выведем записи статьи в миниатюре.

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

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

Заходим во вкладку записи и выбираем рубрики.

Потом нужно зайти в консоли во вкладку рубрики. И прописать название. Например, бабушкина шкатулка.

Появилась новая рубрика.

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

Далее нужно зайти в меню и добавить рубрику ( в данном случае это рубрика

И все потом сохранить. Все наша рубрика в меню добавлена.

Дальше проверяем поддерживает ли наша версия WordPress миниатюры.

Миниатюры записей.

Это вывод ваших записей в виде маленьких картинок-миниатюр со ссылкой на основную статью. Смотрится очень красиво.

Как узнать поддерживается ли миниатюра записи на Вашем блоге?

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

И нажать вкладку записи- все записи добавить новую.

Пропишите заголовок Вашей статьи. Затем поставьте курсор в начале поля и выберите добавить медиафайл. И тут в левом меню Вам предложат задать миниатюру. Кликните- задать миниатюру и обязательно подтвердите свое решение, в правом нижнем углу. Смотрите, как у меня на скриншоте.

Чтобы все узнать более наглядно и подробно, смотрите короткий видео урок по ссылке https://youtu.be/RKmfaiN3Chs .

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

На этом у меня все. Надеюсь, что мой урок Вам пригодился.

C уважением, Рита Молчанова, автор блога ritabk.ru

Похожие записи
Яндекс диск и как им пользоваться
Как пополнить кошелек webmoney с мобильного телефона
Как сделать 404 страницу красивой и привлекательной

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

Закрываю их от индексации в SEO плагине, чтобы не создавать дублей. Удачи всем!

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

Елена, вы перепутали это картинки в миниатюрах в виджетах. Я писала не об этих миниатюрах. А о таких, которые будут картинка(миниатюра) и анонс. Такие, как вы хотите выводит плагин по моему Gallery, NextGEN Gallery, Easy Media Gallery — Best Gallery & Photo Albums Plugin, Photo Gallery, Responsive Photo Gallery, Simple Photo Gallery. Как видите, их много. Это я написала малую часть. Нужно только смотреть совместим ли он с вашей версией wordpress или нет. Найти их можно или в строке поиска от яндекс или google. Или в консоли блога. Плагин ->> добавить новый>> поиск плагина->> впишите название нужного. Если будете скачивать , то только с сайта разработчика. И еще если у вас много фото или картинок, то заранее подберите тему для этого дела. Есть в темах уже все это встроено. Мне это не нужно, так как у меня блог по блоговедению. В основном скриншоты и уроки. Вот как то так.

Рита, здравствуйте! Скажите, если всё сделать так, как вы говорите, то эта рубрика появится вверху в панели меню, там, где указаны другие рубрики? Вы меня поняли, что я хочу узнать? Чтобы эта рубрика появилась не в виджете, а вверху в меню блога. Не знаю, правильно ли я вам объснила. С уважением, Анна.

Анна, вы все поняли правильно. Если мы ее добавили в меню она там и появится. Заметьте, только ту рубрику, которую мы захотели вывести в меню.

Рита, здравствуйте! Спасибо большое, что ответили. Теперь я перенесу свою рубрику «Музыка любви» туда, а то никак не могла понять, как же мне это сделать. Она так и осталась в «Рубриках». Страницу создала, а как туда добавить ещё статьи на эту же тему — не знаю. Попробую провести эксперимент. С уважением, Анна.

Пожалуйста, Анна, обращайтесь.

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

А теперь по существу статьи. Смотрите, у меня в меню уже есть рубрика «Музыка любви», и там всего одна статья с одноимённым названием, а все остальные статьи остались в рубрике в сайтбаре. А как бы мне перенести их теперь в эту рубрику в меню? Не знаю, поняли ли вы то, что я хотела у вас спросить. Если есть возможность, загляните на блог, чтобы это всё увидеть своими глазами. Может что-то подскажете. С уважением, Анна.

Здравствуйте, Анна! Спасибо за Поздравление. А теперь по существу. Рубрики в меню выводятся страницами. Мы сначала создаем страницу, а потом добавляем в меню. С этим понятно. Чтобы все рубрики у вас были, нужно в эту страницу добавить на них ссылку. Только так. Это один вариант. Если хотите по отдельности добавляйте каждую страницу в меню. Только у вас они могут некрасиво отображаться. Шаблон такой. Попробуйте. Не получится тогда к дизайнеру или верстальщику. Код править нужно. А по мне если они у вас в сайд баре, тогда зачем их все туда добавлять? Кому нужно все увидит. Но это мое мнение.

Форма для посетителя, чтобы добавить статью на сайт

И снова, здравствуйте, судари и сударушки! Очень рад, что заглянули ко мне на огонёк и надеюсь вы найдёте здесь, нужную, полезную информацию. Наша сегодняшняя важная тема, это — форма для посетителя, чтобы добавить статью на сайт. Вы наверное знаете, что на некоторых сайтах, особенно на кулинарных, есть возможность для читателей размещать статьи, новости или рецепты .

Очень полезная штука. Для некоторых сайтов, их посетители важны не только как читатели, но и как источник наполнения контентом веб-ресурса. Вам по сути, ни чего делать и не нужно, читатели сами за вас работают, при том бесплатно. Как это происходит?

Посетитель нажимает кнопку или ссылку «Добавить статью» Предложить новость» или «Добавить рецепт» открывается страница с формой, где он спокойно пишет свою важную новость или рецепт, затем, добавляет картинку и отправляет её вам на сайт. Вы как админ, проверяете её и решаете публиковать сразу, редактировать или удалить добавленную запись. Вот, как то так.

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

Плагин User Submitted Posts форма для добавления посетителем статьи на сайт

Плагин User Submitted Posts

На этом плагине я остановлюсь чуть подробней, так как я использую его на своём политическом сайте и он меня устраивает. После установки и активации плагина вам нужно перейти к его настройкам. Админпанель — раздел Настройки — новый подраздел User Submitted Posts и на открывшейся странице установить нужные вам опции для формы:

Настройка плагина User Submitted Posts

Здесь, много настроек, все перечислять не буду, да и незачем, сами разберётесь. Вот некоторые опции: какие поля для формы будут отображаться (имя пользователя, заголовок сообщения, метки, выбор категории капча и так далее); какие категории разрешены; оповещать по электронной почте админа и многое другое. После того, как вы справитесь со всеми настройками, сохраните изменения и далее, вам нужно создать новую страницу. Дать ей подходящее название например, «Добавить новость», «Добавить рецепт» и т. п. А затем в режиме «Текст» вставить такую строчку [user-submitted-posts]

Новая страница с формой Добавить статью на сайт

Опубликуйте её и теперь страница с формой «Добавить статью» будет выглядеть так:

Если кто то разместит новость, то вам придёт на почту сообщение и вы можете перейти на сайт — Все статьи — На утверждении и решить, что с ней делать:

Статьи на утверждении присланные читателями

Да, ещё одно, для того, чтобы перевести форму на русский язык, зайдите Плагины — Редактор и вверху справа из выпадающего списка выберите нужный плагин User Submitted Posts. Нажмите выбрать и откройте файл user-submitted-posts/views/submission-form.php для редактирования. Замените иностранные слова на русские, только не все, а только те, которые относятся к форме. Перейдём к следующему плагину, только теперь, без подробностей. Вы сами можете протестировать их и решить какой использовать.

Плагин Frontend Publishing форма добавить новость на сайт

Форма добавить новость на сайт

Этот легкий плагин позволяет вам принимать гостевые посты / статьи. В отличие от других плагинов такого рода, Frontend Publishing предлагает полный визуальный редактор сообщений.

WP User Frontend — форма для добавления посетителем статьи на сайт

Плагин WP User Frontend

WP Frontend User дает вам ряд приятных опций, позволяющим пользователям размещать записи на сайте. Вы можете легко контролировать то, что они добавили — например, изображение, название статьи, теги и так далее. Единственное кажется, что пользователь должен быть зарегистрирован и потом войти в систему. Существует про версия, которая позволить вам обойти это требование.

Really Simple Guest Post Plugin — плагин позволяет посетителям добавить запись без регистрации

Really Simple Guest Post Plugin — плагин WordPress

Гостевой плагин . Модуль создаст форму, где ваши гости могут представить свои сообщения. Любой желающий сможет разместить статью и она будет добавлена автоматически в виде отложенного поста. После рассмотрения вы будете решать, какие записи утверждать для публикации или отклонить. В представленные сообщения будут включены имя автора, адрес электронной почты, автор URL, название, описание, категории и теги.

Frontend Uploader — простой способ для пользователей, чтобы разместить статью на сайте

Плагин для WordPress — Frontend Uploader

Довольно интересный плагин и популярный, его установили уже 70 000 пользователей. Frontend Uploader плагин позволяет вашим пользователям загружать контент на сайт без регистрации. Как пишет автор модуля. он хорошо подойдёт для средств массовой информации. Вы должны обратить своё внимание на инструкции настроек, чтобы разобраться, как работать с плагином. Вот вроде и всё.

Топ-пост этого месяца:  На пути от отзывчивого веб-дизайна к адаптивному

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

Как вывести миниатюру записи в WordPress?

Всем привет! Прошла уже неделя с тех пор, как мы уехали из Питера и поселились в деревушке Хиккадува на Шри-Ланке. Чуть подробнее об этом в конце поста.

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

Как используют миниатюры на WordPress-блоге?

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

Очень важно, чтобы в каждом месте отображения миниатюр, они были сжаты до того размера, в котором мы их видим на сайте. Конечно, можно было бы выводить полноразмерные картинки и просто задавать им маленькие размеры средствами CSS-стилей. Но тогда браузеру каждый раз придется загружать множество больших тяжелых изображений, от чего сайт начнет грузиться очень медленно. К счастью есть возможность автоматически сжимать картинки до нужного размера.

Теперь перейдем к тому, как выводить миниатюры на WordPress-блоге и их настройкам.

Вывод превью к записи в WordPress

Для тех, кто не любит читать и знает английский, предлагаю видео о том, как добавить миниатюры:

Чтобы проверить, поддерживает ли ваш шаблон WordPress вывод миниатюр, нужно зайти в редактор записей или страниц. Если поддерживает, вы должны увидеть следующее:

У меня эта опция находится в правом нижнем углу на странице редактирования.

Теперь, чтобы создать превьюшку для статьи, нажимаем «Задать миниатюру».

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

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

Задать размеры миниатюры к записям в WordPress можно в админке: «Настройки» — «Медиафайлы»:

Что же делать, если вывод миниатюр не предусмотрен в вашей теме, а вам они нужны?

Для этого можно использовать следующую функцию в файл functions.php вашей темы:

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

Авто миниатюры в Вордпресс с помощью плагина

Хорошо, если вы исправно добавляли миниатюры к каждой записи во время их создания. Но что делать, если на вашем блоге уже есть множество постов без превью? Или как изменить размеры всех миниатюр в WordPress, после смены дизайна блога? Вновь открывать каждую запись и редактировать ее слишком трудоемко.

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

Для того чтобы найти подходящий плагин, введем в строке их поиска thumbnails (с англ. – эскизы).

Таким образом, мы отыщем наиболее актуальные и популярные плагины для нашей задачи.

Один из часто используемых и простых плагинов для изменения размеров всех миниатюр в WordPress – Regenerate Thumbnails:

После установки, заходим «Инструменты» — «Regen.Thumbnails»:

В появившемся окне нажимаем кнопку «Regenerate All Thumbnails», если вы хотите подогнать все превью к заданному в настройках блога размеру.

Ждем, пока закончится процесс:

Один из самых простых плагинов по вставке авто миниатюр ко всем записям на Вордпресс — Easy Add Thumbnail.

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

Еще один плагин для создания миниатюр к записям в WordPress – Generate Post Thumbnails. Он позволяет задать номер картинки в записи, по которой будет формироваться превью.

Как видите, вывести миниатюры в WordPress и даже их автоматически генерировать очень просто.

Как вывести статьи по рубрикам на отдельной странице (главной)

Иногда требуется сделать хитрую главную страницу или просто страницу, на которой статьи (записи) будут выводиться по рубрикам. Да ещё чтобы и рубрики можно было указывать, а не все подряд выводить.

  • Создаем шаблон страницы
  • Вывод рубрик
  • Вывод записей
  • Красивости

Чтобы такое соорудить существует несколько вариантов. Но в этой статья будет показан как вывести статьи по рубрикам используя шаблон страницы. Очень подробно в видео ниже

Для тех, кто не любит смотреть видео кратко расшифрую алгоритм.

Создаем шаблон страницы

Используя менеджер файлов на хостинге или ftp-клиент, создайте в папке с темой файл с нужным вам именем, например main-page.php (если используется дочерняя тема, то файл надо создавать в папке дочерней темы).

Далее. В любой теме есть файл page.php . Открываете его и копируете содержимое файла page.php во вновь созданный файл main-page.php. Получилось? Отлично! Теперь осталось только указать, что main-page.php не просто файл и именно шаблон. Для чего достаточно вверху файла добавить следующее

Сохраняем. Теперь идем в админку сайта и создаем там новую страницу. Не забудьте:

  • На странице должно быть указано название
  • Короткий и понятный урл на транслите
  • И в атрибутах страницы надо добавить к ней наш шаблон

На этом создание шаблона страницы можно считать законченным.

Вывод рубрик

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

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

У вас должно получиться примерно такое

Вывод записей

Чтобы вывести записи будем использовать класс WP_Query<> И сначала зададим нужные аргументы и запишем значения в нужные переменные.

Хорошо. Теперь осталось вывести сами записи с миниатюрами.

В итоге получаем полный код, который будет выводить статьи по рубрикам

Красивости

Осталось добавить немного css для того, чтобы записи выводились в ряд

Вот и все.
Если есть вопросы, пишите в комментариях

Публикация статей в WordPress

От автора

Здравствуйте Уважаемые читатели. Сегодня в разделе «Уроки создания WordPress» блога WordPress-abc.ru, урок: Публикация статей в WordPress. В статье я подробно расскажу, как создать и публиковать статьи в WordPress.

Что такое статья WordPress

Статья, или как принято называть в WordPress — пост, основной информационный элемент блога. Для начала посмотрим, как группируются статьи WordPress.

Группирование статей WordPress

Все статьи блога должны размещаться в определенной рубрике. Если статью к рубрике не «привязать», она попадает в рубрику «Без рубрики», которая уже присутствует после установки WordPress.

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

Кроме рубрики, можно расширить таксономию статьи задав метки статьи.

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

Редактор блога WordPress

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

Редактор работает в двух режимах: в режиме визуального редактора и в режиме текстового редактора. Переключатель режимов в правом углу редактора.

публикация статей в wordpress редактор

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

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

Настройки экрана

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

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

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

Если вы работаете с комментариями, то будет интересен модуль Комментарии. В нем можно отключить\включить комментарии отдельно для статьи.

Если у вас в блоге много авторов, то имеет смысл, включить модуль авторы.

Заголовок статьи

Объяснять, что такое заголовок статьи смысла не вижу. Отмечу только, что в большинстве шаблонов, заголовок выводится в тегах

на главной странице и в тегах

на отдельно открытой статье.

О визуальном редакторе я уже рассказал, чуть выше.

Модуль Цитата. В поле модуля «Цитата» вы можете задать альтернативное описание статьи. Некоторые шаблоны выводят цитату вместо описания статьи. Описание статьи это текст статьи до тега [more].

Рубрика, метки, миниатюра статьи

В боковой части страницы важны два модуля: рубрика и метки. Рубрику можно задать в этом модуле выбрав из ранее созданных рубрик или создать новую рубрику прямо на этой странице.

Аналогично задаются метки. Метки указываются через запятую.

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

Публикация статей в WordPress

Публикация статей в WordPress возможна сразу или можно отложить публикацию и запланировать публикацию на определенную дату и время. Часовой пояс времени публикации соответствует настройкам времени, который вы сделали на вкладке консоли Настройки→Общие.

Можно вообще не публиковать статью, а оставить ее в черновиках. Кнопка «Сохранить» или статус «Черновик» — ОК.

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

Добавление медиафайлов

Для добавления фотографий, галерей и медиафайлов служит кнопка «Добавить медиафайл». Нажав ее, вы можете легко добавить фотографию или создать галерею, загрузив фото с компьютера или добавив фото из библиотеки самого блога. Библиотека блога формируется на вкладке Медиафайлы в меню консоли. Лежат фотографии в папках /wp-content/uploads/Год/Месяц каталога , если вы включили загрузку файлов в папки по году и месяцу на вкладке Настройки→Медиафайлы.

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

В завершении замечу, что при написании статьи WordPress периодически сохраняет созданный материал в автоматическом режиме. Также сохраняются все версии статьи, которые вы сделали, нажав кнопку «Сохранить». Эти копии нельзя удалить из консоли. Со временем этих копий накапливается слишком много, и удалить их можно только из базы данных блога. Как это сделать читайте в статье: Практичные SQL запросы к базе данных WordPress

Как создать и добавить статью в группу в Контакте — от А до Я

Приветствую Вас! В этой статье мы от А до Я разберемся как добавить статью в группу в контакте. А также подробно рассмотрим такие вопросы как оформление статьи ВК, прикрепление к ее посту на стене и многие другие.

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

Содержание:

  • 8 важных правил создания статьи в ВК
  • Как написать статью в ВК. Технические моменты
  • Обзор функционала текстового редактора ВКонтакте
  • Как вставить картинку, видео, GIF или аудиофайл в статью ВКонтакте
  • Гиперссылка в статье ВК (ссылка в виде текста)
  • Создание уникальной картинки для статьи в ВК. Как оформить статью
  • Как добавить статью в группу в Контакте
  • Как прикрепить статью к посту ВК
  • Как редактировать статью ВКонтакте
  • Как скрыть статьи в ВК и ограничить к ним доступ
  • Как сделать ссылку на статью в ВК
  • Как сделать статью в ВК с телефона

8 важных правил создания статьи в ВК

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

8 важных правил написания статей ВКонтакте:

  1. Не используйте сплошной текст.

Если в обычных постах ВКонтакте текст можно разбавить смайликами, то в статьях такой функции нет. Что же делать? Разбивайте текст на абзацы по 3-4 строки. Так он легче воспринимается и пользователи с удовольствием будут его читать.

  1. Применяйте подзаголовки.

Разделяйте текст статьи на несколько подзаголовков. Функционал редактора статьи нам это позволяет. Как это сделать технически мы поговорим ниже. Сейчас просто запомните это правило.

  1. Выделяйте жирный, курсив и цитаты.

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

  1. Добавляйте картинки, видео, аудио и гифки.
Топ-пост этого месяца:  Как восстановить и поменять пароль в Вордпресс

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

  1. Вставляйте маркеры.

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

  1. Используйте оригинальные картинки к статьям.

Где взять картинки к статьям в ВК и как их правильно оформлять мы подробно рассмотрим ниже.

  1. Создайте короткий адрес статьи.

Если Вы будете давать ссылку на свою статью, лучше чтобы она выглядела лаконично.

  1. Правильно оформляйте посты.

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

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


Если не любите читать, можете посмотреть мое видео, посвященное теме создания статьи в ВК. Но должен Вас предупредить, что в статье материал более подробный и лучше структурирован.

Как написать статью в ВК. Технические моменты

Чтобы написать статью в ВК, зайдите на личную страницу или в сообщество, в зависимости от того, где именно Вы хотите создать статью.

Над всеми опубликованными записями на стене Вы увидите строку для набора текста нового поста.

В этом же разделе наведите курсор и щелкнете левой кнопкой мыши по значку в виде буквы Т с 3-мя полосками:

Сразу после этого Вы попадете в редактор создания статьи ВК:

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

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

Обзор функционала текстового редактора ВКонтакте

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

Чтобы сделать выделенный текст жирным, нажмите на В.

Если Вам нужен курсив, выберите I.

Для создания зачеркнутого текста , кликните на S .

С помощью значка в виде звена цепи мы можем создать гиперссылку. Как правильно ее создать рассмотрим ниже.

Значки Н и н – это создание заголовка 2-го и 3-го уровней соответственно.

Кликнув на «кавычки» Вы сможете создать цитату.

Как видите, все очень просто, но в то же время достаточно функционально.

Чтобы добавить нумерованный список в статью в ВК, нажмите цифру 1, затем точку и пробел. Далее набирайте текст.

При нажатии кнопки Enter список продолжится с цифры 2.

Если Вы хотите выделить абзац, но не хотите начинать второй пункт в списке, нажмите на сочетание клавиш Shift+ Enter.

Чтобы добавить маркированный список , нажмите Shift+8, а затем пробел.

При нажатии кнопки Enter список продолжится со следующего маркера.

Если Вы хотите выделить абзац, но не хотите начинать следующий пункт в маркированном списке, нажмите на сочетание клавиш Shift+ Enter.

Как вставить картинку, видео, GIF или аудиофайл в статью ВКонтакте

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

Для этого нажмите Enter, чтобы перейти на новую строку. Затем кликните на значок «плюс» в редакторе ВКонтакте. Вам откроется меню вложений:

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

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

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

Отличительной особенностью редактора статей в Контакте является и то, что Вы можете создать карусель из нескольких фото.

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

Нажимая на кнопку Создать карусель Вы можете добавить необходимое количество картинок.

Чтобы добавить в статью в ВК видео , нажмите на иконку в виде видеопленки. Затем выберите видео в Ваших видео ВКонтакте или найдите его в поиске.

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

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

То есть, аналогично как и в случае с видеороликами.

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

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

Фишка: Если редактор ВКонтакте не отвечает, то есть при нажатии на иконки не открывается окно для загрузки, обновите страницу.

Гиперссылка в статье ВК (ссылка в виде текста)

Чтобы создать красивую ссылку в виде текста, так называемую гиперссылку, выделите необходимый текст.

В открывшемся окошке для работы с текстом кликните на значок звена цепи. Вам откроется строка для вставки ссылки:

Вставьте необходимую ссылку и нажмите Enter. Ваша гиперссылка готова! Выделенный текст станет синим с подчеркиванием.

При нажатии на этот текст, пользователь будет направлен по адресу указанной Вами ссылки.

Кстати, еще о функционале редактора статей ВКонтакте.

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

Создание уникальной картинки для статьи в ВК. Как оформить статью

Итак, Вы написали текст. Отлично! Перед публикацией нам необходимо сразу же подготовить картинку для нашей статьи в ВК. Эта картинка будет главным изображением статьи на стене Вашей страницы или группы.

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

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

Размер обложки для статьи: ширина — 510 px; высота — 285.59 px.

Где взять уникальную картинку для создания обложки?

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

Также можно создать картинку самостоятельно в Фотошопе или сервисе Canva.

Брать какие-то замыленные банальные картинки из фотостоков или Яндекс Картинок не советую. Тем не менее, даже на этих источниках можно найти достойные варианты картинок, которые будут выделять Вашу статью на общем фоне.

Чтобы добавить обложку к статье в ВК, в правом верхнем углу редактора нажмите кнопку Публикация.

Вам откроется вот такое окно:

Для добавления картинки нажмите Загрузить изображение и выберите его на компьютере.

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

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

Появится уведомление, что статья опубликована. В этом же окне Вы можете удалить опубликованную статью.

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

Это не обязательно, но более удобно.

Если же Вы создали статью на личной странице или в другом сообществе, ее так же можно добавить на стену в любую группу ВК.

Для этого скопируйте URL (адрес) статьи и вставьте его на стене нужной группы.

Ваша статья готова!

Как прикрепить статью к посту ВК

По сути, это мы с Вами только что и проделали.

Прикрепить статью к посту ВК можно нажав на кнопку Прикрепить к записи:

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

Либо, второй вариант – это скопировать ссылку на статью. В этом случае Вы можете прикрепить ее к посту на любой странице или любом сообществе в социальной сети ВКонтакте.

Как редактировать статью ВКонтакте

Еще одно преимущество статей в ВК по сравнению с обычными постами состоит в том, что статьи можно редактировать неограниченное время. А посты – только в течение 24 часов с момента публикации.

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

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

То же самое Вы можете сделать, нажав на стене на значок создания новой статьи (картинка в начале статьи).

После редактирования статьи ВКонтакте, ее публикация происходит аналогично. Алгоритм мы с Вами полностью рассмотрели выше.

Как скрыть статьи в ВК и ограничить к ним доступ

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

Те люди, которым Вы дадите ссылку на статью, смогут ее читать. Но остальные пользователи видеть Вашу статью в ВК не будут.

Таким образом Вы можете ограничить доступ к определенному материалу.

Однако, следует сказать о том, что некоторые люди все же могут найти Вашу статью.

Так как статьи соц сети ВКонтакте индексируются поисковыми системами, Вашу скрытую статью может найти любой человек по поисковому запросу в Яндекс или Google.

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

Как сделать ссылку на статью в ВК

Ссылка на статью в ВК формируется автоматически и является повторением заголовка Н1 (главный заголовок статьи), но на латинице.

Однако Вы можете изменить ссылку на статью ВКонтакте при ее публикации. Это можно сделать как сразу после написания статьи, так и после ее редактирования в любое время.

Изменить ссылку статьи можно в том же окошке, в котором мы добавляли обложку к нашей статье.

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

Как сделать статью в ВК с телефона

В данный момент функции создания статей в ВК с телефона увы нет. Да и вряд ли появится. Ведь статьи в Контакте создавались специально для написания длинного текста.

То есть, сам ВКонтакте видимо считает, что никто статьи с мобильных устройств писать не будет. Для этого есть старые добрые статьи.

Однако Вы можете попытаться сделать статью в ВК с телефона. Для этого зайдите в полную версию сайта ВКонтакте.

Так как функционал социальной в этом случае будет точно таким же как и на ПК, Вы смело можете следовать алгоритму из этой статьи.

Теперь Вы знаете как добавить статью в группу в контакте. Если у Вас остались какие-то вопросы, Вы всегда можете задать их в комментарии или связаться со мной напрямую. Удачи Вам и творческих успехов в написании статей! Увидимся ��

Работа с миниатюрами в WordPress

Были времена, когда WordPress не умел работать с миниатюрами (thumbnails). Завершилась эта эпоха в конце 2009 года, когда впервые в движке WordPress появилась их поддержка. Сегодня WordPress предлагает богатый функционал работы с миниатюрами.

Как включить поддержку миниатюр в шаблоне WordPress

Для поддержки миниатюр в шаблоне сайта, в файл functions.php надо добавить следующий php код:

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

Если вы работает с произвольными типами записей и хотите, чтобы они тоже поддерживали миниатюры, добавьте следующий код:

где news — тип произвольной записи.

Как вывести миниатюры на странице

Код для вывода миниатюр, с ссылкой на статью, в шаблоне сайта:

Значение thumbnail, которое указано в скобках для функции the_post_thumbnail может иметь следующий вид: thumbnail, medium, large, full. Это названия размеров изображений, которые генерирует WordPress по умолчанию.

Добавляем новые размеры к изображениям

Если нужно добавить отдельный вид размеров, со своим названием, то это делается следующим php кодом в файле functions.php:

И чтобы вывести в шаблоне сайта именно это изображение, в функции the_post_thumbnail нужно указывать своё новое название:

Удаление автоматически-создаваемых миниатюр

Обрезка миниатюр в WordPress

Разберем следующий php код:

‘new_size’ — название размера
«400, 300» — ширина и длина
«true» — пропорции картинки будут обрезать ровно.

Последнее значение часто представляет сложность для выбора. Обрезать ли картинки жестко по размерам или убрать значение «true» и тогда картинка будет резаться до самой большей части.

В чем различие true и false?

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

Топ-пост этого месяца:  Модуль авторизации joomla 3.Авторизация через социальные сети

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

Если же не указывать true, то изображения могут быть разных пропорций и не всегда это будет смотреться гармонично. Если хочется заморачиваться, это можно исправить добавив к изображению лишний фон по вертикали или диагонали, чтобы привести картинку к определенным пропорциям, например: 3:2 или 4:3. Фон добавляется в Photoshop или любом другом редакторе.

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

Как вставить ссылку внутрь статьи, чтобы автоматически добавилась миниатюра статьи

Здравствуйте уважаемые читатели блога history-of-blog.ru. Миниатюры в WordPress – это очень важная часть каждого шаблона (темы). Некоторые шаблоны вовсе не поддерживают миниатюры записей WordPress, другие же отображают миниатюры не так как хочется нам. Если Ваша тема не поддерживает миниатюры записей или они отображаются не так как хочется, то эта статья поможет это исправить.

Содержание статьи:

Проверяем поддержку миниатюр в WordPress

Для начала нужно убедиться в том, что наш шаблон поддерживает миниатюры для записей. Для этого заходим в административную панель и как бы начинаем писать новый пост (Записи -> Добавить запись). Как правило если поддержка миниатюр записей присутствует, то в правой нижней части экрана мы уже можем задать миниатюру кликнув по ссылке “Установить специальное изображение” (пункт 3 на картинке). Но не всегда данный виджет выводится на главном экране, поэтому проделываем пункт 1 и 2:

  1. 1. В верхней части экрана нажимает на “Опции отображения“. Здесь можно настроить все, что будет выводится на экране добавления записи – поэкспериментируйте.
  2. 2. Ставим галочку в графе “Характерное изображение“. Если такого пункта нет, значит наш шаблон не поддерживает миниатюры записей.

Добавление ссылок в документе Word

Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке) .

В приложении Word можно легко добавить ссылок при создании документа, где необходимо источников, таких как реферат. Можно добавлять ссылки в различных форматах, включая APAЧикаго стиль, ГОСТ, IEEE, ISO 690 и MLA. После этого можно Создать список литературы источников, который используется для записи документа.

Чтобы добавить в документ ссылку, необходимо сначала добавить соответствующий источник.

Добавление к документу ссылки и литературного источника

На вкладке Ссылки в группе Ссылки и списки литературы щелкните стрелку на кнопке Стиль и выберите стиль для ссылки и источника. Например, в документах, относящихся к общественным наукам, к ссылкам и литературным источникам обычно применяют стиль MLA или APA.

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

На вкладке Ссылки щелкните Вставить ссылку, а затем выполните одно из указанных ниже действий.

Чтобы добавить информацию об источнике, выберите пункт Добавить новый источник, а затем в диалоговом окне Создание источника щелкните стрелку рядом с полем Тип источника и выберите нужный вариант (например, раздел книги или веб-сайт).

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

Если вы решили добавить источник, введите сведения о нем. Чтобы ввести дополнительные сведения о литературном источнике, установите флажок Показать все поля списка литературы.

По завершении нажмите кнопку ОК. Источник будет добавлен в качестве ссылки в выбранное в документе место.

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

Если вы добавили заполнитель и хотите заменить его на сведения о ссылке, см. раздел Изменение источника.

Если вы выбрали для источников стиль ГОСТ или ISO 690 и ссылка не уникальна, следует добавить буквенный символ к году. Например, ссылка будет отображаться как [Pasteur, 1848a].

Если вы выбрали стиль «ISO 690 — цифровая последовательность», но ссылки не располагаются последовательно, то для отображения ссылок в правильном порядке нужно снова щелкнуть стиль ISO 690 и нажать клавишу ВВОД.

Добавление ссылок в документ

Установите курсор в конце предложения или выражения, которое хотите использовать в качестве ссылки, а затем на вкладке Ссылки в группе Ссылки и списки литературы щелкните Вставить ссылку.

В списке ссылок в области Вставить ссылку выберите нужную ссылку.

Поиск литературного источника

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

На вкладке Ссылки в группе Ссылки и списки литературы выберите команду Управление источниками.

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

Если в документе содержатся ссылки на литературные источники, эти источники отображаются в списке Текущий список. Все литературные источники, на которые вы ссылались в ранее созданных документах или текущем файле, доступны в списке Главный список.

Чтобы найти конкретный литературный источник, выполните одно из указанных ниже действий.

В окне сортировки выполните сортировку по имени автора, заголовку, имени тега ссылки либо по году, а затем в полученном списке выполните поиск нужного источника.

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

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

Изменение источника

На вкладке Ссылки в группе Ссылки и списки литературы выберите команду Управление источниками.

В диалоговом окне Диспетчер источников в списке Главный список или Текущий список выберите список, который нужно изменить, а затем нажмите кнопку Изменить.

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

В диалоговом окне Изменение источника внесите нужные изменения и нажмите кнопку ОК.

SEO Маяк

Блог Виталия Кириллова | Все о создании,
продвижении сайтов и заработке в интернете

Создание и продвижение сайтов, заработок в интернете

Использование миниатюр. Как вывести миниатюры на главной странице

Всем привет! В последнее время получается так, что на seo-mayak.com я публикую статьи на темы, которые попросили осветить мои читатели. Этот пост как раз из данной серии и называется серия — использование миниатюр в WordPress.

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

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

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

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

А вы знаете, что означает слово миниатюра? Слово «Миниатюра» произошло от латинского «minium», что означает — «красные краски», которые применяли в росписи древних книг.

Итак, как вывести миниатюры на главной странице без плагина? Кстати, про использование миниатюр на WordPress у меня уже выходило пару статей, в частности — похожие записи с миниатюрами, а также популярные записи с миниатюрами. Кому интересно, можете почитать.

Как включать миниатюры в WordPress, я описывал здесь.

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

Выводим миниатюры с заголовками на главной в несколько рядов

Начнем с вывода миниатюр в несколько рядов. Должно получится что-то наподобие каталога товаров в интернет магазине. Именно с такой просьбой обратился ко мне вышеупомянутый веб-мастер и пусть данный пост будет моим ответом.

Дело в том, что по-умолчанию в WordPress размеры для миниатюр установлены 150х150 пикселей, т.е. если изображение, к примеру 450х333 пикселей, то при создании миниатюры края просто обрезаются.

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

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

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

Итак, вроде все сказал, всех предупредил, давайте теперь преступим непосредственно к реализации.

Открываем для редактирования файл index.php (именно index.php в большинстве случаев отвечает за отображение главной страницы, но бывают исключения) и в нужное место вставляем такой код:

Далее, в файле style.css прописываем стили для класса .home_page:

После чего получаем следующий результат:

Как видите, я вывел миниатюры на главной странице в 2 ряда по 4 картинки. Можно сделать хоть 10 рядов, все зависит от поставленной задачи.

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

Допустим надо, чтобы рядов было 5. Не вопрос! Для этого нам потребуется внести изменения в один участок кода, а именно:

Где цифра 8 — это количество выводимых миниатюр.

Количество выводимых миниатюр в одном ряду, напрямую зависит от их размера. У меня на ширину страницы влезло четыре миниатюры, т.е. сколько помещается в один ряд, столько и выводиться.

Ну раз у меня влезло 4 миниатюры, то для того, чтобы было 5 рядов, меняю цифру 8 на 20. Вот такая несложная арифметика.

Не уверен, что у новичков с первого раза так все просто возьмет и получиться. Придется изрядно повозиться со стилями прежде, чем миниатюры встанут как надо, но без этого не стать настоящим веб-МАСТЕРОМ. Для облегчения собственного труда, советую научиться пользоваться расширением для браузерf Firebug.

Идем дальше. В коде, приведенном мой выше, миниатюры берутся из последних опубликованных постов по-порядку, но товарищ, что обратился ко мне за помощью, просил написать код, который бы выводил миниатюры с определенной рубрики. Пожалуйста! Берем тот же участок кода и добавляем вызов из категории по id. Выглядеть это будет так:

Если вдруг Вам потребуется увеличить или уменьшить размеры миниатюр, то тогда потребуется подправить другой участок кода, а именно:

Здесь изменяем размеры миниатюр следующим образом:

Где 138,120 — новые размеры миниатюр. Но учтите, изменяя размеры изображений, мы нагружаем сервер.

Как вывести миниатюры с анонсами постов на главной странице

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

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

В файл style.css вставляем следующее:

Также в самом коде прописаны стили для ссылки «Читать полностью»:

color:#5191df; — цвет ссылки.
float:right; — расположение ссылки по правому краю.
font-size:12px — размер шрифта

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

В принципе коды очень схожи, но визуальная разница конечна огромна:

В данном варианте анонсы выводятся с помощью тега the_content_rss, который применяется для отображения фида на сайте. Тег the_content_rss не учитывает тег more и обрезание текста происходит по количеству символов. Например:

Где 50 — количество символов.

Стоит сказать, что для вывода анонсов статей и миниатюр на главной странице можно использовать и другие теги, которые я подробно описал в статье — «Как правильно выводить анонсы статей на WordPress»

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

На сегодня у меня все. Если что непонятно, в самом низу страницы есть форма комментариев.

В наступившем году постараюсь писать почаще.

С уважением, Виталий Кириллов

Добавить комментарий