آموزش ساخت Template نوشته و برگه با Site Editor در وردپرس

🗓 آخرین بهروزرسانی:
ساخت Template نوشته و برگه با Site Editor به شما اجازه میدهد تعیین کنید نوشتهها، برگهها، صفحه اصلی، آرشیوها، نتایج جستوجو و صفحه 404 با چه ساختاری نمایش داده شوند. در قالبهای بلوکی، این ساختارها دیگر فقط فایلهای PHP نیستند؛ بلکه با بلوکهایی مانند Post Title، Post Content، Featured Image، Query Loop، Comments، Template Part، Group و Columns ساخته میشوند.
مهمترین نکته این است که «محتوای یک برگه» با «Template آن برگه» تفاوت دارد. محتوا شامل متن، تصویر و بلوکهای اختصاصی همان صفحه است؛ اما Template چارچوب نمایش را تعیین میکند و ممکن است روی دهها نوشته یا برگه اثر بگذارد. اگر این دو را اشتباه بگیرید، ممکن است بهجای تغییر یک صفحه، ظاهر کل سایت را عوض کنید.
در این آموزش، تفاوت Page و Template، ساخت قالب نوشته تکی، قالب برگه، قالب دارای Sidebar، Front Page، Home، Archive، Search و 404 را بررسی میکنیم. سپس روش ساخت Custom Template، اختصاص آن به نوشته یا برگه، Reset، Duplicate، Export، قفلگذاری، طراحی واکنشگرا، سئو، سرعت، رفع خطا و تفاوت این مسیر با WoodMart را توضیح میدهیم.
نسخه بررسیشده
این مقاله در ژوئیه ۲۰۲۶ براساس WordPress 7.0.2 و مستندات رسمی Site Editor و Template Editor بازبینی شده است. محل بعضی گزینهها ممکن است با توجه به قالب، افزونهها و سطح دسترسی کاربر متفاوت باشد.
Template در وردپرس چیست؟
Template ساختار نمایش یک نوع صفحه را تعیین میکند. برای مثال Single Template مشخص میکند نوشته تکی چگونه نمایش داده شود، Page Template ظاهر برگهها را کنترل میکند و Archive Template ساختار صفحه دسته، برچسب یا آرشیو را میسازد.
در قالب بلوکی، Template از Block Markup ساخته میشود. Header، Footer، Post Title، Post Content و سایر عناصر، هرکدام یک بلوک یا Template Part هستند. وردپرس هنگام نمایش صفحه، داده واقعی را جایگزین بلوکهای پویا میکند.
تفاوت Template، Template Part و Pattern
- Template: ساختار کامل یک نوع صفحه مانند Single یا Page
- Template Part: بخش عمومی و تکرارشونده مانند Header، Footer یا Sidebar
- Pattern: چیدمان آماده از چند بلوک برای درج در محتوا یا Template
برای مثال یک Template نوشته میتواند شامل Header Template Part، بخش اصلی دارای Post Content و Footer Template Part باشد. داخل همین Template نیز میتوان Pattern معرفی نویسنده یا CTA قرار داد.
راهنمای کامل Patternها در مقاله آموزش Pattern و Synced Pattern در وردپرس ارائه شده است.
تفاوت محتوای برگه با Template برگه
محتوای برگه همان چیزی است که هنگام ویرایش Page مینویسید: عنوان، پاراگراف، تصویر، دکمه و سایر بلوکها. Template برگه چارچوب بیرونی را مشخص میکند: Header، محل نمایش عنوان، عرض محتوا، Sidebar و Footer.
اگر داخل Site Editor یک Page را باز کنید، ممکن است محتوای واقعی را درون Template ببینید. بخشهای قفلشده یا عمومی متعلق به Template هستند و بلوکهای داخل Post Content مربوط به همان برگهاند.
مثال ساده
فرض کنید برگه «درباره ما» دارید. متن معرفی شرکت داخل محتوای برگه است. اما اینکه عنوان بالای تصویر شاخص نمایش داده شود، محتوا تمامعرض باشد یا Sidebar داشته باشد، توسط Template کنترل میشود.
Site Editor چه زمانی در دسترس است؟
Site Editor کامل هنگام فعال بودن یک Block Theme نمایش داده میشود. مسیر معمول آن Appearance → Editor است. بعضی قالبهای کلاسیک میتوانند Template Editor محدود را فعال کنند، اما تجربه کامل Templates، Patterns و Global Styles مخصوص قالبهای بلوکی است.
قالب فعلی dev-source.ir یعنی WoodMart 8.3.7 از Site Editor کامل استفاده نمیکند. برای این سایت باید Templateهای فروشگاهی و محتوایی را از ابزارهای اختصاصی WoodMart مدیریت کرد.
ورود به بخش Templates
- از پیشخوان وارد Appearance → Editor شوید.
- در منوی Site Editor گزینه Templates را انتخاب کنید.
- فهرست Templateهای موجود را ببینید.
- روی Template مورد نظر کلیک کنید.
- پیشنمایش و توضیح کاربرد آن را بررسی کنید.
- برای ویرایش، آیکن مداد یا خود Template را انتخاب کنید.
Templateهای اصلی وردپرس
Templateهای دقیق به قالب بستگی دارند، اما موارد زیر رایجاند:
- Index
- Single Posts
- Pages
- Front Page
- Home
- Archive
- Category
- Tag
- Author
- Search
- 404
اگر Template اختصاصی وجود نداشته باشد، وردپرس براساس Template Hierarchy از گزینه عمومیتر استفاده میکند. برای مثال اگر Category Template موجود نباشد، ممکن است Archive یا Index استفاده شود.
بلوکهای مهم برای ساخت Template
Post Title
عنوان نوشته یا برگه جاری را نمایش میدهد. این بلوک پویاست و در هر صفحه عنوان همان محتوا را نشان میدهد.
Post Content
محتوای اصلی نوشته یا برگه را نمایش میدهد. حذف این بلوک از Template باعث میشود متن واقعی صفحه دیده نشود.
Post Featured Image
تصویر شاخص نوشته یا برگه جاری را نمایش میدهد. میتوانید نسبت تصویر، اندازه، تراز و لینک آن را تنظیم کنید.
Post Date و Post Author
تاریخ و نویسنده را بهصورت پویا نشان میدهند. برای برگههای ثابت معمولاً ضروری نیستند، اما در نوشته و خبر کاربرد دارند.
Post Terms
دسته یا برچسبهای نوشته را نمایش میدهد. Taxonomy مورد نظر از تنظیمات بلوک انتخاب میشود.
Comments
بخش دیدگاهها را داخل Template نوشته قرار میدهد. اگر دیدگاهها در تنظیمات بسته باشند، بلوک ممکن است خروجی متفاوتی داشته باشد.
Query Loop
برای نمایش فهرست نوشتهها در Home، Archive، Category، Search یا بخش مطالب مرتبط استفاده میشود.
Template Part
Header، Footer یا Sidebar را به Template متصل میکند. تغییر Template Part مشترک روی همه Templateهای استفادهکننده اثر میگذارد.
ساخت Template نوشته تکی
برای ساخت یا ویرایش Template نوشته:
- Appearance → Editor → Templates را باز کنید.
- Single Posts را انتخاب کنید.
- List View را فعال کنید.
- Header، Post Title، Metadata، Featured Image، Post Content و Footer را شناسایی کنید.
- ساختار اصلی را داخل Group قرار دهید.
- عرض محتوا و Padding را تنظیم کنید.
- Category، Author و Date را در صورت نیاز اضافه کنید.
- Comments یا CTA پایانی را قرار دهید.
- چند نوشته مختلف را در Preview بررسی کنید.
- تغییرات را Save کنید.
ساخت Layout استاندارد مقاله
یک ساختار مناسب میتواند شامل این بخشها باشد:
- Header
- Breadcrumb
- Post Title
- Author، Date و Category
- Featured Image
- Post Content
- Post Terms
- Author Box
- Related Posts
- Comments
- Footer
هر بخش باید هدف مشخص داشته باشد. افزودن همه Metaها و چند CTA ممکن است صفحه را شلوغ کند.
ساخت Template برگه
Page Template معمولاً سادهتر از Single Post است. تاریخ، نویسنده، دسته و دیدگاه اغلب حذف میشوند. ساختار پایه میتواند شامل Header، Post Title، Post Content و Footer باشد.
برای ساخت:
- Templates را باز کنید.
- Pages را انتخاب کنید.
- Post Content را نگه دارید.
- نمایش عنوان را براساس نیاز تنظیم کنید.
- عرض محتوا را مشخص کنید.
- Header و Footer مناسب را انتخاب کنید.
- برگههای مختلف را آزمایش کنید.
ساخت Custom Template برای برگه خاص
Custom Template برای ساخت Layoutی است که فقط روی صفحات انتخابشده استفاده میشود؛ مانند Landing Page، صفحه خدمات تمامعرض یا برگه دارای Sidebar.
- Appearance → Editor → Templates را باز کنید.
- روی + کلیک کنید.
- Custom Template را انتخاب کنید.
- نامی مانند Landing Page Without Header وارد کنید.
- ساختار Template را طراحی کنید.
- Post Content را در محل مناسب قرار دهید.
- Template را Save کنید.
- برگه هدف را باز کنید.
- از تنظیمات Page، Template جدید را انتخاب کنید.
اختصاص Template سفارشی به برگه یا نوشته
نوشته یا برگه را در Block Editor باز کنید. در پنل تنظیمات، بخش Template را پیدا کنید و نام Template سفارشی را انتخاب کنید. این تغییر فقط همان محتوا را تحتتأثیر قرار میدهد، مگر اینکه خود Template روی صفحات دیگری نیز استفاده شده باشد.
ساخت Template دارای Sidebar
برای ساخت صفحه دارای سایدبار:
- یک Group اصلی بسازید.
- داخل آن Columns با نسبت ۷۰/۳۰ قرار دهید.
- Post Content را در ستون اصلی بگذارید.
- در ستون دوم Search، Categories، Latest Posts یا Pattern سایدبار قرار دهید.
- عرض و Gap را تنظیم کنید.
- رفتار Stack در موبایل را بررسی کنید.
اگر Sidebar در چند Template استفاده میشود، آن را Template Part یا Synced Pattern بسازید.
ساخت Front Page Template
Front Page Template برای صفحه اصلی ثابت سایت استفاده میشود. این Template میتواند Hero، خدمات، محصولات، معرفی، Query Loop و CTA داشته باشد.
اگر Front Page Template تعریف شود، ممکن است نسبت به ساختار عادی برگه صفحه اصلی اولویت پیدا کند. بنابراین اگر محتوای برگه خانه تغییر میکند اما در سایت دیده نمیشود، Front Page Template را بررسی کنید.
تفاوت Front Page و Home
- Front Page: صفحه اصلی سایت
- Home: صفحه فهرست نوشتهها یا Blog Index
اگر تنظیمات Reading روی نمایش آخرین نوشتهها باشد، Home ممکن است صفحه اصلی نیز باشد. اگر یک برگه ثابت بهعنوان صفحه اصلی انتخاب شده باشد، Front Page و Home میتوانند جدا باشند.
ساخت Home Template
Home Template معمولاً شامل Query Loop برای نمایش نوشتههاست. داخل Post Template میتوانید تصویر شاخص، عنوان، خلاصه، تاریخ و دکمه ادامه مطلب قرار دهید.
Pagination و Empty State را فراموش نکنید. فهرست نوشتهها باید روی موبایل و صفحات بعدی نیز درست کار کند.
ساخت Archive Template
Archive Template برای دسته، برچسب، تاریخ، نویسنده و سایر آرشیوها استفاده میشود. ساختار مناسب:
- Query Title
- توضیح آرشیو در صورت وجود
- Query Loop
- Pagination
- Empty Results
Query باید حالت Inherit query from template را حفظ کند تا دسته یا آرشیو جاری بهدرستی نمایش داده شود.
ساخت Template اختصاصی دسته
میتوانید Template عمومی Category یا Template مخصوص یک دسته ایجاد کنید. این روش برای دستهای که Layout یا پیام متفاوت دارد مفید است.
از افزودن متن تکراری زیاد در همه دستهها خودداری کنید. توضیح اختصاصی باید مرتبط و مفید باشد.
ساخت Search Template
Search Template برای نتایج جستوجو استفاده میشود. بلوکهای پیشنهادی:
- Search
- Query Title
- Query Loop
- Post Title
- Excerpt
- Pagination
- No Results Message
صفحه جستوجو باید در صورت نبود نتیجه، پیشنهادهای روشن یا لینک صفحه اصلی ارائه کند.
ساخت 404 Template
صفحه 404 باید پیام روشن، Search و مسیر بازگشت داشته باشد. ساختار پیشنهادی:
- عنوان «صفحه پیدا نشد»
- توضیح کوتاه
- Search Block
- دکمه صفحه اصلی
- فهرست مطالب جدید یا دستهها
همه خطاها را به صفحه اصلی ریدایرکت نکنید؛ صفحه 404 واقعی باید کد HTTP مناسب برگرداند.
Template Hierarchy در قالب بلوکی
وردپرس برای هر درخواست، خاصترین Template موجود را انتخاب میکند. اگر موجود نباشد، به Template عمومیتر میرود. برای مثال یک دسته خاص میتواند Template اختصاصی داشته باشد؛ در غیر این صورت Category، سپس Archive و در نهایت Index استفاده میشوند.
این سلسلهمراتب باعث میشود یک Template عمومی برای اکثر صفحات و Templateهای خاص برای استثناها داشته باشید.
ساخت Template برای Custom Post Type
اگر سایت نوع محتوای عمومی ثبتشدهای مانند Portfolio یا Testimonial داشته باشد، Site Editor ممکن است گزینه ساخت Single و Archive مخصوص آن را نمایش دهد.
قبل از طراحی، بررسی کنید Post Type از Editor، Featured Image و Archive پشتیبانی کند. بعضی Post Typeها توسط افزونه یا قالب کنترل میشوند.
تغییر نام Template سفارشی
Templateهای سفارشی ساختهشده توسط کاربر معمولاً قابل Rename هستند. Templateهای اصلی قالب یا هسته ممکن است قابل تغییر نام نباشند. نام را براساس کاربرد انتخاب کنید؛ مانند:
- Landing بدون هدر
- برگه دارای سایدبار
- نوشته تمامعرض
- صفحه خدمات
Duplicate کردن Template
برای ساخت نسخه متفاوت، ابتدا Template موجود را Duplicate کنید. این روش از خراب شدن نسخه اصلی جلوگیری میکند و سرعت طراحی را بالا میبرد.
پس از Duplicate، نام، Header، Footer و محل استفاده را بررسی کنید.
Reset یا Clear Customizations
وقتی Template اصلی قالب را از Site Editor ویرایش میکنید، وردپرس نسخه سفارشی را در دیتابیس ذخیره میکند. گزینه Clear Customizations یا Reset این نسخه را حذف و Template اصلی قالب را بازمیگرداند.
قبل از Reset، Export یا بکاپ بگیرید. این عملیات ممکن است تغییرات طراحی را حذف کند.
حذف Template سفارشی
Templateهای سفارشی ساختهشده توسط کاربر قابل حذفاند. قبل از حذف بررسی کنید کدام نوشته یا برگه از آن استفاده میکند. محتوای صفحه حذف نمیشود، اما ممکن است به Template پیشفرض برگردد.
Export کردن Templateها
Site Editor امکان Export طراحی را فراهم میکند. خروجی میتواند شامل Template، Template Part و Styles باشد. این قابلیت برای انتقال به محیط توسعه، ساخت Child Theme یا نگهداری نسخه مفید است.
Export طراحی جایگزین بکاپ کامل وردپرس نیست؛ رسانه، افزونه و دیتابیس کامل را پوشش نمیدهد.
استفاده از List View
Templateها ساختار تودرتوی زیادی دارند. List View برای تشخیص Group، Query Loop، Post Template، Header و Footer ضروری است.
قبل از حذف هر بلوک، نام و جایگاه آن را بررسی کنید. حذف Post Content یا Query Loop میتواند خروجی اصلی صفحه را از بین ببرد.
قفل کردن ساختار Template
بلوکهای اصلی مانند Post Content، Header، Footer و Query Loop را میتوان برای جلوگیری از حذف یا جابهجایی قفل کرد. این قابلیت برای تیم تولید محتوا مفید است.
قفل بلوک جایگزین Role Management نیست. دسترسی Site Editor باید محدود به کاربران مورد اعتماد باشد.
طراحی واکنشگرای Template
Template روی همه صفحات مرتبط تکرار میشود؛ بنابراین خطای موبایل گسترده خواهد بود. موارد مهم:
- عرض متن بیش از حد نباشد.
- Sidebar در موبایل پایین محتوا قرار گیرد.
- Featured Image برش نامناسب نداشته باشد.
- Metaها Wrap شوند.
- دکمهها قابل لمس باشند.
- Padding کنارهها مناسب باشد.
- Query Loop تعداد ستون منطقی داشته باشد.
Global Styles و Template
برای رنگ، فونت، عرض و فاصلههای عمومی از Global Styles استفاده کنید. تنظیم رنگ و فونت مستقیم روی تکتک بلوکهای Template، نگهداری آینده را دشوار میکند.
راهنمای کامل در مقاله آموزش Global Styles وردپرس موجود است.
سئو Template نوشته و برگه
- Post Title را بهصورت H1 منطقی تنظیم کنید.
- در Header یا Pattern عمومی H1 تکراری نسازید.
- Post Content را حذف نکنید.
- Breadcrumb را در محل مناسب قرار دهید.
- Archive Title را نمایش دهید.
- صفحه 404 کد صحیح داشته باشد.
- Query Loop لینک قابل خزیدن تولید کند.
- Schema افزونه سئو را با Template تکراری نکنید.
نوع Template عامل رتبهبندی مستقیم نیست؛ ساختار HTML، سرعت، محتوا و تجربه کاربر اهمیت دارند.
سرعت و عملکرد
Template در همه صفحات مرتبط بارگذاری میشود. افزودن Slider، فرم، ویدئو، Query پیچیده یا چند افزونه بلوکی میتواند هزینه تکرارشونده ایجاد کند.
- تصاویر را بهینه کنید.
- تعداد Query Loopها را محدود کنید.
- DOM تودرتو را کاهش دهید.
- فونتها و اسکریپتها را بررسی کنید.
- مطالب مرتبط را با Query سبک بسازید.
- Template را روی چند نوع صفحه تست کنید.
دسترسپذیری
- Headingها ترتیب منطقی داشته باشند.
- Navigation با صفحهکلید قابل استفاده باشد.
- کنتراست متن و دکمه مناسب باشد.
- تصویر شاخص Alt درست داشته باشد.
- Skip Link قالب حذف نشود.
- Focus State قابل مشاهده باشد.
- Sidebar بعد از محتوا ترتیب منطقی داشته باشد.
ساخت Template در WoodMart
قالب WoodMart از Site Editor کامل استفاده نمیکند. در dev-source.ir، Layoutهای نوشته، برگه و فروشگاه از تنظیمات قالب، Layout Builder، HTML Blocks و ابزارهای اختصاصی مدیریت میشوند.
در این سایت:
- Header با Header Builder ساخته میشود.
- Layoutهای فروشگاهی با WoodMart Layout Builder کنترل میشوند.
- برگهها میتوانند از تنظیمات Layout اختصاصی قالب استفاده کنند.
- محتوای نوشته و برگه همچنان میتواند با Gutenberg ساخته شود.
برای تمرین این مقاله، یک Block Theme را روی لوکال یا Staging فعال کنید و قالب سایت اصلی را تغییر ندهید.
رفع مشکل تغییر ناخواسته همه صفحات
احتمالاً Template عمومی را ویرایش کردهاید. Revision یا Reset را بررسی کنید. برای تغییر فقط یک صفحه، Custom Template بسازید یا محتوای همان Page را ویرایش کنید.
رفع مشکل نمایش ندادن محتوای برگه
بررسی کنید Post Content داخل Template وجود داشته باشد. ممکن است این بلوک حذف، مخفی یا داخل Group نامناسب قرار گرفته باشد.
رفع مشکل نمایش Template اشتباه
- Template اختصاصیافته به برگه را بررسی کنید.
- Front Page و Home را اشتباه نگیرید.
- Template Hierarchy را بررسی کنید.
- کش سایت و CDN را پاک کنید.
- Template اختصاصی دسته یا Post Type را بررسی کنید.
رفع مشکل ذخیره نشدن Template
خطای REST API، مجوز کاربر، Firewall، ModSecurity یا تداخل افزونه میتواند ذخیره را مختل کند. Site Health، کنسول مرورگر و Network را بررسی کنید.
عیبیابی را روی Staging انجام دهید و افزونهها را بدون بکاپ روی سایت اصلی گروهی غیرفعال نکنید.
رفع مشکل استایل متفاوت در Front-end
ممکن است Editor Style با CSS واقعی قالب یکسان نباشد. کش، Global Styles، CSS سفارشی و تنظیمات محلی بلوک را بررسی کنید. نتیجه را در حالت ناشناس و موبایل واقعی ببینید.
اشتباهات رایج
- ویرایش Template بهجای محتوای یک Page
- حذف Post Content
- استفاده از H1 تکراری
- ساخت Sidebar بدون تست موبایل
- ویرایش Front Page و انتظار تغییر Blog Page
- استفاده از Query Loop بدون Pagination
- Reset بدون Export
- حذف Template بدون بررسی صفحات وابسته
- استفاده از آموزش Block Theme روی WoodMart
- اعتماد کامل به Preview ویرایشگر
چکلیست نهایی ساخت Template
- نوع Template درست انتخاب شده است.
- Post Content وجود دارد.
- Header و Footer صحیح متصلاند.
- H1 و Headingها منطقیاند.
- Metaهای لازم نمایش داده میشوند.
- Query Loop و Pagination کار میکنند.
- Sidebar در موبایل درست Stack میشود.
- Custom Template به صفحه صحیح اختصاص یافته است.
- Front Page و Home جدا بررسی شدهاند.
- Search و 404 تست شدهاند.
- Export یا بکاپ موجود است.
- Front-end و حالت ناشناس کنترل شدهاند.
📌 همچنین بخوانید: دسترسپذیری در Gutenberg و Site Editor وردپرس، طراحی ریسپانسیو در Gutenberg و Site Editor وردپرس و ساخت لندینگ پیج با Gutenberg در وردپرس
پرسشهای متداول
Template با Page چه تفاوتی دارد؟
Page محتوای اختصاصی یک برگه است؛ Template چارچوب نمایش یک یا چند صفحه را تعیین میکند.
چرا با تغییر Template همه نوشتهها عوض شدند؟
زیرا همه آن نوشتهها از همان Template مشترک استفاده میکنند. برای استثنا Custom Template بسازید.
آیا میتوان برای یک برگه Template جدا ساخت؟
بله. Custom Template بسازید و آن را از تنظیمات همان برگه انتخاب کنید.
چرا Post Content را نمیبینم؟
ممکن است از Template حذف شده باشد یا در List View داخل بخش پنهان قرار گرفته باشد.
Front Page و Home یکی هستند؟
همیشه نه. Front Page صفحه اصلی و Home صفحه فهرست نوشتههاست.
آیا Template Editor در قالب کلاسیک وجود دارد؟
برخی قالبهای کلاسیک میتوانند آن را فعال کنند، اما Site Editor کامل مخصوص Block Theme است.
در WoodMart از کجا Template بسازیم؟
بسته به نوع صفحه از Theme Settings، Layout Builder، HTML Blocks و تنظیمات برگه استفاده کنید.
جمعبندی
ساخت Template نوشته و برگه با Site Editor روش مدیریت ساختار نمایش صفحات در قالبهای بلوکی است. Template چارچوب صفحه را میسازد، Template Part بخشهای عمومی مانند Header و Footer را نگه میدارد و Post Content محتوای واقعی نوشته یا برگه را نمایش میدهد.
برای تغییر یک صفحه، محتوای همان Page یا Custom Template را ویرایش کنید. برای تغییر همه نوشتهها، Single Template را تغییر دهید. Front Page، Home، Archive، Search و 404 هرکدام کاربرد جداگانه دارند و باید مستقل تست شوند.
قبل از تغییرات گسترده، بکاپ و Export داشته باشید، List View را باز نگه دارید و Post Content را حذف نکنید. در سایت فعلی dev-source.ir با WoodMart 8.3.7 باید از ابزارهای اختصاصی قالب استفاده شود و این آموزش روی Block Theme یا محیط آزمایشی اجرا گردد.
برای ادامه این مسیر، مقاله آموزش Site Editor، راهنمای ساخت هدر و فوتر و مقاله Pattern و Synced Pattern را مطالعه کنید.