Продвинутые темы WordPress: Post Types Таксономии и Метабоксы - Видеоуроки. Метабоксы wordpress
Meta Box — WordPress Custom Fields Framework
Meta Box plugin is a powerful, professional toolkit for developers to create and handle everything related to custom meta boxes and custom fields for WordPress.
The plugin provides a wide range of field types and a lot of options to for each field type, which gives you unlimited possibility to control and customize the custom fields.
With the extensions, you can easily build meta boxes not only for custom post types (default), but also for settings page, user meta, term meta. You can also display the fields the way you want with columns, tabs or groups.
The plugin requires a little coding, but if you’re not familiar with coding or prefer GUI for faster creating custom post types, meta boxes and custom fields, you can use our Online Generator or use the extensions MB Custom Post Type or Meta Box Builder.
Особенности
Create any type of meta data
Wide-range of field types and options
- Supports 40+ built-in field types for all your needs (text, textarea, wysiwyg/editor, image, file, post, select, checkbox, radio buttons, date time picker, taxonomy, user, oembed and more to come!). You can also create your own field type easily.
- Support cloning (repeatable) fields for most field types, including WYSIWYG/editor field. Also support repeatable field groups.
- Powerful actions and filters that developers can build or change the appearance and behavior in the plugin.
Create meta boxes and custom fields with UI
The plugin is built mostly for developers with a little coding, but if you prefer GUI for faster creating custom post types, meta boxes and custom fields, the plugin has extensions for that:
To make it easy for all users to create custom meta boxes and custom fields, we have created an Online Generator tool. It has an user-friendly interface with drag and drop features. No custom code anymore!
Developer-friendly
Detailed Documentation
We provide regular updated and extensive documentation. Not only technical things, but also tutorials on how to use the plugin better.
See more documentation here.
Дополнения
Free Extensions
ru.wordpress.org
Делаем метабокс меток по типу рубрик в WordPress
Блог / WordPress / Как видоизменить метабокс меток в админке — сделать его таким же, как метабокс рубрикПрежде всего покажу наглядно, чего мы будем добиваться:
Я не буду в подробностях описывать, для чего может понадобится такая замена — возможно кому-то просто так удобнее, а кто-то будет работать с этим новым метабоксом через jQuery.
Весь процесс замены будет состоять из двух шагов, которые в общем-то можно объединить в один. Как бы там ни было — вы можете просто вставить весь код подряд в свой functions.php.
Шаг 1. Удаление метабокса меток
Я не нашёл способа, благодаря которому можно изменить сам метабокс меток, не трогая при этом файлы WordPress (а их трогать ну не стоит), поэтому самый оптимальный вариант — удалить старый метабокс и создать новый.
Для удаления воспользуемся функцией remove_meta_box() и хуком admin_init.
/* * Удаление метабокса */ function udalenie_metaboksa_metok() { $id = 'tagsdiv-post_tag'; // у каждого метабокса есть свой ID, который можно глянуть в исходном коде страницы $tip = 'post'; // откуда будем удалять - в данном случае со страниц редактирования записей $raspolozhenie = 'side'; // расположение удаляемого метабокса, side - значит в боковой колонке справа remove_meta_box( $id, $tip, $raspolozhenie ); } add_action( 'admin_menu', 'udalenie_metaboksa_metok'); |
Шаг 2. Создание нового метабокса меток по типу рубрик
При создании мы воспользуемся всего лишь тремя функциями:
- add_meta_box() (собственно для добавления метабокса в админку),
- get_terms() (для получения меток),
- get_the_terms() (для получения меток, присвоенных к редактируемому посту).
А вот код:
/* * Добавление метабокса */ function dobavlenie_metaboksa(){ $id = 'truetagsdiv-post_tag'; // ID может быть любой, главное, чтобы отличался от уже существующих метабоксов $zagolovok = 'Метки'; $funkcija = 'kod_metaboksa'; // название обратной (callback) функция, которая собственно и будет выводить содержимое метабокса $tip = 'post'; $raspolozhenie = 'side'; $prioritet = 'default'; // приоритет вывода, нам подойдет default add_meta_box( $id, $zagolovok, $funkcija, $tip, $raspolozhenie, $prioritet ); } add_action( 'admin_menu', 'dobavlenie_metaboksa'); /* * Содержимое метабокса */ function kod_metaboksa($post) { // в данном случае мы просто получаем все метки на блоге в виде массива объектов $vse_metki = get_terms('post_tag', array('hide_empty' => 0) ); // а теперь - все метки, которые присвоены к записи $vse_metki_posta = get_the_terms( $post->ID, 'post_tag' ); // создаем массив меток поста, состоящий из их ID - он понадобится нам позднее $id_metok_posta = array(); if ( $vse_metki_posta ) { foreach ($vse_metki_posta as $metka ) { $id_metok_posta[] = $metka->term_id; } } // начинаем выводить HTML echo '<div>'; echo '<input type="hidden" name="tax_input[post_tag][]" value="0" />'; echo '<ul>'; // запускаем цикл для каждой из меток foreach( $vse_metki as $metka ){ // по умолчанию чекбокс отключен $checked = ""; // но если ID метки содержится в массиве присвоенных меток поста, то отмечаем чекбокс if ( in_array( $metka->term_id, $id_metok_posta ) ) { $checked = " checked='checked'"; } // ID чекбокса (часть) и ID li-элемента $id = 'post_tag-' . $metka->term_id; echo "<li>"; echo "<label><input type='checkbox' name='tax_input[post_tag][]'". $checked ." value='$metka->slug' /> $metka->name</label><br />"; echo "</li>"; } echo '</ul></div>'; // конец HTML } |
Этот код можно также использовать и для других произвольных таксономий без иерархии, главное не забудьте в последней функции везде поменять название таксономии post_tag.
Смотрите также
misha.blog
Продвинутые темы WordPress: Post Types Таксономии и Метабоксы
Advanced WordPress Topics: Post Types Taxonomies & Metaboxes
Duration 10:00:01
Открыть все курсы от udemyГотовы ли вы применить свои навыки WordPress на совершенно новом уровне? С расширенными темами WordPress: Post Types Taxonomies & Metaboxes вы узнаете все эти технологии со 100% практическим курсом. Мы будем использовать множество различных методов и интегрировать различные технологии, такие как: jQuery, CSS3, WP Ajax, Shortcode API, Custom Metaboxes 2 (CMB2), WP REST API, Filterizr и многое другое! Если у вас есть опыт работы с WordPress, и вы хотите изучить более сложные темы, этот курс для вас!
В этом курсе мы разрабатываем 7 РАЗНЫХ ПРОЕКТОВ !!
- Плагин для пользовательских типов сообщений и таксономии.
- Плагин для метабоксов.
- Плагин для предстоящих событий с CMB2.
- Фильтровать сообщения с эффектом masonry и WP Ajax.
- Форма расширенного поиска с WP Ajax.
- Отправьте сообщения с Front End нашего сайта WordPress.
- Бесконечная прокрутка с помощью API AJAX и WP REST
- Урок 1. A Preview of the Final Projects 00:07:01
- Урок 2. Installing WordPress locally 00:03:36
- Урок 3. Code Snippets for this course 00:01:58
- Урок 4. How to Load the different versions for this course 00:04:08
- Урок 5. The Images and Files for this Course 00:01:14
- Урок 6. Atom Packages for WordPress Development (my favorites) 00:07:33
- Урок 7. Local by Flywheeel 00:08:05
- Урок 8. What are Custom Post Types? 00:02:52
- Урок 9. Creating a Plugin for Custom Post Types 00:03:15
- Урок 10. Creating a Basic Custom Post Type 00:03:37
- Урок 11. Creating an Advanced Custom Post Type 00:10:01
- Урок 12. Adding Another Custom Post Type for Events 00:03:28
- Урок 13. Custom Post Type UI Plugin: Creating CPT from the Admin 00:03:33
- Урок 14. GenerateWP to Create Custom Post Types 00:05:23
- Урок 15. Adding A Post to our New Custom Post type 00:01:46
- Урок 16. Importing the Second Version for this Site 00:01:33
- Урок 17. What are Taxonomies? 00:03:39
- Урок 18. Creating a Basic Taxonomy 00:04:05
- Урок 19. Creating an Advanced Taxonomy 00:04:10
- Урок 20. Creating a Taxonomy for Course 00:02:07
- Урок 22. Creating a Taxonomy for Price Range with Custom Post Type UI 00:02:29
- Урок 23. Creating a Taxonomy with GenerateWP 00:03:07
- Урок 24. Adding Terms to our Taxonomies 00:03:10
- Урок 25. Applying Terms to Recipes 00:02:37
- Урок 26. Loading the Third Version for this Project 00:02:07
- Урок 27. Creating a Single Post Template for a Custom Post Type 00:02:59
- Урок 28. Printing our Taxonomy Terms in our Template 00:06:31
- Урок 29. Creating a Taxonomy Archive Template 00:04:57
- Урок 30. Creating an Archive Template for a Specific Term 00:06:22
- Урок 31. Printing Custom Post Types in the Index Page 00:03:34
- Урок 32. Identifying Custom Post Types 00:04:10
- Урок 33. Preview of the Final Project for this Section 00:01:20
- Урок 34. Creating a Menu with Terms from a Taxonomy 00:05:04
- Урок 35. How to Query the Taxonomies? 00:05:41
- Урок 36. Creating a Function to Query the Custom Post Type and Taxonomy 00:08:05
- Урок 37. Finishing up our Function and Printing the Results 00:07:11
- Урок 39. Finishing up our example with some CSS 00:07:31
- Урок 40. Preview of the Final Project for this section 00:01:38
- Урок 41. Creating a Function to use with WP Ajax 00:06:57
- Урок 42. Passing data with WP Ajax 00:04:54
- Урок 43. Building a JavaScript Template 00:08:22
- Урок 44. Getting the user time with JavaScript 00:08:01
- Урок 45. Finishing up our Example 00:04:04
- Урок 46. What are the Metaboxes? 00:02:00
- Урок 47. Creating a Plugin for Metaboxes 00:02:43
- Урок 48. Adding the Metabox Zone 00:03:04
- Урок 49. Adding Fields to our Metabox 00:05:54
- Урок 50. Saving Metabox Fields to the Database 00:09:13
- Урок 51. Printing Metabox Fields in our Theme 00:06:05
- Урок 52. Styling the Metabox Information in our Theme 00:08:54
- Урок 53. Downloading CMB2 and Creating a Plugin 00:02:52
- Урок 54. Checking all Field Types Available in CMB2 00:03:35
- Урок 55. Calling the CMB2 Files in our Plugin 00:04:49
- Урок 56. Adding Fields to our Metaboxes 00:06:21
- Урок 57. Adding Events 00:05:22
- Урок 58. Quering Metaboxes and Fields 00:11:16
- Урок 59. Printing all the Fields 00:12:32
- Урок 60. Printing Past Events 00:03:55
- Урок 61. Finishing our Plugin with some CSS 00:11:37
- Урок 62. Preview of the project 00:02:03
- Урок 63. Adding Filterizr to our Theme 00:03:23
- Урок 64. Adding the Page and Page Template 00:03:01
- Урок 65. Printing the Taxonomy Terms 00:04:51
- Урок 66. Printing the Posts 00:02:19
- Урок 67. Adding the proper HTML Markup 00:07:05
- Урок 68. Calling the jQuery Plugin with JavaScript 00:02:42
- Урок 69. Fixing the Problem if you have 1 post under 2 Taxonomies or more 00:05:41
- Урок 70. Styling the Menu with CSS 00:05:02
- Урок 71. Finishing our example 00:04:58
- Урок 72. What we're building in this Chapter 00:01:17
- Урок 73. Adding the JavaScript and Creating the Template 00:04:15
- Урок 74. Adding New Image Sizes 00:10:03
- Урок 75. Displaying Different Image Sizes 00:04:36
- Урок 76. Adding some PHP Tricks to display a bigger number of small images 00:06:22
- Урок 77. Adding CSS to display different Widths in our Recipes 00:07:43
- Урок 78. Finishing the CSS part 00:07:36
- Урок 79. Final Words from this Chapter 00:01:04
- Урок 80. Adding the Basic HTML 00:05:22
- Урок 81. Adding the jQuery and PHP Functions 00:10:08
- Урок 82. Sending data with PHP to Ajax 00:05:01
- Урок 83. Printing the JavaScript data in HTML 00:05:10
- Урок 84. Finishing Printing the JavaScript data in HTML 00:09:18
- Урок 85. Filtering by Taxonomy Term 00:08:06
- Урок 86. Adding another Taxonomy Term 00:04:49
- Урок 87. Querying by Metadata (or Metabox information) 00:11:05
- Урок 88. Finishing the Example 00:03:14
- Урок 89. Final Touches 00:07:09
- Урок 90. What we're building in this chapter 00:03:26
- Урок 91. Creating the WordPress Plugin 00:03:49
- Урок 92. Creating the CMB2 Box 00:05:29
- Урок 93. Connecting the Fields and Shortcode Function 00:07:05
- Урок 94. Adding the Rest of the Fields 00:12:44
- Урок 95. Adding Error and Success messages 00:07:35
- Урок 96. Adding Security to form Submission 00:09:04
- Урок 97. Reading the Values from the Form 00:09:05
- Урок 98. Inserting the Post in the database 00:05:55
- Урок 99. Adding the Featured Image 00:10:37
- Урок 100. What we're building in this chapter 00:01:12
- Урок 101. The Snippets and Plugin for this chapter 00:01:01
- Урок 102. Creating the Plugin Files 00:03:56
- Урок 103. How to enable WP REST API Support for Custom Post Types 00:05:17
- Урок 104. Returning the previous Recipe 00:04:52
- Урок 105. Add Custom Values to the WP REST API Response 00:05:51
- Урок 106. Adding Meta Values and Taxonomies in the WP Rest API Response 00:06:19
- Урок 107. Adding Taxonomy Terms to the WP Rest API Response 00:06:01
- Урок 108. Passing the REST URL to the JavaScript File 00:04:26
- Урок 109. Tracking the scroll position with jQuery 00:07:53
- Урок 110. Calling the next post when scrolling 00:06:07
- Урок 111. Building the New Post Template and Printing the data 00:11:40
- Урок 112. Finishing our example 00:03:55
Этот курс находится в платной подписке!
И будет доступен в бесплатном просмотре 19.07.2018. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.
Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.Комментарии
Похожие курсы
25-05-201812-03-2018 en 314 уроков udemy Professional WordPress Theme Development from ScratchСоздание замечательных тем WordPress c нуля / 4 завершенные проекты / 26 файлов PSD / расширенные темы.Начните создавать свои собственные CUSTOM WordPress Themes с нуля с помощью этого 100% практического курса.WordPress поддерживает 25% всех веб-сайтов в мире - разработка WordPress Темы - это ключевой навык в наши дни. Вы сможете разработать свои собственные темы к концу этого курса.
Duration 27:08:20
08-02-201814-01-2018 ru 8 уроковЭтого не было в оригинальных играх и фильмах о Codename 47, но нам попал в руки эксклюзивный материал, где наш лысый герой натягивает не только одни струны по шеям охранников, а пошел еще дальше, и начал натягивать верстку на Wordpress. Он натягивает верстку на wordpress... вот так то. Эксклюзив ребята.
Duration 03:56:44
08-11-2017en 46 уроков lyndacom WordPress REST API - создание интерактивного веб-приложенияWordPress REST API открывает целый мир возможностей для разработчиков WordPress. В этом учебном курсе вы изучите как создать интерактивное веб-приложение поверх WordPress REST API. Инструктор начинает курс, помогая вам спланировать приложение, которое вы собираетесь построить. Затем он объясняет, как расширить функциональность WordPress, добавив новую роль пользователя и другие возможности. В течение оставшейся части курса он обсуждает, как...
Duration 03:11:21
19-10-2017ru 10 уроковWordpress определенно самая гибкая cms для нетривиальных сайтов, а в руках хорошего специалиста, на нем можно сделать даже больше, чем вы могли себе представить до этого. Курс по WordPress от Дмитрия Лаврика призван сделать с вас именно такого специалиста.
Duration 16:36:52
coursehunters.net