آیا می خواهید پست های خود را به برگه ها تقسیم کنید تا در فضا صرفه جویی شود و کاربران راحت تر بتوانند آنچه را که به دنبال آن هستند پیدا کنند؟

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

همچنین به کاربران این امکان را می دهد که به جای رفتن به یک صفحه دیگر، تمام جزئیات را در یک مکان واحد پیدا کنند.

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

آموزش برگه ها در وردپرس

چه زمانی باید از محتوای Tabbed در وردپرس استفاده کنید؟

استفاده از برگه ها به شما امکان می دهد جزئیات بیشتری را در فضای کمی اضافه کنید یا بخش های بزرگی از محتوا را برای سازماندهی و تجربه کاربری بهتر تقسیم کنید.

فرض کنید یک فروشگاه آنلاین دارید.

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

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

به طور مشابه، می توانید محتوای تب شده را در صفحات افزونه WordPress.org مشاهده کنید.

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

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

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

با این اوصاف، بیایید ببینیم چگونه می‌توانید محتوای برگه‌دار را به صفحات و پست‌های وردپرس اضافه کنید.

در اینجا 2 روشی وجود دارد که برای انجام این کار از آنها استفاده خواهیم کرد:

⦁ افزودن محتوای Tabbed با استفاده از Landing Page Builder

⦁ افزودن محتوای Tabbed با استفاده از افزونه وردپرس

آموزش برگه ها در وردپرس

روش 1: افزودن محتوای Tabbed با استفاده از Landing Page Builder

بهترین راه برای افزودن محتوای تب دار در وردپرس استفاده از SeedProd است.

این بهترین صفحه فرود وردپرس و سازنده وب سایت است.

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

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

همچنین یک نسخه SeedProd Lite وجود دارد که می توانید به صورت رایگان از آن استفاده کنید.

ابتدا باید افزونه SeedProd را نصب و فعال کنید.

اگر به کمک نیاز دارید، لطفاً راهنمای ما در مورد نحوه نصب افزونه وردپرس را ببینید.

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

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

در مرحله بعد، می توانید از پنل مدیریت وردپرس خود به SeedProd » Landing Pages بروید.

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

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

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

فقط روی الگو قرار دهید و روی نماد علامت تیک نارنجی کلیک کنید.

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

پس از آن، به سادگی روی دکمه «ذخیره و شروع ویرایش صفحه» کلیک کنید.

با این کار سازنده کشیدن و رها کردن SeedProd راه اندازی می شود.

اکنون می توانید بلوک های مختلفی را به قالب خود اضافه کنید و عناصر موجود را ویرایش کنید.

برای افزودن محتوای برگه‌دار، به سادگی بلوک «Tabs» را در قسمت Advanced بکشید و آن را در قالب صفحه رها کنید.

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

برای مثال، می‌توانید روی دکمه «افزودن آیتم جدید» کلیک کنید تا هر تعداد برگه که می‌خواهید اضافه کنید.

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

بعد، می‌توانید روی هر برگه کلیک کنید تا آن را بیشتر ویرایش کنید و جزئیات را اضافه کنید.

به عنوان مثال، می توانید عنوان هر برگه را تغییر دهید، محتوا اضافه کنید و نماد برگه را تغییر دهید.

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

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

در اینجا می‌توانید طرح‌بندی برگه، تایپوگرافی، رنگ، رنگ پس‌زمینه، حاشیه‌ها و موارد دیگر را تغییر دهید.

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

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

پس از آن، می توانید به برگه “تنظیمات صفحه” بروید.

در مرحله بعد، می‌توانید روی دکمه «وضعیت صفحه» کلیک کنید و وضعیت را از پیش‌نویس به انتشار تغییر دهید.

می‌توانید روی دکمه «ذخیره» کلیک کنید تا تغییرات خود را ذخیره کنید و صفحه‌ساز را ببندید.

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

پیش نمایش صفحه فرود محتوای تبد شده

آموزش برگه ها در وردپرس

روش 2: اضافه کردن محتوای Tabbed با استفاده از افزونه وردپرس

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

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

پس از فعال‌سازی، می‌توانید از داشبورد وردپرس خود به Tabs Responsive » Add New Tabs بروید و با وارد کردن نام برای برگه‌های خود شروع کنید.

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

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

تنظیمات برگه ها را ویرایش کنید و جزئیات را اضافه کنید.

علاوه بر این، این افزونه همچنین «تنظیمات برگه‌ها» را در منوی سمت راست شما ارائه می‌کند.

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

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

به سادگی روی دکمه “انتشار” کلیک کنید.

سپس، می‌توانید برگه‌ها را در هر صفحه یا پستی با استفاده از کد کوتاه [TABS_R id=130] اضافه کنید.

فقط مطمئن شوید که شماره شناسه موجود در کد کوتاه را با شماره شناسه برگه های خود جایگزین کنید.

با رفتن به Tabs Responsive » All Tabs و کپی کردن کد زیر ستون Tabs Shortcode به راحتی می توانید شناسه برگه و کد کوتاه را پیدا کنید.

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

جهت آموزش های بیشتر اینستاگرام آژانس مدلین را فالو داشته باشید.