آموزش وردپرس

نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان)

آیا به دنبال یادگیری نحوه سفارشی سازی طراحی قالب وردپرس خود هستید؟

بسیاری از تم های وردپرس دارای گزینه های داخلی هستند تا به راحتی طراحی و چیدمان را سفارشی کنند. همچنین می‌توانید با استفاده از افزونه‌ها، گزینه‌های سفارشی‌سازی بیشتری را اضافه کنید.

در این مقاله، به شما نشان خواهیم داد که چگونه به راحتی قالب وردپرس خود را سفارشی کنید و آن را برای خود بسازید.

نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 29

در زیر لیستی از موضوعاتی است که در این راهنما به آنها خواهیم پرداخت:

  • چرا تم وردپرس خود را سفارشی کنید؟
  • با استفاده از سفارشی ساز تم پیش فرض
  • قالب وردپرس را با ویرایشگر کامل سایت سفارشی کنید
  • استفاده از Legacy Theme Customizer در وردپرس
  • قالب وردپرس خود را با کنترل کامل سفارشی کنید
  • با SeedProd Page Builder صفحات فردی را سفارشی کنید
  • یک قالب وردپرس سفارشی ایجاد کنید

آماده؟ بیا شروع کنیم.

چرا تم وردپرس خود را سفارشی کنید؟

قالب های وردپرس برای جایگاه های عمومی وب سایت طراحی شده اند. به عنوان مثال، تم هایی برای انواع مختلف وب سایت های تجاری کوچک، عکاسان، وبلاگ نویسان و موارد دیگر وجود دارد.

پس از انتخاب یک موضوع، باید آن را مطابق با نیازهای خود سفارشی کنید.

به عنوان مثال، ممکن است بخواهید از لوگوی سفارشی خود، رنگ های برند خود استفاده کنید، طرح بندی را کمی تغییر دهید، اندازه فونت را تغییر دهید، از تصاویر خود استفاده کنید و موارد دیگر.

برخی از این سفارشی‌سازی‌ها برای ساختن وب‌سایتی ضروری هستند که واقعاً نشان‌دهنده کسب‌وکار و برند شما باشد، و فقط شبیه به دیگران نباشد.

بسته به اینکه کدام قالب وردپرس را انتخاب کنید، این گزینه ها ممکن است از یک موضوع به موضوع دیگر بسیار متفاوت باشند.

به عنوان مثال، برخی از تم ها ممکن است به شما امکان انتقال نوار کناری را از راست به چپ بدهند در حالی که برخی دیگر ممکن است حتی یک نوار کناری در طرح خود نداشته باشند.

همانطور که گفته شد، بیایید نگاهی به نحوه سفارشی سازی قالب وردپرس خود بدون نوشتن هیچ کدی بیاندازیم و آن را بدون شکستن وب سایت خود به سطح بعدی ببرید.

با استفاده از سفارشی ساز تم پیش فرض

وردپرس با تجربه ویرایش کامل سایت در وردپرس 5.9 عرضه شد.

در حال حاضر تم های زیادی با پشتیبانی کامل از ویژگی جدید ویرایش کامل سایت در بازار وجود ندارد.

با این حال، ما به شما نشان خواهیم داد که چگونه از آن برای سفارشی کردن تم وردپرس خود استفاده کنید. همچنین به شما نشان خواهیم داد که چگونه از سفارشی ساز تم قدیمی و همچنین ابزار کامل سازنده سایت وردپرس که برای مبتدیان توصیه می کنیم استفاده کنید.

استفاده از ویرایشگر کامل سایت در وردپرس برای سفارشی کردن یک تم

اگر قالب وردپرس شما از ویرایشگر کامل سایت پشتیبانی می کند، منوی ویرایشگر را در زیر گزینه Appearance در نوار کناری مدیریت وردپرس خواهید دید.

ویرایشگر کامل سایت جدید را در وردپرس راه اندازی کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 30

با کلیک بر روی آن، ویرایشگر کامل سایت راه اندازی می شود.

این ویرایشگر درست مانند ویرایشگر بلوکی است که برای نوشتن پست ها و صفحات وردپرس استفاده می کنید.

ویرایشگر کامل سایت
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 31

