Шорткод спойлера для WordPress

файл functions.php

От автора: рассмотрим пример создания шорткода спойлера для WordPress, через файл functions.php. Cегодня очень многие организации и фрилансеры, занимающиеся созданием сайтов, работают с CMS WordPress. Как правило, все ограничиваются вёрсткой темы и подключением необходимых плагинов, если таковые существуют. Загвоздка состоит в том, что сталкиваясь с задачей, на решение которой исполнитель не может найти необходимого программного обеспечения, он избегает эту задачу ещё при заключении договора.

Это неправильно!

Если есть задача, например создание спойлера для WordPress, решением которой никто ещё не занимался, то в интересах разработчика, решить её первым и применять на подобных проектах в будущем.

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

В этом видео уроке, я постараюсь донести, понимание принципа взаимодействия файла functions.php с ядром wordpress, на примере простого шорткода, который будет прятать контент, т.е. создадим спойлер для WordPress.

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

автор

Автор: Михаил Беляев

Доморощенный веб-программист. Проживаю в г. Калининграде, работаю веб-мастером в веб-студии.

Разработкой сайтов занимаюсь с 2008 года. По совместительству занимаюсь дизайном и иллюстрацией.

Детали урока

Сложность: Средняя

Тема: WordPress

Время ролика: 01:07:14

На этом, урок по созданию спойлера WordPress, через файл functions.php закончен, надеюсь он оказался вам полезен, удачи!

скачать исходникискачать урок

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки: ,

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (29)

  1. Rj.DiNex

    Ребята, подскажите по своему опыту. Как устроится на удаленную работу в веб-студию или компанию ?

    • Дмитрий

      Не нужно устраиваться и искать. Заказчик сам тебя найдет. Просматривай новые проекты на freelance.ru, активно отвечай на проекты. Добавь портфолио, описание. И все будет в шоколаде. Если справишься с заданием хорошо, заказчик будет постоянно к тебе обращаться.

      • Rj.DiNex

        Да Я как бы хочу работать в веб-студии или компании, а не быть фрилансером.

  2. Андрей

    спасибо большое очень полезно и познавательно
    буду следить за вашими уроками

  3. Дарья

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

  4. Людмила

    Урок скачала, надеюсь пригодится.

  5. Игорь

    Мощный урок!

  6. Сергей Звягин

    Спасибо, буду пробовать.

  7. Лилия

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

  8. Геннадий

    Спасибо, отличный урок
    Попрбую поэкспериментировать…
    Подскажите, хочу вставить себе на сайт (Wordpres) поисковую форму, а для нее необходимо добавить файлы css и javascrypt (они имеются), а вот куда и как их вставить не знаю …

    • Rj.DiNex

      Файлы с расширениями «.css» и «.js» загружайте в соответствующие папки Вашего хостинга, то есть в папку «css» и «js» в папке Вашей темы. Так Вам будет удобно видеть все файлы с разными расширениями.

  9. Pocherk

    Полезный урок, но уж очень большая прелюдия про ядро, плагины, темы… Обычно, тот кто планирует работать с functions.php уже имеет представление о структуре WordPress.

  10. Артур

    Здравствуйте народ!
    Спасибо за статью Михаил
    Будем пробовать, и ждем продолжения…

  11. AleX

    как раз то что нужно! давно искал по функциям wp

  12. Виктор

    КЛАСС!
    Это и нужно бывшему программисту. Только: как называется этот текстовый редактор, чтобы скачать его? Как связать с сайтом? Как высветить HTML-программу? Теперь ясно, как сделать сайт, какой хочу. Спасибо, Александр! Буду ждать ответов.

    • Михаил

      Ох, это очень хороший редактор с открытым исходным кодом, который называется notepad++, единственное, лучше использовать под виндой, хотя у меня жена на нём в кубунту работает под вайном.
      вот ссылка на редактор: notepadplusplus.org

      Думаю Вам понадобится плагин zen coding

      Удачи.

  13. TopdiR

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

  14. Юрий

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

  15. ГАЛА

    Спасибо!

  16. Руслан

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

  17. Вячеслав

    Файлы исходников отсутствуют.
    Можно ли перезалить?

    • Андрей Кудлай

      Файлы исходников есть в архиве с видео по ссылке «Скачать урок».

  18. VITA_ER

    Cпасибо большое!!!

  19. Юрий М

    Здравствуйте Андрей. Постоянно читаю и смотрю ваши уроки. Они мне очень помогают. Я «чайник». На Денвере на Вордпресс я создал сайт с Вашей помощью, сделал форму поиска, она работала, а когда перенёс на хостинг, форма пропала, остальное всё работает. Помогите, пожалуйста разобраться. Спасибо, думаю Вы найдёте немного драгоценного времени для меня. Скрины кодов я вышлю по почте, если Вы согласитесь помочь.

    • Андрей Кудлай

      Здравствуйте, Юрий.
      Поможем, но только на нашем форуме, который для этого и создавался. Создайте на форуме тему, и желательно дайте ссылку на сам сайт, поскольку по скринам нельзя «пощупать» сайт.

      • Юрий М

        Здравствуйте, Андрей. А на каком форуме создать тему?

        • Андрей Кудлай

          Здравствуйте, Юрий.
          Пока форум не работает по техническим причинам. Форум находится здесь и, думаю, заработает в ближайшие дни.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree