آقای برنامه نویس

جدول فهرست مطالب یا Table of contents که به اختصار TOC یاد میشود به شما این امکان را میدهد تا یک دید کلی از مطالبتان را با ارائه یک فهرست سرفصل ها به کاربرانتان بدهید از نمونه های معروف این شیوه ارائه مطالب میتوان به وب سایت ویکی پدیا اشاره کرد که با توجه به مقالات طولانی از این بستر برای سهولت مطالعه کاربران استفاده میکند.

ویدئو آموزشی ابزارک Table of contents

پخش ویدیو

جستجوی Google

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

جدول فهرست مطالب TOC

بهبود خوانایی صفحات با TOC

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

ابزار TOC در المنتور

معمولا افزونه های مختلفی برای ساخت و طراحی پیوند های هدایتگر که شمای کلی به مخاطبان ارائه میدهد وجود دارد که گستره ی محدودی را در دست طراحان قرار میداد اما المنتور با ارائه ویجت toc این قابلیت را به طراحان میدهد که یک استایل دهی سفارشی را برای فهرست های خود در اختیار داشته باشند و نکته حائز اهمیت تطابق و هماهنگی کامل این ویجت با تبعیت از افزونه المنتور با استاندارد های گوگل میباشد که منجر به دستیابی به rich snippeis است و شما میتوانید با استفاده از قابلیت قالب سازی المنتور یک طراحی کاملا منعطف و پویا را برای وب سایت خود داشته باشید

تنظیمات ابزارک جدول فهرست مطالب TOC|

table of contents | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

تب محتوا

toc2 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

Table of contents

  1. عنوان : متن عنوان خود را که در بالای فهرست قرار میگیرد یادداشت کنید
  2. HTML Tag : تگ عبارت یادداشت شده در قسمت عنوان را از نوار باز شده انتخاب کنید
  3. (Anchors by tags (INCLUDE : تگ هایی را که برای نمایش و فراخوانی در لیست فهرست میخواهید نمایش دهید را در این فیلد انتخاب کنید در قسمت Container نیز میتوانید فراخوانی مطالب فهرست خود را به عناصر شاخص خاصی در صفحه محدود کنید
  4. (Anchors by selector (EXCLUDE : در این فیلد میتوانید یک کلاس CSS تعریف کرده و این کلاس را در عناوینی که نمیخواهید در لیست فهرستتان نمایش داده شود را وارد کنید
  5. Marker view : برای نمایش فهرست ها با اعداد یا آیکون ها یکی از گزینه ها را انتخاب کنید
  6. icon : در صورت استفاده از نمایش لیست با آیکون ها میتوانید از کتابخانه آیکون ها آیکون مدنظر را درج کنید 
toc3 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

Adittional opition

  1. Word Warp : برای مدیریت تعداد کلمات فهرست میتوانید ازین گزینه استفاده کنید تا هر پیوند از خط خود خارج نشود
  2. Minimize box : با فعال سازی این گزینه جدول شما قابلیت تا شدن و جمع شدن در حالتی که فقط عنوان نمایش داده شود را  دارد دقت داشته باشید با فعال سازی این گزیته میتوانید آیکونی برای نماد باز یا بسته شدن درج کنید و همچنین این قابلیت برای نمایش در دستگاه موبایل یا تبلت نیز تنظیم کنید
  3. Hierarchical view : این گزینه برای نمایش سلسه مراتبی عناوین بر اساس تگ های موجود در صفحه میباشد دقت داشته باشید با استفاده ازین گزینه از گزینه دیگری نیز برایتان نمایش داده میشود به نام Collapase subitems  که موجب جمع شدن عناوین زیر مجموعه در عنوان های شاخص و تگ های بالا تر میگردد و فقط در صورتی که از خاصیت چسبندگی برای جدول خود استفاده کردید این گزینه را فعال کنید 

تب استایل

toc4 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

Box

  1. رنگ پس زمینه : برای پس زمینه جعبه محتویات خود یک رنگ انتخاب کنید
  2. رنگ کادر دور : برای حاشیه دور جعبه خود یک رنگ انتخاب کنید و از نوار ضخامت دور عرض نمایشی نوار حاشیه را تنظیم کنید
  3. گوشه های مدور : میزان گرد شدن جعبه را از طریق تعیین شعاع مرزی تنظیم کنید
  4. Padding : میزان فاصله جعبه را  با تعییرات نوار کنترل فاصله تنظیم کنید
  5. Min height : میزان فاصله و ضخامت حاشیه ای پایین جعبه را مشخص کنید
toc5 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

Header

  1. رنگ پس زمینه : برای قسمت سربرگ جعبه یک رنگ پس زمینه انتخاب کنید
  2. رنگ متن : برای عنوان جدول یک رنگ انتخاب کنید
  3. تایپوگرافی : گزینه های تایپوگرافی عنوان جعبه را تنظیم کنید
  4. Seprato width : عرض خط جداکننده بین عنوان و محتوای جدول را تنظیم کنید
toc6 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

List

  1. تایپوگرافی : گزینه های تایپوگرافی برای متون فهرست جعبه خود را تنظیم کنید
  2. Indent : مقدار تو رفتگی را برای عناوین فهرست خود تنظیم کنید تا اندازه ستون تغییر نکند.
  3. رنگ متن : برای عناوین لیست فهرست جدول رنگ را میتوانید در حالت های عادی، هاور و فعال انتخاب کنید
  4. Underline : انتخاب کنید عناوین فهرست جدولتان در کدام یک از حالن های عادی و فعال برای تاکید بیشتر در زیر آنها خطی ایجاد شود
  5. Marker : یک رنگ برای نشانگر های عناوین فهرست هایتان در نظر بگیرید و اگر میخواهید اندازه ای متفاوت داشته باشد از نوار Size آنرا نیز تنظیم کنید
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام آقای برنامه نویس عضو شوید.
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...

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

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

فهرست مطالب

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

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

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

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

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

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

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

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

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

وردپرس برخی اوقات به بروزرسانی و تعمیر احتیاج داره. و هنگامی که وبسایت در دست تعمیر و دیباگ هست برای حفظ امنیت وبسایت نمیتوان وبسایت را در دسترس بازدید کنندگان قرار داد. به همین دلیل هنگام تعمیر وبسایت، ترجیحاً حالت تعمیر رو فعال میکنند!

نحوه تغییر DNS دامنه های ir در ایرنیک - آقای برنامه نویس آموزش المنتور و وردپرس
نحوه تغییر DNS دامنه های ir در ایرنیک

دامنه هویت وب‌سایت را در اینترنت مشخص می‌کند. تغییر dns دامنه های ir با دامنه های جهانی متفاوت است. بهترین راه تغییر DNS دامنه ir در پنل وب سایت ایرنیک است.

سفارشی سازی قالب وردپرس با ابزار inspect element
سفارشی سازی قالب وردپرس با ابزار inspect element

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

طراحی پوسته باکس پست‌های المنتور - آقای برنامه نویس
طراحی پوسته باکس پست‌های المنتور

احتمالا شما نیز تاکنون از ویجت پست های المنتور استفاده کرده‌‌اید. این المان تنها دارای 3 پوسته ( کلاسیک، کارت ها و محتوای تمام عرض ) می‌باشد. ولی شاید نیاز به سفارشی سازی و اضافه کردن امکانات بیشتری برای نمایش پست‌ها داشته باشید.

ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس
ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس

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

ورود به حساب