با افزودن بلوک ها می توانید عناصر جدیدی را به قالب های خود اضافه کنید. به غیر از بلوک‌های معمولی، می‌توانید از بلوک‌های سراسر سایت مانند ناوبری، لوگو، حلقه‌های پرس و جوی پست و موارد دیگر استفاده کنید.

هر بلوک تنظیمات مخصوص به خود را دارد که می‌توانید به آن استایل متفاوتی بدهید و رنگ‌ها، تایپوگرافی و گزینه‌های دیگر را تغییر دهید.

تنظیمات را مسدود کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 32

قالب وردپرس شما همچنین ممکن است الگوهای اضافی ارائه دهد که می توانید از آنها برای ایجاد سریع بخش های مختلف استفاده کنید.

می توانید این موارد را در برگه الگوها پیدا کنید.

الگوها را به چیدمان های خود اضافه کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 33

با کلیک بر روی نام قالب در بالا و انتخاب یک الگوی متفاوت برای ویرایش، می توانید قسمت های مختلف وب سایت خود را ویرایش کنید.

برای مشاهده الگوهای بیشتر، می‌توانید روی «مرور همه قالب‌ها» در پایین کلیک کنید.

قالب های Borwse
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 34

با این کار لیستی از الگوهای موجود در موضوع خود را به شما نشان می دهد که می توانید آنها را ویرایش کنید.

به سادگی روی نام قالب کلیک کنید تا آن را در ویرایشگر باز کنید.

یک الگو را برای ویرایش انتخاب کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 35

قالب در همان ویرایشگر بلوک باز می شود.

از اینجا، می توانید آن را هر طور که می خواهید ویرایش کنید.

ویرایش قالب پست ها
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 36

هنگامی که از تغییراتی که در قالب خود ایجاد کردید راضی شدید، کافی است روی دکمه ذخیره در بالا کلیک کنید تا تغییرات خود اعمال شود.

تغییرات را در موضوع خود ذخیره کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 37

ویرایشگر کامل سایت یک راه قدرتمند و منعطف برای سفارشی کردن تم وردپرس شما است.

با این حال، این یک ویژگی کاملاً جدید است و بسیاری از تم های وردپرس در حال حاضر از آن پشتیبانی نمی کنند.

استفاده از Legacy Theme Customizer در وردپرس

اگر قالب وردپرس شما هنوز از ویرایشگر کامل سایت پشتیبانی نمی‌کند، از ویژگی سفارشی‌کننده تم قدیمی در وردپرس استفاده می‌کند.

در این صورت، می توانید با رفتن به قسمت، تم خود را سفارشی کنید ظاهر »سفارشی کردن صفحه

راه اندازی سفارشی کننده تم وردپرس
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 38

با کلیک بر روی آن، Theme Customizer راه اندازی می شود.

تنظیمات سفارشی‌سازی را در سمت چپ صفحه خود و پیش‌نمایش زنده وب‌سایت خود را در سمت راست خواهید دید.

سفارشی کننده تم وردپرس
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 39

قسمت های قابل ویرایش وب سایت شما با یک نماد مداد در پیش نمایش زنده برجسته می شود.

همچنین می توانید هر گزینه را در پنل سمت چپ گسترش دهید تا تنظیمات آن را تغییر دهید.

گزینه گسترده در سفارشی ساز تم
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 40

تعداد گزینه ها در پانل سمت چپ از یک موضوع به موضوع دیگر متفاوت است.

با این حال، بیشتر تم ها از اصول اولیه مانند شعار سایت، ابزارک ها، تنظیمات صفحه اصلی، منوها و تنظیمات اضافی CSS پشتیبانی می کنند.

برای جزئیات بیشتر، راهنمای ما را در مورد نحوه استفاده از سفارشی‌کننده تم وردپرس برای ویرایش تم خود مشاهده کنید.

قالب وردپرس خود را با کنترل کامل سفارشی کنید

گزینه های سفارشی سازی پیش فرض قالب وردپرس به این بستگی دارد که از کدام قالب وردپرس استفاده می کنید.

اگر طرح زمینه شما از یک ویژگی پشتیبانی می کند، ممکن است بتوانید آن را با استفاده از سفارشی ساز یا ویرایشگر کامل سایت سفارشی کنید. این توانایی شما را برای سفارشی کردن تم وردپرس محدود می کند.

