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

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

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

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

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

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

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

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

table of content plus-فهرست بندی مطالب وردپرس

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

TOC-فهرست بندی مطالب وردپرس

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

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

settings-فهرست بندی مطالب وردپرس
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]: با قرار دادن این شورت کد در بخش مورد نظر، میتوانید به صورت اختصاصی برای آن قسمت فهرست بندی مطالب وردپرس تهیه کنید.
[no_toc] : جهت غیر فعال کردن فهرست بندی در بخش مورد نظر خود این شورت کد را قرار دهید.

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

result-فهرست بندی مطالب وردپرس

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

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

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

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

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

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

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

sitemap-فهرست بندی مطالب وردپرس
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: برچسب سایت مپ

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

site map result-فهرست بندی مطالب وردپرس

جمع بندی 

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

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

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

دانلود صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۲۵,۰۹۹ نفر

پاسخ دهید

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

دیدگاه‌های این نوشته جدید شاخص

  1. 3 سال عضو همیار وردپرس

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

    • 4 سال عضو همیار وردپرس

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

    • 3 سال عضو همیار وردپرس

      یکم بیشتر توضیح میدید

    • 4 سال عضو همیار وردپرس

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

  2. سلام
    من يه افزونه نياز دارم كه باهاش مطالب يك دسته را در يك برگه به صورت فهرست نمايش بدم، ممنون ميشم اگه راهنمايي كني.

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

  4. سلام دوست عزیز
    اگه برات امکان داره درباره لینک به ادامه مطلب که در وبلاگ وردپرس با یه کد من تونستم اجراش کنم و لینک حاصل هم فقط یه more بیشتر نمیشه توضیح بده و آیا میشه به صورت دکمه درآورد لینک رو یا بسته به قالب هست
    و در رابطه با ایندکس و سایت مپ در وبلاگ که بشه به صورت الفبایی یه فهرست از مطالب تو یه برگه جدا برای وبلاگ درست کرد
    با تشکر فراوان

  5. سلام

    من یک هک یا افزونه میخوام که برای وردپرس مثل نیوک عضویت سریع ایجاد کنه یعنی کاربر یک نام و یک ایمیل بزنه بعد عضو شه؟

    واقعا ممنون میشم اگر اینکار را کنید

  6. جالب بود! 😀 یادمه واسه نوشته‌ی شبکه کردن وردپرس می‌خواستم یه همچین کاری کنم این قالیت رو با قابلیت فحه بندی کردن نوشته اشتباه می‌گرفتم 😀
    دست شما و اون دوست درد نکنه. خیی خوب بود…

  7. افزونه جالبی بود! بی انصافی بود نظر ندم!

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین