فهرست بندی مطالب وردپرس به سبک ویکی پدیا با Table of Contents Plus + آموزش ویدئویی

بروز رسانی در 18 مهر 1396 توسط محدثه اسماعیلی
سلام!
تاکنون به صفحات ویکی پدیا و نوع جدول بندی های آن توجه کرده اید؟! این سبک از فهرست بندی مطالب برای صفحات طولانی وانواع پست تایپ های سفارشی بسیار جذاب است. چون کاربر این امکان را دارد که در یک نمای کلی، تمامی تیترهای موجود را به صورت خلاصه در یک نگاه دریافت کند.برای ساخت این جداول و فهرست بندی مطالب روش های متعددی وجود دارد. اما تهیه این جداول به صورت دستی کمی  پیچیده و زمان بر است. در این آموزش قصد داریم روشی را معرفی کنیم که به واسطه آن فهرست بندی مطالب وردپرس را به سبک ویکی پدیا ایجاد کنیم.

فهرست بندی مطالب وردپرس با Table of Contents Plus

افزونه Table of Contents Plus یک برنامه محتوا محور و بسیار کاربر پسند است. به طوری که تاکنون بیش از 200 هزار نصب فعال داشته است. عملکرد این افزونه به گونه ای میباشد که با توجه به تنظیمات و برخورد با حداقل تعداد هدینگ هایی که مشخص کرده اید، اقدام به تهیه جدول همراه با تیترهای شما میکند. که کاربر با کلیک بر روی هر تیتر به مطلب مربوط به آن تیتر پرش میکند و در واقع فهرست بندی مطالب وردپرس را ایجاد می کند.
به صورت پیش فرض این امکانات برای تمامی مطالب وب سایت شما فعال است اما در صورت عدم تمایل به فهرست بندی برگه یا نوشته ای خاص میتوانید با تعبیه شورت کدهایی که در ادامه بررسی میکنیم، از فهرست بندی مطالب وردپرس برای موارد خاص صرف نظر کنید.

ساخت سایت مپ گرافیکی

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

نصب و راه اندازی افزونه

ابتدا افزونه Table of Contents Plus را از انتهای همین صفحه دانلود کنید تا امکان فهرست بندی مطالب وردپرس را فراهم کنید. سپس از مسیر افزونه ها > افزودن اقدام به نصب و فعال سازی آن کنید. پس از آن زیر منوی جدیدی به نام toc+ به قسمت تنظیمات پنل وردپرس شما اضافه خواهد شد.

نحوه کار با افزونه

برای شروع ابتدا باید پیکربندی های لازم برای این افزونه را اعمال کنید. به منوی تنظیمات، زیر منوی TOC+ رجوع کنید.

Position: مکان فرار گیری جدول شامل چهار گزینه:

• قبل از اولین هدینگ
• بعد از اولین هدینگ
• بالا
• پایین

Show when: تعیین حداقل تیتر هایی که جدول هنگام برخورد با آن تعداد، اقدام به فهرست بندی مطالب وردپرس برای محتوا میکند.
Auto insert for the following content types: در این قسمت مشخص میکنید که افزونه به صورت اتوماتیک برای چه نوع از محتوا فهرست بندی تهیه کند.
Heading text: گزینه های مربوط به تنظیمات عناوین و هدینگ جدول
Show title on top of the table of contents: با انتخاب این گزینه میتوانید عنوان جدول را تنظیم کنید. در کادر پایین این گزینه عنوان مورد نظر را وارد کنید.

Allow the user to toggle the visibility of the table of contents: این گزینه امکان مخفی کردن و نمایش جدول را برای کاربران فراهم میکند.
Show text: متن نمایش جدول
Hide text: متن مخفی کردن جدول
Hide the table of contents initially: مخفی بودن جدول هنگام ورود به صفحه
Show hierarchy: نمایش تیترها به صورت سلسله مراتبی
Number list items: شماره گذاری تیترهای درون فهرست بندی
Enable smooth scroll effect: فعال سازی افکت مربوط به اسکرول (حرکت ملایم هنگام کلیک بر روی تیتر و رسیدن به متن مربوط به آن تیتر)

