تنظیم آیکون برای Custom Post

icon for custom post type

سلام دوستای گلم؛

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

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

برای ایجاد پست های سفارشی افزونه ای ساخته شده با عنوان custom post type UI که میتونید این افزونه رو از سایت همیار وردپرس نصب و فعال کنید.بعد از اینکه این کار رو انجام دادیم نوبت میرسه به ساخت یک پست سفارشی!

برای این کار روی گزینه ی CPT UI در پیشخوان وردپرس کلیک کنید و سپس گزینه ی add new رو انتخاب کنید تا صفحه ای مثل تصویر براتون باز بشه:

CPT UI

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

setting CPT 1

گزینه ی Avvanced options رو که با کادر آبی رنگ مشخص کردم باز میکنیم تا تنظیمات بیشتری رو بررسی کنیم!

setting CPT 2

تمامی تنظیمات رو با توجه به نظر خودتون true یا false بذارید و بعد در بخشی پایین گزینه ی مناسب رو تیک بزنید. مثل من که نوع دسته رو انتخاب کردم!
خب حالا میتونین با خیال راحت روی گزینه ی create custom post type کلیک کنید تا پست سفارشی شما ایجاد بشه.

اگه دوست دارید نتیجه ی کار رو تا اینجا مشاهده کنید به داشبورد وردپرستون در سمت راست نگاه کنید، گزینه ی ویدئوها ایجاد شده:

custom post

حالا نوبت میرسه به ساخت دسته ها! برای اینکار توی همین صفحه ای که هستیم باید فرم سمت چپ رو کامل کنیم. به عنوان مثال خودش عنوان دسته رو گذاشته actor یعنی هنرپیشه. ما هم برای مثال همین کار رو انجام میدیم.

  نحوه تغییر نوشته به برگه و بالعکس در وردپرس با Post Type Switcher

texonomy setting

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

more texonomy setting

حالا نوبت اینه که روی گزینه ی create custom taxonomy کلیک کنیم تا دسته ی مورد نظر هم ایجاد بشه!

برای اینکه نتیجه ی کار رو ببینیم دوباره میتونیم از پیشخوان وردپرس روی گزینه ی ویدئوها که ساختیم موس رو نگه داریم:

taxonomy result

در این مرحله ما دسته ی ویژه رو ایجاد کردیم حالا نوبت به این میرسه که بریم و داخلش پست بذاریم. پس از منوی ویدئوها افزودن ویدئو رو میزنم.

first post

الان دیگه نوبت به این میرسه که به این پست ویژه ی خودم آیکون های دلخواهم رو اضافه کنم. برای اضافه کردن آیکون های سفارشی و دلخواه افزونه ای ساخته شده که میتونه به راحتی هر مدل آیکونی رو که شما بخواید براتون ایجاد کنه!

نام این افزونه CPT custom Icon هستش که پس از نصب و فعال سازی اون در بخش تنظیمات داشبورد وردپرس دیده میشه. با کلیک بر روی اون میتونید آیکون هایی که خودش داره رو انتخاب کنید و به شما کد کوتاه شده ی هر آیکون که به عنوان یک زمینه ی دلخواه هست رو بده.

cpt custom icon

خب حالا بیایید برای ویدئوهامون دنبال یه آیکون قشنگ بگردیم! من آیکون زیر رو انتخاب میکنم و گزینه ی ذخیره رو میزنم تا آیکون مورد نظرم در پنل ادمین تغییر کنه!

prepare icon

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

dash icon

امیدوارم از آموزش امروز لذت برده باشید، هر نظر و پیشنهادی در این زمینه دارید خوشحال میشم به اشتراک بگذارید.

 

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

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

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

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

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

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

    با سلام .
    چطور میشه یه فونت آیکون مثلا fa fa-user-o رو به پست تایپ اضافه کرد.؟ منظورم اینه که باید به پست تایپم چی اضافه کنم و تو برگم با چه اسمی فراخونیش کنم . ممنون میشم جوابمو بدید.

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

  3. سپاس بابت مطلب خوبتون

  4. سلام خسته نباشید من میخوام یک فرم رو که چند فیلد مختلف داره مثلا(یک آگهی مسکن با اطلاعات متراژ و طبقه و امکانات و …) رو به صورت یک پست و تمام خصلت های یک پست وردپرسی مثل نویسنده و تاریخ و عنوان و … ذخیره کنم دقیقا مثل کاری که شما با این افزونه کردید یک پست سفارشی درست کنم با فیلدهایی که از یک فرم که خودم طراحی کردم و در بخش کاربران و خارج از پنل خود وردپرس میخوام استفاده کنم مثلا یک برگه!!! حالا من کلی مطلب خوندم راجعبه پست تایپ و متا دیتا و این چیزا برای ارسال پست و واقعا گیج شدم و شدیدا به راهنمایی نیاز دارم 🙁 حالا اگر امکان دراه در قالب کد به صورت عملی اینو برام روشن کنید که اولا از کدوم روش استفاده کنم که اون فیلدای اضافی رو هم توی جدول پست ذخیره کنم هم پستم دارای اون ساختار وردپرسی باشه و با فرم من هماهنگ و اینکه چطور اینا رو توی یک برگه برای کاربرم پیاده کنم !!! خواهش میکنم یکی کمکم کنه بدجوری سر این موضوع گیر کردم

  5. سلام درود
    اگه میشه مطالب مرتبط با روش taxonomy را قرار بدید مثلا
    اگه برای یه پست یه تگ قرار بدیم بر اساس اون مطلب جستجو کنه و مطالب مرتبط نمایش بده

  6. ممنون..
    مطلب مفیدی بود.

  7. سلام ؛ خسته نباشید
    به نظر من برای ایجاد پست تایپ جدید بهتر اینه که با نوشتن چند خط کد مختصر این کارو کرد تا اینکه از افزونه استفاده بشه.

  8. عالی بود ، مرسی!

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

دوره‌های آموزشی