نحوه اضافه کردن عنوان در منوی وردپرس بدون پیوند به صفحه

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

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

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

چرا یک عنوان را در منوی وردپرس بدون پیوند به صفحه اضافه کنید؟

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

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

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

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

نحوه اضافه کردن عنوان در منو بدون پیوند به صفحه (در 3 مرحله)

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

مرحله 1: انتخاب یا ایجاد یک منو

اولین کاری که باید انجام دهید ایجاد یا ویرایش منوی است که می‌خواهید یک عنوان بدون پیوند به آن اضافه کنید.

می توانید با رفتن به ظاهر>منوها در نوار کناری داشبورد وردپرس خود شروع کنید. این شما را به صفحه زیر می آورد:

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

مرحله 2: یک پیوند سفارشی اضافه کنید

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

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

که دو فیلد برای شما نشان می دهد: URL و متن پیوند. برای غیرقابل کلیک کردن پیوند، کافی است # را در کادر URL وارد کنید.

سپس عنوان بدون پیوند خود را در قسمت متن پیوند تایپ کنید. در این مثال، من ترجیح داده‌ام از برچسب تماس با ما (contact Us) استفاده کنم.

وقتی کارتان تمام شد، روی افزودن به منو کلیک کنید. در صورت تمایل می‌توانید موارد فرعی را با پیوندهایی در زیر این عنوان اضافه کنید و آیتم‌های منو را بکشید و رها کنید تا آنها را مرتب کنید.

مرحله 3: از CSS برای جلوگیری از تغییر مکان نما در Hover استفاده کنید

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

خوشبختانه این کار به راحتی با کمی CSS قابل انجام است.

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

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

سپس، دوباره به منوی وب سایت خود بروید. عنوانی را که قبلا ساخته اید و پیوندی ندارد پیدا کنید.

اکنون باید یک فیلد اضافی در زیر آن با عنوان کلاس های CSS (اختیاری) وجود داشته باشد.

یک کلاس CSS سفارشی برای مطابقت با تغییر مکان نما وارد کنید (کد CSS در ادامه اضافه خواهد شد). من اینجا از unclickable برای ساده نگه داشتن آن استفاده کرده ام:

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

قرار دادن CSS سفارشی در تنظیمات قالب وردپرس

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

هنگامی که آنجا هستید، به تب CSS اضافی در پایین منوی سمت چپ بروید. کد زیر را کپی و پیست کنید:

.unclickable > a {
   pointer-events: none;
}

تنها استثنا در اینجا این است که قبلاً از کلاسی غیر از unclickable استفاده کرده باشید. اگر این کار را کردید، فقط آن خط را با هر نامی که به کلاس CSS دادید جایگزین کنید.

فیلد CSS شما باید چیزی شبیه به این باشد:

این تغییر باید به محض وارد کردن CSS اضافی منعکس شود.

بررسی کنید که مکان‌نما به شما این امکان را نمی‌دهد که وقتی روی آیتم منوی غیرپیوندی خود می‌چرخید، کلیک کنید. هنگامی که از اعمال تغییراتی که ایجاد کرده اید خوشحال شدید، روی Publish کلیک کنید تا تنظیمات ذخیره شوند.

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

نتیجه

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

در این مقاله، من سه مرحله ساده را برای اضافه کردن یک عنوان بدون پیوند به منوی وردپرس شما توضیح دادم:

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

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