اگر بخواهید بیشتر سفارشی کنید یا حتی یک تم وردپرس سفارشی برای وب سایت خود ایجاد کنید، چه؟

اینجاست که SeedProd وارد می شود.

این بهترین سازنده وب سایت وردپرس در بازار است. می توانید از آن برای ایجاد طرح بندی های زیبای وب سایت و حتی ایجاد یک تم سفارشی بدون نوشتن هیچ کدی استفاده کنید.

اولین کاری که باید انجام دهید این است که افزونه SeedProd را نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

پس از فعال سازی، باید کلید مجوز خود را وارد کنید. می توانید این اطلاعات را در حساب کاربری خود در وب سایت SeedProd پیدا کنید.

seedprod license key نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان)
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 41

پس از آن، باید انتخاب کنید که آیا می خواهید یک قالب وردپرس سفارشی ایجاد کنید یا صفحات جداگانه ای برای وب سایت خود ایجاد کنید.

SeedProd می تواند هر دو را انجام دهد و ما هر دو روش را به شما نشان خواهیم داد.

شخصی سازی صفحات وردپرس فردی با SeedProd

این رویکرد کاملاً منعطف است و به شما اجازه می‌دهد تا به راحتی طرح‌بندی صفحه‌های درخواستی ایجاد کنید.

به عنوان مثال، می توانید یک صفحه فرود سفارشی برای یک محصول یا کمپین بازاریابی طراحی کنید یا یک صفحه تشکر ایجاد کنید تا بازدیدکنندگان را پس از ثبت نام در لیست ایمیل شما ارسال کنید.

به سادگی سر به SeedProd »صفحات فرود صفحه و سپس روی دکمه افزودن صفحه فرود جدید کلیک کنید.

افزودن صفحه فرود جدید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 42

در مرحله بعد، باید قالبی را برای صفحه خود انتخاب کنید.

این قالب به عنوان نقطه شروع استفاده می شود، بنابراین می توانید بعداً همه چیز را در داخل آن تغییر دهید. از طرف دیگر، می توانید با یک بوم خالی شروع کنید.

یک الگو را انتخاب کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 43

برای ادامه، به سادگی روی یک قالب کلیک کنید.

سپس SeedProd از شما می خواهد که عنوانی برای صفحه خود ارائه دهید و یک URL را انتخاب کنید.

نام صفحه و آدرس اینترنتی
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 44

پس از وارد کردن اطلاعات مورد نیاز، . روی دکمه Save and Start Editing the Page کلیک کنید.

با این کار رابط صفحه ساز SeedProd راه اندازی می شود. این یک ابزار طراحی کشیدن و رها کردن است.

ویرایش طرح‌بندی صفحه در SeedProd
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 45

در سمت چپ، بلوک‌ها و بخش‌هایی را می‌بینید که می‌توانید با پیش‌نمایش قابل ویرایش زنده صفحه در سمت راست، به طرح‌بندی صفحه خود اضافه کنید.

برای ویرایش هر عنصر از صفحه خود به سادگی می توانید اشاره کنید و روی آن کلیک کنید.

برای ویرایش هر عنصری اشاره کنید و کلیک کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 46

همچنین می توانید بلوک های جدید و حتی بخش های کامل را از ستون سمت چپ به طرح بندی خود اضافه کنید.

بلوک های جدید اضافه کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 47

SeedProd با تمام عناصر محبوب طراحی وب که برای ایجاد وب سایت خود به آنها نیاز دارید ارائه می شود. این شامل فرم‌های تماس، فرم‌های optin، فرم‌های ورود، توصیفات، میله‌های پیشرفت، آکاردئون‌ها، منوهای ناوبری، جعبه آیکون و هزاران چیز دیگر است.

همچنین شامل پشتیبانی کامل از WooCommerce است. می‌توانید از بلوک‌های WooCommerce برای نمایش محصولات در هر نقطه از وب‌سایت خود، ایجاد یک صفحه پرداخت سفارشی یا طراحی یک صفحه سبد خرید برای فروشگاه آنلاین خود استفاده کنید.

بلوک های ووکامرس
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 48

