ایجاد ساختار سلسله مراتبی میان صفحات
اگر دوست دارید سایتتون نه تنها زیبا بلکه منظم و بهینه باشه، باید بدونید که چطور صفحات رو به صورت والد/فرزند سازماندهی کنید. این روش نه تنها باعث میشه که کاربران راحت‌تر به محتوای مورد نظرشون برسن، بلکه برای موتورهای جستجو هم به شدت مفیده. در این درس از دوره آموزشی جامع وردپرس در وب‌سایت طهاکو، به موضوع ایجاد ساختار سلسله‌مراتبی میان صفحات پرداخته شده است. در وردپرس، صفحات (Pages) می‌توانند به‌صورت سلسله‌مراتبی سازماندهی شوند، به‌طوری‌که یک صفحه به‌عنوان والد (Parent) و صفحات دیگر به‌عنوان فرزند (Child) آن تعریف شوند. این ساختار به بهبود ناوبری وب‌سایت و سازماندهی بهتر محتوا کمک میکند.
یک ویژگی منحصر بفرد دیگه “صفحات” یا همون پیج ها، طریقه ارتباطشون با همدیگر است. پست ها از طریق دسته بندی، تگ ها، نویسنده و تاریخ و زمان انتشار با هم ارتباط دارند. اما رابطه صفحات تنها از طریق رابطه والد و فرزند یا به اصطلاح parent-child و یا سلسله مراتبیهست. پس بیایید تا با همدیگر یک نگاهی به طرز کارش بیندازیم. در خلال ویدئوهای آموزشی قبلی، دو تا صفحه جدید درست کردم؛ این اولی که عنوانش “درباره ما” نام داره و یک صفحه توضیحی پیرامون حرفه اصلی موضوع وب سایت ما هست، که یک عکس شاخص بزرگ و قشنگ در بالا دارد و همونطور که مشخص است در آن یک لوگو هست.
این هم بگویم این صفحه به منویی به نام “درباره ما” لینک خواهد شد.
و بعد اطلاعاتی درباره طریقه تأسیس شرکت به همراه عکس مدیر عامل گذاشته.
همچنین یک صفحه دیگر ساختم اما هنوز اون رو در حالت پابلیش یا منتشر شده قرار نداده‌ام.
این یک صفحه درباره تمام افراد شرکت مان است.
می بینید که کمی متن دارد و برای هر کسی که در شرکت کار می کند یک بیوگرافی و عکس گذاشته و اینطوری سفارشی شده.
من میخام این صفحه که “متخصصین شرکت” نام دارد، زیر شاخه و فرزند صفحه “درباره ما” که به منویی با نام “درباره ما” لینک شده، باشد. اینطوری یک سلسله مراتب ساختاری قوی در محتوا وب سایت مان به وجود می‌آوریم و میتوانید “منو اصلی” ای رو تصور کنید که یک صفحه “درباره ما” در بالایش دارد و همچنین یک منوی کشویی داریم که لینک صفحه “متخصصین شرکت” رو در زیر آن قرار دادیم.
برای ایجاد این رابطه فقط باید از داخل همین محیط ویرایشگر محتوا پیج “متخصصین شرکت” به پانل page attributes یا در وردپرس فارسی به “ویژگی های برگه” در سمت چپ برویم.
یک گزینه به نام “مادر” یا در وردپرس لاتین یک گزینه به نام parent داریم و به طور پیشفرض روی “بدون مادر” یا در وردپرس لاتین روی no parent قرار دارد.
اما حالا که چند تا صفحه داریم می تونم از این منو کشویی یکی از صفحات موجود رو بعنوان والد این صفحه people قرار بدهم.
من صفحه “درباره ما” رو بعنوان والد انتخاب میکنم.
قبل از اینکه کار دیگری بکنم بگذارید به بالای صفحه اسکرول کنم و به “پیوند یکتا” یا در وردپرس لاتین به permalink نگاه بکنم.
در حال حاضر “پیوند یکتا” یا permalink برای این صفحه http://localhost اسلش متخصصی شرکت نام داره و این ساختار استاندارد برای صفحات است، یعنی وقتی یک صفحه ایجاد کنید، همیشه در ریشه دامنه تان قرار می گیرد. خب، مسلماً اگر من روی یک دامنه مثل thaco.ir این سفارشی سازی رو انجام داده بودم، اونوقت بجایhttp://localhost نام دامنه طهاکو رو میدیدم.
خب؛ اما حالا که والد رو تغییر دادم، اگر روی گزینه “ذخیره پیشنویس” یا در وردپرس لاتین اگر روی save draft کلیک کنم، می بینید که ساختار URL موجود در “پیوند یکتا” مان تغییر میکند.
حالا صفحه “درباره ما” والد است و صفحه “متخصصین شرکت” هم صفحه فرزند است.
در این URL می تونید سلسله مراتب ساختاری این صفحات رو ببینید. چون اگر صفحه رو با زدن روی “انتشار” منتشر کنم و با زدن روی “نمایش برگه” بروم در مرورگر ببینمش همون آدرس رو خواهیم دید.
URL من به این صورت است “درباره ما؛ اسلش؛ متخصصین شرکت” و موتورهای جستجو و موتورهای از نوع دیگه ای که به سایت شما می‌آیند این ساختارها رو درک می کنند. اما مثل بقیه صفحات در اینجا دوره آموزشی ملزومات وردپرس مان هیچ دکمه ای به عنوان منو تعریف نشده که بتواند ما رو به اینجا و به این صفحه بیاورد. پس اگر بخواهم با این سطح از اطلاعاتی که تا اینجا این دوره آموزشی کسب کردیم، یک ناوبری برای این دو صفحه بسازم، باید در داخل خود صفحات لینک اضافه بکنم.
خب؛ حالا که یک صفحه فرزند دارم باید به صفحه “درباره ما” برم و با اسکرول کردن به پایین صفحه بیام و مثلاً بنویسم “برای آشنایی و معارفه متخصصین شرکت از صفحه مربوط به متخصصین شرکت بازدید نمایید” و این عبارت “متخصصین شرکت” رو تبدیل به یک لینک می کنم.
که به صفحه”درباره ما” وصل بشه.
“افزودن لینک” یا در وردپرس لاتین add link رو میزنم و صفحه رو آپدیت می کنم.
حالا میریم صفحه رو ببینیم، این صفحه “درباره ما” هست و پایین آن یک لینک به صفحه “متخصصین شرکت” داریم.
و الان دیگه با این تفاسیر یک سلسله مراتب ساختاری مشخص بین دو صفحه داریم.
البته برای اینکه مشخص کنیم اینجا یک ساختار وجود داره باید یک منوی اختصاصی هم به سایت مون اضافه کنیم.
این کار رو بعداً در طول این دوره آموزشی با ایجاد منویی به نام “درباره ما” انجام میدهیم و بد نیست این هم بدانید اکثر تم های وردپرس خودشون یک منو فعال در سایت دارند و اگه تنظیمات اختصاصی برای منوها انجام ندید، بطور خودکار این سلسله مراتب ساختاری رو روی صفحات نشون میدهند. پس اگر از یک تم به غیر از تم 2017 استفاده می کنید احتمالاً می بینید که صفحه “درباره ما” یک منو کشویی داره و در زیرش منوی “متخصصین شرکت” رو خواهید دید و این سلسله مراتب ساختاری بیش از اون چیزی که در front end می بینید، اطلاعات برای یادگیری دارند که در فصل بعد بیشتر درباره شون صحبت می کنیم.