WordPress tema yaratish β 0 dan ekspertgacha
WordPress uchun professional tema (mavzu) yaratishni noldan o'rganadigan to'liq qo'llanma. Klassik PHP-shablon temalardan boshlab zamonaviy block / Full Site Editing temalar, custom bloklar (React/JSX), WooCommerce, xavfsizlik, i18n va tarqatishgacha. WordPress 7.0 asosida.
π― Klassik + zamonaviy birga. 2026'da WordPress block/FSE standartiga o'tdi, lekin klassik temalar hali ham millionlab saytda ishlaydi. Bu kitob ikkalasini ham o'rgatadi: avval klassik poydevor (template hierarchy, The Loop, hooks), keyin block tema (theme.json, Site Editor) va o'z bloklaringiz.
π¨ Har bob SVG diagrammalar bilan boyitilgan (jami 90 ta): template hierarchy daraxti, The Loop oqimi, hook tartibi, theme.json tuzilishi, block markup, custom blok edit/save va boshqalar ko'z bilan ko'rib o'rganiladi.
π» Hamma kod ishlatiladi. Kitobdagi PHP kod php -l bilan, theme.json/block.json JSON-schema bilan, custom bloklar @wordpress/scripts build bilan, temalar esa jonli WordPress 7.0 saytda render qilinib tekshirilgan.
Talab
Kerak
Daraja
PHP asoslari (o'zgaruvchi, funksiya, massiv, OOP)
Shart β avval PHP kitobini o'qing
Lokal WordPress (LocalWP / Studio / XAMPP / wp-env)
Shart β 2-bobda o'rnatamiz
HTML/CSS asoslari
Tavsiya etiladi
Node.js (custom blok bo'limi uchun)
V qismda kerak bo'ladi
Qanday o'qish kerak
Boblarni tartib bilan o'qing β har qism oldingisiga tayanadi (asoslar β klassik β block/FSE β custom blok β professional).
Har misolni o'z lokal WordPress'ingizda terib, aktivlashtirib ko'ring β temani his qilish uchun.
Bob oxiridagi amaliy masalalarni o'zingiz yeching: shablon yozing, hook qo'llang, theme.json sozlang, blok yarating.
V qism (custom blok) uchun Node.js o'rnating va npx @wordpress/create-block bilan mashq qiling.
I qism β Asoslar va WordPress arxitekturasi
II qism β Klassik tema: The Loop va shablonlar
#
Bob
Nima o'rganasiz
05
The Loop va WP_Query Main query, The Loop, post ma'lumotlari, ikkilamchi WP_Query, pre_get_posts.
06
Template teglar va shartli teglar the_ vs get_the_ , is_home/is_single/is_archive, get_template_part.
07
Shablon iyerarxiyasi amalda index/single/page/archive/search/404 shablonlarini yozish, maxsus va custom page template.
08
header, footer, sidebar va get_template_part get_header/footer/sidebar, wp_head/wp_footer (majburiy), modulli bo'laklar.
09
functions.php, hooks va theme setup Hook tizimi (action vs filter), add_theme_support, eng muhim hooklar.
III qism β Klassik tema: dinamik imkoniyatlar
#
Bob
Nima o'rganasiz
10
Skript va uslublarni ulash (enqueue) wp_enqueue_style/script, dependency, versiya, strategy (defer/async), localize.
11
Navigatsiya menyulari (Walker) register_nav_menus, wp_nav_menu, Walker_Nav_Menu bilan maxsus HTML.
12
Widget'lar va dinamik sidebar register_sidebar, dynamic_sidebar, klassik vs block widget, custom WP_Widget.
13
Custom Post Type va Taxonomy register_post_type/taxonomy, show_in_rest, CPT shablonlari, tema vs plagin.
14
Custom Fields, meta va Customizer Post meta, register_post_meta, block bindings API, Customizer vs Site Editor.
IV qism β Zamonaviy Block tema (FSE)
#
Bob
Nima o'rganasiz
15
Block temaga kirish Block tema NIMA va NEGA (FSE), fayl strukturasi, minimal block tema.
16
theme.json I: settings version 3, color/typography/spacing/layout settings, global vs per-block.
17
theme.json II: styles styles root/elements/blocks, preset reference, custom CSS β theme.json CSS generatsiyasi.
18
Block templates va template parts templates/ va parts/ block markup, template-part bloki, query loop.
19
Global styles va style variations Site Editor styles, styles/ variations, section/color/typography variations.
20
Block patterns patterns/ papka, register_block_pattern, synced/unsynced, pattern overrides.
21
Site Editor va hybrid temalar Site Editor workflow, navigation bloki, klassikβblock bosqichma-bosqich ko'chish.
V qism β Custom bloklar (React/JSX)
#
Bob
Nima o'rganasiz
22
Custom blok yaratish asoslari @wordpress/scripts, block.json, register_block_type, build jarayoni.
23
Edit/Save, attributes va InspectorControls edit/save (JSX), attributes, RichText, InspectorControls, block supports.
24
Dinamik bloklar (render_callback) save=null, render.php, get_block_wrapper_attributes, ServerSideRender.
25
InnerBlocks, variations va Interactivity API InnerBlocks, block variations/styles, Interactivity API (data-wp-*).
VI qism β Professional
#
Bob
Nima o'rganasiz
26
WooCommerce tema integratsiyasi add_theme_support, template override, WC hooks, block-based store.
27
Xavfsizlik: escaping, sanitization, nonce esc_/wp_kses, sanitize_ , nonce (CSRF), $wpdb->prepare, capability.
28
i18n/l10n va accessibility __()/_e()/_n(), text domain, .pot/.po/.mo, semantik HTML, ARIA, WCAG.
29
Performans va tarqatish Shartli enqueue, transient kesh, child tema, Theme Check, wordpress.org/GPL.
VII qism β Kapston
Muallif
Oqil Imomnazarov β ioqil.uz Β· Telegram Β· YouTube
Kitob bepul tarqatiladi (CC BY-NC-SA 4.0). Savdo qilish taqiqlanadi.