هنگامی که از طراحی و طرح بندی صفحه خود راضی شدید، می توانید بر روی دکمه ذخیره در بالا سمت راست کلیک کنید.

از اینجا، همچنین می توانید انتخاب کنید که صفحه را منتشر کنید یا آن را به عنوان یک قالب ذخیره کنید.

یک صفحه را ذخیره یا منتشر کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 49

خودشه! می توانید این روند را تکرار کنید تا صفحات سفارشی بیشتری در وب سایت خود ایجاد کنید.

ایجاد یک تم سفارشی در وردپرس با SeedProd

اگر می خواهید یک طراحی واقعا منحصر به فرد برای وبلاگ، وب سایت تجاری یا فروشگاه تجارت الکترونیک خود ایجاد کنید، این رویکرد به شدت توصیه می شود.

با این روش، تم وردپرس سفارشی خود را از ابتدا با استفاده از همان کشیدن و رها کردن صفحه ساز طراحی می کنید.

بهترین بخش این است که تم سفارشی SeedProd شما بدون توجه به اینکه چه تمی را در سایت خود نصب کرده اید کار خواهد کرد. این بدان معناست که شما نیازی به نگرانی در مورد سفارشی کردن یک پوسته استاندارد وردپرس ندارید، اما در ایجاد طرح خود آزادی کامل خواهید داشت.

برای شروع، به سادگی سر بزنید SeedProd »Theme Bulder صفحه و روی دکمه Themes کلیک کنید.

تم SeedProd را ایجاد کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 50

اکنون SeedProd مجموعه ای از تم های آغازین را برای انتخاب به شما نشان می دهد.

شما می توانید تمام جنبه های این تم ها را به طور کامل تغییر دهید.

قالب تم را انتخاب کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 51

هنگامی که یک موضوع را انتخاب کردید، SeedProd تمام قالب‌های تم را تولید می‌کند.

ویرایش قالب تم
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 52

به سادگی روی پیوند ویرایش طراحی در زیر یک فایل قالب کلیک کنید تا آن را ویرایش کنید.

یک پیش نمایش زنده از قالب را در ستون سمت راست با یک پنل ویرایش در ستون سمت چپ مشاهده خواهید کرد.

theme builder interface نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان)
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 53

برای ویرایش هر مورد یا رها کردن عناصر از ستون سمت چپ، به سادگی اشاره کنید و کلیک کنید.

بلوک جدید را به قالب خود اضافه کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 54

SeedProd همچنین دارای بلوک های مخصوص ویرایش در سراسر سایت است.

این بلوک‌های پویا هستند که می‌توانید برای نمایش حلقه محتوا (برای پست‌های وبلاگ)، عنوان پست، تصویر ویژه و موارد دیگر استفاده کنید.

بلوک های برچسب الگو را اضافه کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 55

پس از انجام تغییرات در یک تم، فراموش نکنید که تغییرات خود را ذخیره کنید.

این فرآیند را تکرار کنید تا سایر قالب ها را مطابق میل خود ویرایش کنید.

پس از اتمام کار، به SeedProd »Theme Builder صفحه و سوئیچ کنار گزینه «فعال کردن تم SeedProd» را روی «بله» تغییر دهید.

تم SeedProd را فعال کنید
نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) 56

SeedProd اکنون قالب وردپرس شما را با تم سفارشی که ایجاد کرده اید جایگزین می کند.

برای کسب اطلاعات بیشتر در مورد سازنده قالب وردپرس SeedProd، به آموزش ما در مورد نحوه ایجاد یک پوسته وردپرس سفارشی بدون نوشتن کد مراجعه کنید.

امیدواریم این مقاله به شما کمک کند تا یاد بگیرید که چگونه تم وردپرس خود را مطابق میل خود سفارشی کنید.

همچنین ممکن است بخواهید راهنمای ما در مورد نحوه ایجاد یک خبرنامه ایمیلی را ببینید یا راهنمای سئوی وردپرس ما را برای بهینه سازی وب سایت خود برای ترافیک جستجوی بیشتر ببینید.

اگر این مقاله را دوست داشتید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک

پست نحوه سفارشی سازی قالب وردپرس (راهنمای مبتدیان) اولین بار در روشا وب ظاهر شد.

نمایش بیشتر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا