آیا می خواهید یک قالب وردپرس سفارشی از ابتدا ایجاد کنید؟
در گذشته، شما مجبور بودید آموزش های پیچیده وردپرس را دنبال کنید و دانش کدنویسی مناسبی برای ساخت یک پوسته وردپرس سفارشی داشته باشید. اما به لطف سازندگان جدید قالب وردپرس، اکنون می توانید به راحتی یکی از آنها را بدون یادگیری هیچ مهارت برنامه نویسی بسازید.
در این مقاله به شما نشان خواهیم داد که چگونه به راحتی یک قالب وردپرس سفارشی بدون نوشتن کد ایجاد کنید.
در اینجا لیستی از موضوعاتی است که در این مقاله به آنها خواهیم پرداخت.
- ایجاد یک قالب وردپرس سفارشی برای مبتدیان
- ایجاد یک تم سفارشی با SeedProd Theme Builder
- ویرایش تم با SeedProd Theme Builder
- تغییر طراحی گسترده سایت برای تم شما
- اعمال و انتشار قالب وردپرس سفارشی شما
- ایجاد پوسته های دیگر برای قالب وردپرس سفارشی شما
آماده؟ بیا شروع کنیم.
اگر دستورالعمل های مکتوب را ترجیح می دهید، فقط به خواندن ادامه دهید.
ایجاد یک قالب وردپرس سفارشی برای مبتدیان
یک وب سایت وردپرسی از یک تم برای چیدمان و طراحی وب سایت استفاده می کند. این تم ها از فایل های قالب نوشته شده با PHP، HTML، CSS و جاوا اسکریپت تشکیل شده اند.
به طور معمول، شما باید درک مناسبی از همه این زبانهای طراحی وب داشته باشید یا یک توسعهدهنده وب را برای ایجاد یک تم وردپرس سفارشی استخدام کنید.
اگر یک توسعه دهنده یا آژانس استخدام کرده اید، هزینه یک قالب وردپرس سفارشی می تواند به هزاران دلار برسد.
از آنجایی که بسیاری از صاحبان مشاغل کوچک نمی توانند هزینه های بالای یک قالب وردپرس سفارشی را تحمل کنند، بسیاری از آنها فقط به تم های پیش فرض رضایت می دهند. کسانی که نمیخواستند حل و فصل کنند یا از صفحهساز وردپرس یا چارچوب تم برای ساخت یک تم سفارشی استفاده کردند.
در حالی که چارچوب های قالب وردپرس ساخت یک قالب وردپرس را آسان تر می کند، آنها راه حلی برای توسعه دهندگان هستند، نه یک صاحب وب سایت معمولی.
از طرف دیگر، پلاگین های صفحه ساز وردپرس ایجاد طرح بندی صفحه سفارشی را با استفاده از رابط کشیدن و رها کردن بسیار آسان می کند، اما آنها فقط به طرح بندی های تک صفحه محدود می شوند. شما نمی توانید با آنها تم های سفارشی بسازید.
اینجاست که SeedProd وارد می شود.
این بهترین افزونه سازنده قالب وردپرس است که به شما امکان می دهد به راحتی یک قالب وردپرس سفارشی بدون نوشتن هیچ کدی ایجاد کنید.
SeedProd یک صفحه ساز وردپرس کشیدن و رها کردن برای مشاغل، وبلاگ نویسان و صاحبان وب سایت است. همچنین اکنون با یک طراح تم سفارشی جدید ارائه می شود که به شما امکان می دهد برای ویرایش هر عنصر فقط اشاره کنید و کلیک کنید.
همچنین میتوانید با کشیدن و رها کردن، عناصر طراحی پرکاربرد را به تم خود اضافه کنید.
بهترین چیز در مورد سازنده تم SeedProd این است که تم آگنوستیک است. این بدان معنی است که برای سبک یا عملکرد به تم وردپرس موجود شما متکی نیست و به شما آزادی و کنترل کامل بر طراحی وب سایت خود می دهد.
اگر به دنبال جایگزینی هستید، می توانید به راحتی با افزونه Thrive Theme Builder یک قالب وردپرس سفارشی ایجاد کنید.
همانطور که گفته شد، بیایید نگاهی به نحوه ایجاد تم وردپرس سفارشی خود بدون نوشتن کد با استفاده از SeedProd بیندازیم.
ایجاد یک تم سفارشی با SeedProd Theme Builder
راه اندازی تم ساز SeedProd کاملاً ساده است، زیرا با هر وب سایت وردپرسی که از هر موضوعی استفاده می کند کار می کند.
ابتدا باید افزونه SeedProd را نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.
توجه: برای باز کردن قفل تم ساز حداقل به طرح Pro یا Elite نیاز دارید.
پس از فعال سازی، به صفحه SeedProd » Settings بروید تا کلید مجوز افزونه خود را وارد کنید. می توانید این اطلاعات را در حساب کاربری خود در وب سایت SeedProd پیدا کنید.
پس از وارد کردن کلید مجوز خود، اکنون آماده هستید تا با استفاده از تم ساز SeedProd قالب وردپرس سفارشی خود را ایجاد کنید.
ساخت قالب وردپرس سفارشی خود با SeedProd بسیار ساده است.
ابتدا باید به صفحه SeedProd » Theme Builder بروید. در اینجا، لیستی از الگوهای تم سفارشی SeedProd فعلی خود را خواهید دید. از آنجایی که هنوز شروع نکرده ایم، فقط یک قالب CSS جهانی داریم. بعداً در آموزش نحوه استفاده از آن را به شما نشان خواهیم داد.
برای شروع، دو گزینه دارید.
- از یکی از تم های آماده SeedProd به عنوان نقطه شروع استفاده کنید
- قالب های تم را به صورت دستی از ابتدا ایجاد کنید
بیایید نگاهی به نحوه عملکرد این گزینه ها بیندازیم.
۱. شروع با یک تم آماده (توصیه می شود)
توصیه می کنیم با یک موضوع موجود شروع کنید. این به SeedProd اجازه می دهد تا به طور خودکار تمام فایل های الگو را تولید کند. اینها تمهای کاملاً حرفهای طراحی شدهاند که به شما در ویرایش قالبها با توجه به نیازهای خود شروع میکند.
به سادگی روی دکمه Themes کلیک کنید و یکی از تم های موجود را انتخاب کنید. تم های مختلفی برای انواع مختلف وب سایت ها وجود دارد، بنابراین می توانید یکی را انتخاب کنید که به بهترین وجه با نیازهای شما مطابقت دارد.
در این مرحله زیاد نگران طراحی و چیدمان نباشید. همه این تم ها کاملاً قابل ویرایش هستند، بنابراین می توانید تمام جنبه های آن را در سازنده تم تغییر دهید.
هنگامی که یک موضوع را انتخاب کردید، SeedProd تمام قالبهای تم را تولید میکند.
این نسخه پیش نویس تم سفارشی وردپرس شما است.
بعداً در این آموزش، به شما نشان خواهیم داد که چگونه این فایل های تم را ویرایش کنید تا تم خود را طراحی کنید و سپس تم خود را منتشر کنید تا آن را در وب سایت خود اعمال کنید.
۲. به صورت دستی قالب های تم را از ابتدا ایجاد کنید
همچنین، میتوانید با کلیک بر روی دکمه «افزودن قالب تم جدید» موضوع خود را از ابتدا شروع کنید. برای شروع باید به قالب خود یک نام بدهید و سپس یکی از انواع قالب را انتخاب کنید.
در حال حاضر، شما این امکان را دارید که از بین انواع قالب زیر انتخاب کنید:
- سرتیتر
- پاورقی
- پست تک
- صفحه تک
- بایگانی
- نتایج جستجو
- بخش جهانی
- صفحه سفارشی
همچنین می توانید شرایط استفاده از یک الگو را تعیین کنید. به عنوان مثال، می توانید آن را در کل سایت یا بخش خاصی از وب سایت خود اعمال کنید.
هنگامی که قالب را ذخیره کردید، SeedProd آن را در تم ساز باز می کند، جایی که می توانید ویرایش آن را شروع کنید.
ویرایش تم با SeedProd Theme Builder
هنگامی که قالب های تم خود را ایجاد کردید، می توانید آنها را با استفاده از SeedProd Theme Builder ویرایش کنید.
به سادگی روی پیوند ویرایش طراحی در زیر یک فایل قالب کلیک کنید تا آن را ویرایش کنید.
با این کار فایل قالب در تم ساز SeedProd راه اندازی می شود.
یک پیش نمایش زنده از الگو را در ستون سمت راست با یک پنل ویرایش در ستون سمت چپ خواهید دید.
برای تغییر یک مورد در فایل قالب خود، می توانید به سادگی با اشاره و کلیک بر روی آن، آن را ویرایش کنید.
بسته به نوع مورد، گزینه های ویرایش متفاوتی را در ستون سمت چپ مشاهده خواهید کرد. میتوانید فونتها، رنگها، پسزمینه، فاصله و موارد دیگر را تغییر دهید.
برای افزودن آیتم های جدید، می توانید بلوک های SeedProd را از ستون سمت چپ اضافه کنید. دارای دسته ای از انواع بلوک است که می توانید به قالب خود اضافه کنید.
۱. بلوک های برچسب الگو
بلوک های تگ قالب بلوک های پویایی هستند که به شما امکان می دهند عناصر تم را در لحظه از پایگاه داده وردپرس خود تولید کنید.
به عنوان مثال، میتوانید از بلوک پستها برای فهرست کردن پستهای اخیر خود یا بلوک محتوای ارسال برای نمایش محتوای پست یا صفحه نمایش داده شده در حال حاضر استفاده کنید.
۲. بلوک های استاندارد
در مرحله بعد، بلوک های استاندارد خود را برای اضافه کردن عناصر رایج طراحی وب به قالب تم خود دارید.
می توانید از آنها برای اضافه کردن متن، رسانه، دکمه ها، ستون ها، تقسیم کننده ها و موارد دیگر استفاده کنید.
۳. بلوک های دیگر
سایر بلوکهای پیشرفته به شما امکان میدهند فرمهای تماس، نمایههای اجتماعی، دکمههای اشتراکگذاری، کدهای کوتاه وردپرس، نقشههای گوگل، فهرستهای قیمت، تایمرهای شمارش معکوس و موارد دیگر را اضافه کنید.
SeedProd همچنین با یکپارچه سازی کامل WooCommerce ارائه می شود.
اگر یک فروشگاه آنلاین دارید، می توانید از بلوک های WooCommerce در قالب خود استفاده کنید.
شما می توانید قالب های کاملا سفارشی ووکامرس را با یک صفحه سبد خرید سفارشی ایجاد کنید و تجربه را بررسی کنید.
استفاده از بخشها برای طرحبندی سریع تم
به غیر از بلوک ها، می توانید بخش های کاملی را نیز به قالب تم خود اضافه کنید.
به سادگی به تب Sections در زیر پانل Design بروید.
بخش ها گروهی از بلوک ها برای حوزه های مختلف طراحی وب سایت هستند. به عنوان مثال، بخشهای آماده برای استفاده را برای سرصفحه، پاورقی، فراخوانهای اقدام، ویژگیها و موارد دیگر خواهید یافت.
به سادگی روی یک بخش کلیک کنید تا آن را به قالب تم خود اضافه کنید و سپس آن را مطابق با نیاز خود ویرایش کنید.
ذخیره و انتشار قالب شما
هنگامی که از طراحی راضی شدید، می توانید به سادگی بر روی دکمه ذخیره کلیک کنید و برای ذخیره قالب خود، انتشار را انتخاب کنید.
این فرآیند را برای ویرایش فایل های قالب دیگر با نیازهای محتوا و طراحی خود تکرار کنید.
تغییر طراحی گسترده سایت برای تم شما
در حین ویرایش قالب های تم، باید مطمئن شوید که طراحی شما در سراسر وب سایت شما سازگار است.
به عنوان مثال، احتمالاً می خواهید از همان سبک تایپوگرافی، اندازه فونت، رنگ ها و سایر سبک های بصری در هر صفحه استفاده کنید.
در قالب های سنتی وردپرس، باید این کار را به صورت دستی با ویرایش فایل های CSS پیچیده انجام می دادید. این فرآیند نیازمند استفاده از ابزار Inspect مرورگر، مکانیابی کلاسهای CSS، یادگیری کد و موارد دیگر بود.
SeedProd این کار را نیز بسیار آسان می کند.
به جای نوشتن کد CSS، می توانید به سادگی الگوی جهانی CSS را ویرایش کنید.
الگوی جهانی CSS به شما امکان میدهد تا پیشنمایش عناصر رایج وبسایت را مشاهده کنید، و سپس میتوانید فقط با اشاره و کلیک روی آنها، ویژگیهای آنها را ویرایش کنید.
اعمال و انتشار قالب وردپرس سفارشی شما
هنگامی که از قالب وردپرس سفارشی خود راضی شدید، آخرین مرحله فعال کردن آن در وب سایت وردپرسی خود است.
SeedProd به شما این امکان را می دهد که تم وردپرس سفارشی خود را با یک سوئیچ ساده اعمال کنید.
به سادگی به صفحه SeedProd » Theme Builder بروید و سوئیچ کنار گزینه «Enable SeedProd Theme» را روی «بله» تغییر دهید.
SeedProd اکنون قالب وردپرس موجود را با تم وردپرس سفارشی که شما ساخته اید جایگزین می کند.
اکنون می توانید از وب سایت خود دیدن کنید تا تم وردپرس سفارشی خود را در عمل مشاهده کنید.
ایجاد پوسته های دیگر برای قالب وردپرس سفارشی شما
اکنون که قالب وردپرس سفارشی خود را ایجاد کرده اید، این گزینه را دارید که عملکرد آن را گسترش دهید و طرح ها و طرح های بیشتری را بر اساس موضوع خود ایجاد کنید.
SeedProd این کار را بسیار آسان می کند.
شما هنوز هم می توانید قالب وردپرس سفارشی خود را تغییر دهید و چندین قالب برای بخش های مختلف وب سایت خود ایجاد کنید.
به عنوان مثال، ممکن است بخواهید یک الگوی هدر جدید به موضوع خود اضافه کنید که فقط در دستههای خاص نمایش داده میشود.
به طور مشابه، ممکن است بخواهید یک الگو برای صفحات یا پست های خاص ایجاد کنید.
می توانید آن را نیز به موضوع خود اضافه کنید.
در مورد ایجاد صفحات فرود سفارشی چطور؟
SeedProd شما را در آنجا نیز تحت پوشش قرار داده است.
شما به سادگی می توانید به SeedProd » Landing Pages بروید و روی دکمه Add New Landing Pages کلیک کنید تا یکی بسازید.
برای جزئیات بیشتر، به آموزش ما در مورد نحوه ایجاد صفحه فرود با وردپرس مراجعه کنید.
با استفاده از سازنده تم کشیدن و رها کردن برای مبتدیان SeedProd، می توانید به راحتی هر نوع طرح بندی سفارشی مورد نیاز خود را ایجاد کنید.
امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه یک پوسته وردپرس سفارشی بدون یادگیری کدنویسی ایجاد کنید. همچنین ممکن است بخواهید راهنمای ما در مورد چگونگی افزایش سرعت وب سایت وردپرس خود برای SEO و تجربه کاربری بهتر یا انتخاب های ما از بهترین راه حل های تجزیه و تحلیل وردپرس را ببینید.