بخش Appearance یا تنظیمات ظاهری

Width: عرض جدول برای فهرست بندی مطالب وردپرس
Wrapping: سمت قرار گیری جدول
Font size: اندازه فونت محتویات جدول
Presentation: سبک جدول که شامل طرح های از پیش آماده شده  و همچنین  دارای گزینه Custom برای تنظیم سبک و رنگ بندی مورد نظر شما است.

بخش Advanced یا تنظیمات پیشرفته تر

Lowercase: تنظیم آنکور هر تیتر با حروف کوچک
Hyphenate: تنطیمات مربوط به آنکور
Preserve theme bullets: قرار دادن بالت هایی در کنار هر تیتر درون جدول
Heading levels: مشخص کردن هدینگ هایی که افزونه نسبت به آن ها حساس باشد و درون جدول تعبیه کند.
Exclude headings: تنظیمات هدینگ ها و گزینه های فیلتر کردن و عبور از هدینگ های دارای کلمات خاص
Smooth scroll top offset: تنظیمات مربوط به فاصله تیتر تا ادمین بار (هنگام رسیدن به مطلب مورد به هرتیتر بعد ازپرش)
Default anchor prefix: تنظیم حرف مربوط به آنکور یا لنگرها که به صورت پیشفرض حرف i  میباشد.

در نهایت برای نمایش فهرست بندی مطالب وردپرس بعد از اعمال تنظیمات بر روی دکمه update options کلیک کنید.

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

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

قرار گیری در ابزارک ها

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

و ابزارک TOC را به قسمت مورد نظر خود اضافه کنید.

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

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

تهیه سایت مپ گرافیکی

برای این منظور تنها کافیست که شورت کد مخصوص آن را در برگه یا نوشته خود تعبیه کنید. اما قبل از این کار بهتر است یکبار برای همیشه تنظیمات پیکر بندی را اعمال کنید.
جهت پیکربندی و اعمال تنظیمات دلخواه به همان مسیر قبلی یعنی به قسمت تنظیمات پنل وردپرس و زیر منوی TOC+ رجوع کنید. و در سربرگ دوم به نام SITE MAP گزینه های زیر را اعمال کنید.

Show page listing: تهیه سایت مپ برگه ها
Show category listing: تهیه سایت مپ دسته بندی ها
Heading type: تنظیم هدینگ برای تیترهای درون سایت مپ گرافیکی
Pages label: نام بخش برگه ها
Categories label: نام مربوط به بخش دسته بندی ها

Advanced Usage

از بخش Advanced usage فادر به مشاهده تمامی شورت کد ها هستید. در نهایت بعد از اعمال تنظیمات بر روی دکمه update options کلیک کنید.

شورت کدهای مربوط به تهیه سایت مپ گرافیکی

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

[sitemap] تهیه سایت برای موارد تنظیم شده (شامل برگه ها و دسته بندی ها)
[sitemap_categories]  تهیه سایت مپ برای دسته بندی ها
[sitemap_pages] تهیه سایت مپ برای برگه ها

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

[sitemap_pages heading="6" label="This is an awesome listing" exclude="1,15"]

Exclude: آیدی مطلب
Heading: سایز هدینگ درون سایت مپ
Label: برچسب سایت مپ

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

جمع بندی 

تهیه فهرست بندی مطالب وردپرس علاوه بر خوانایی و کاربرپسند بودن، موجب درک بهتر مطالب و محتویات توسط کاربران می شود. تهیه فهرست بندی مطالب برای هر محتوا به صورت مجزا کاری پیچیده و زمان بر است. اما به کمک افزونه Table of Contents Plus میتوانید به راحتی و به صورت اتوماتیک جهت فهرست بندی مطالب به سبک ویکی پدیا  و تهیه سایت مپ های گرافیکی برای کاربران خود اقدام کنید.

ویدئوی آموزشی

دانلود افزونه Table of Contents Plus

دانلودصفحه افزونه