Как добавить запись в блог, картинку, тег «далее».

как добавить запись в блогПривет, друзья! Сегодня я покажу как добавлять записи в блог и перед тем как приступить к дальнейшей настройке блога, установки необходимых плагинов и различных мелких доработок, вам необходимо будет добавить несколько статей на блог(желательно добавить побольше, но хватит и 5-7), потому что некоторые функции блога без текстов мы не сможем реализовать.

Как всегда, перед тем как начать работать на локальном сервере, запускаем денвер (что такое денвер), заходим в админку нашего блога (localhost/имя сайта/wp-admin) и переходим во вкладку “записи”

Как добавить запись в блог

добавление новой записи в wordpress

Ну здесь все довольно просто, напоминает обычный Word:

  1. Это вкладка где непосредственно находится редактор;
  2. Поле под наш заголовок;
  3. Панель инструментов: жирный,курсив, выравнивание, списки, цитата, тег “далее”(о этом теге чуть ниже, в общем обычные функции редактирования текста;
  4. Поле ввода текста;
  5. Кнопки вставки картинок, видео, аудио;
  6. Визуальный редактор и HTML-редактор;

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

Как вставить картинку в блог

[yandexd]

Для того чтобы вставить картинку, нажимаем на кновку “добавить картинку”(на скриншоте выше это под цифрой 5), откроется загрузчик картинок в котором необходимо выбрать место, откуда будет загружена картинка. После того, как выбрали и нажали загрузить, откроется редактор картинок:

вставка картинки в текст

Тут все на русском, и ничего необычного нет:

  1. Заголовок и альтернативный текст. Желательно делать одинаковым(положительно для CEO);
  2. Выравнивание и размер: здесь тоже все ясно. Выравнивание – как текст будет обтекать картинку. Размер – по вашему усмотрению;
  3. Вставить в запись.

Текст написали, картинки вставили, идем дальше…

Тег “далее”

[yandexd]

Этот тег служит для разделения статьи на анонс и полную версии. Делается это так: В редакторе текста, в нужном вам месте устанавливаете курсор и просто кликаете по кнопочки 1 “далее” на панели инструментов:

тег читать далее

В редакторе появилась линия(more)2 разделяющая текст, это и есть наше “читать далее”. Т.е. теперь на главной странице блога будет выводиться анонс и для того, чтобы перейти на полную версию статьи, нужно нажать на ссылку.

Все написали, отредактировали, не забыли про картинки и тег “more”, далее нужно опубликовать нашу запись:

как добавить запись на блог

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

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

Ну и, наконец, жмем на “опубликовать” Затем переходим по адресу localhost/имя вашего сайта  и видим наш первый пост!

Поздравляю с Вашей первой статьей на блоге!!!

Теперь, как говорил вначале урока, нужно добавить 5-7 статей и будем двигаться дальше. Еще предстоит много работы….

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 37
  1. Димон

    Блог молодой, мало кто комментирует

  2. www

    Конечно, еще даже месяца нету. Потом от комментариев проходу не будет

    1. Андрей

      Согласен, если сначла много комментариев это не всегда получается! Везение.!

  3. Sportpas

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

  4. sergei

    Здравствуйте.Я делаю все как Вы описываете, но фото не загружается.На локальном сервере в шаблоне фото должно появляться ?У меня в шаблоне рамка и в ней (изображение 031) но при нажатии фото грузится но не загружается.Подскажите в чем дело.СЕРГЕЙ

    1. Voroni (автор)

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

      1. Татьяна

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

  5. alexgautama

    Какая тема у тебя?

    1. Voroni (автор)

      Тема Fresh-Wordpress, но она изменена до неузнаваемости :)

  6. Clkio

    Зачем открывать 8 654 289 блог на одну и ту же тему ? Да ещё и бестолоково писать. Отстой.

    1. Voroni (автор)

      Ну, до Вашего портала мне как до луны на тракторе…. :-D Буду дальше писать отстой!

    2. Анастасия

      Зачем так грубо? Написано отнюдь не бестолково. Очень понятно и полезно, при чем не только для совсем начинающих, а и для «середнячков» (как я например :) ). При чем написано с душой — хочется приходить и читать. А Ваша репутация теперь подмочена — после таких комментов идти читать Ваш блог уже не охота, каким бы крутым он ни был :)

  7. MBell

    У меня в редакторе кнопочка more, конечно же, есть и в текстовом и в HTML, но после ее добавления ссылка на «читать дальше» при просмотре страницы не появляется.
    Скрипт так или иначе сам делает анос (первые 10 строк) и чтобы читать дальше можно нажать только на комментарии.
    А как раз хотелось бы и ссылочку иметь и с анкором ее неплохо конечно сделать. Однако чем такой анкор «может внести свою положительную лепту в поисковое продвижение блога ну и плюс дополнительную ссылку», если честно, не пойму. Просто перелинковка страниц?
    Да, тема у меня Memoir, если это важно.
    Походу подумала, а может убрать в настройках про анонс в 10 строк?
    И еще….
    @Clkio!
    Крутые тоже из некрутых получаются. Зачем шпынять, извините за выражение.
    И вы когда то зеленым были.. Созрели? И ладно.
    А написано доходчиво, просто и блог симпатичный и его хозяин. И в выдаче на первых местах….
    Валерий! Удачи Вам!

    1. Voroni (автор)

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

      1. MBell

        Вот опять возращаюсь к той же теме. То есть кнопка «Далее» у меня появилась (ее просто в опциях темы надо было активизировать), но безобразная. Если заглянете, то поймете. Убрать ее удается, но не везде. Убрать обрезание после 10 строк анонса, чтобы самой определить, где ставить More не получается. Вобщем полная ерунда.
        А еще ерунда с комментариями, но об этом наверное в другой теме расскажу.
        Да, на денвер я так и не перешла. Причина — может и лень и времени нет, но главное, если после каждого изменения сделанного на денвере, надо по новой в папку сайта заливать ли вообще в базу, то не лишняя ли это работа? Короче говоря, мне еще над внешним видом трудиться и трудиться. Это несмотря на то что не друг помогает, но у него тоже со временем напряг!

        1. Voroni (автор)

          Посмотрел, кнопка»Далее» у Вас отлично отображается! А фиксированный анонс php код скорее всего формирует и сам проставляет more/ MBell, в php я пока не сильно разбираюсь, но смотреть, думаю надо в файле index и functions
          А насчет денвера все проще чем думаете. Например, изменили что-то во внешним виде сайта на денвере, потом на хостинг закачали только те файлы, в которых делали изменения и все! также я на денвере разбираю и тестирую плагины… =)

          1. MBell

            Она у меня «слишком хорошо» отображается. Черный овал на свело-сером фоне. В том то и дело. Я уже пробовала сгенерировать другую на http://www.cssbuttongenerator.com/ Что то не вышло код скопировать. Попробую еще раз . Но вот эта фиксация места разрыва мне и не нравится. Кстати, так и должно быть что в анонсе не отображаются картинки и ссылки? А с денвером попробую все таки. Когда то давно он просто у меня не запускался.
            Да, про имейл. Он есть в автозаполнении, когда я захожу часто сюда. Видно пока кукис сохраняются. Вывод? Чаще Вас посещать! =)
            Акисмет у меня коммент лучшего друга в спам отправил. Было дело. :(

      2. MBell

        OPS… я каждый раз видно другой имейл указываю. Опять поздравление с первым постом, который ушел на предмодерацию! %)

        1. Voroni (автор)

          Вы каждый раз вводите email? Блин, должен скрипт сохранять вводимые данные, значит перестал работать… кстати, еще и в спам комментарии ушли, акисмет в последнее время что-то начинает подшучивать)) замену наверное надо искать)

  8. Андрей

    Валерий! Помогите пожалуйстаааа!
    У меня по идеи блога есть страница. У нее опр.название в шапке(наверху) и при открытии появляются записи, которые по моей задумке должны быть по порядку сверху вниз. А они наоборот, т.е. свежие записи сверху. я первая запись — вводная в тему, ей нельзя быть снизу, тем более в конце…т.е все оказалось рубрикой, и я постоянно должен первую запись удалять, и по  новому ее писать, чтоб она была сверху..короче-бардак..

    1. Voroni (автор)

      В WordPress блогах так и есть — свежие записи сверху! Но как-то можно закрепить запись сверху. Сразу не вспомню, да и сам так не делал, но знаю что можно. Воспользуйтесь поиском и спросите у Гугла «Как закрепить запись сверху в WordPress» или как-то похоже!

      1. Андрей

        Нашел!!!относительно новый плагин Q2W3 Post Order. (Изменение порядка вывода записей.). Класс! и записи и рубрики,….
         можно еще по другому, и в самих настройках админа, но там вроде закрепляется только один пост ..

        1. Анастасия

          чтобы закрепить нужно в админке там где «Все записи» выбрать «Быстрое редактирование» нужной записи и поставить галочку в чекбоксе «закрепить» :) И я думаю, можно и не один закрепть. Просто каждому нужному посту ставить эту галочку.

  9. MBell

    Как кстати этот пост про «закрепить». Спасибо, напомнили.
    Знала об этом, но из головы вылетело. А тут сделала статью, актуальную донельзя. Про закрытие zeekrewards. Сижу и думаю — жаль что то еще постить поверх. А вот и решение есть!
    Анастасия, tnx!

    1. Анастасия

      На здоровье! Рада была помочь :)

  10. Андрей

    Да, классно!!! Спасибо Анастасия!
    Еще вопрос: вот это мы сделали на странице записей, НО! эта страница ведь в WP только одна! А я хочу еще…Может как-то это сделать в рубриках, Но как вывести название этой рубрики в шапку форума, как я вывожу название страницы?
    (Я не сильно перемудрил с объяснениями =) ??)

  11. darinpalke

    Приветствую всех кого еще не видел
    Я рад что посетил это место!
    буду рад познакомиться!

  12. Андрей

    Страничку это легко а вот на счет тега далее спасибо!

  13. иван

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

    1. Voroni (автор)

      Иван, заголовок поста читали? «Как добавить запись в блог, картинку, тег «далее»«

  14. Владимир Игоревич

    Валерий,Здравствуйте!У меня блог на денвере мне надо всавить картинку в текст и сколько я не читал везде одно и тоже.у меня стоит новая версия вордпресс и там нет таких функций как-добавить картинку,музыку и тому подобное.так- же нет HTML вместо него ТЕКСТ.Как быть? :(

    1. Voroni (автор)

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

  15. Lector

    В версии 3.5 улучшили добавление картинок, по крайней мере мне удобней кажется

  16. Татьяна

    Здравствуйте, Валерий. Прочитала, все правильно. Но у меня уже крыша едет…))) =-O У меня стоит плагин Broken Link Checker, и он постоянно показывает битые ссылки, если я делаю картинку. А если это неправильные ссылки, то на это ведь поисковики очень сердятся… По всякому уже ссылки там ставила – и каждый раз одно и то же…. может подскажете в чем дело? Конкретно – все кнопки опробовала, и поле ссылки оставляла пустым…

  17. Степан
  18. Мюзицио

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).