فونت آیکون
در صفحه ساز ویژوال کامپوزر، المان آیکون را جستجو کنید. المان های مختلفی از آیکون برای نمایش استفاده میکنند که شما می توانید بر اساس نوع طراحی خود این المان ها را انتخاب کنید.
حال برای توضیح روند اضافه کردن آیکون، ما المان “آیکون” را انتخاب و به صفحه ساز اضافه میکنیم. در صفحه تنظیمات آیکون، از بین کتابخانه هایی که برای آیکون وجود دارد یکی را انتخاب نمایید( برای مثال کتابخانه معروف Font Awesome را از جعبه بازشونده کتابخانه ها کلیک کنید). سپس از “جعبه آیکون”، آیکون مورد نیازتان را انتخاب کنید. همچنین تنظیماتی مثل ترازبندی آیکون، اندازه و … را نیز می توانید تغییر دهید.
برای یک مثال دیگر، در المان “باکس آیکون” شما میبایست نام آیکون را از لینک لیست آیکون های سایت Font Awesome انتخاب کرده و در جعبه مشخص شده، نام آیکون را وارد نمایید.
ذکر این نکته لازم است که سایت https://fontawesome.com/ محدود بوده و باید از برنامه های رفع فیلتر استفاده کنید.
پس از اضافه کردن آیکون و ذخیره تغییرات، این المان ها به سایت اضافه میشود.
آیکون تصویری
معمولاً المان های Ultimate Addons، قسمتی برای اضافه کردن آیکون دارند. المان “باکس اطلاعات” را در نظر بگیرید. در صفحه تنظیمات این المان، قسمت “آیکون برای نمایش”، گزینه آیکون تصویر را انتخاب نمایید. پس از آن میبایست تصویر آیکون را آپلود کنید. شما میتوانید از سایت flaticon.com، تصاویر مختلفی از آیکون ها را مشاهده و دانلود نمایید.
(سایت flaticon.com محدود بوده و برای مشاهده و دانلود آیکون باید از ابزارهای رفع فیلتر استفاده کنید.) نام آیکون یا دسته بندی آیکون مورد نظر خود را در جعبه جستجو در سایت flaticon.com جستجو کرده و از بین آیکون های نمایشی، آیکون مورد نیازتان را انتخاب و دانلود کنید.
حال تصویر آیکون را در صفحه تنظیمات المان باکس اطلاعات آپلود کنید. با استفاده از سایر تنظیمات میتوانید برای آیکون عنوان، توضیحات، انیمیشن و … اضافه کنید.
پس از ذخیره تنظیمات، آیکون های تصویری و جذابی که به سایتتان اضافه کردید را در مرورگر مشاهده کنید.
امیدواریم پس از مطالعه این مقاله با آیکونها در وردپرس آشنا شده باشید و بتوانید بهراحتی از آنها در صفحات سایت خود بهره ببرید.
30 دیدگاه. Leave new
سلام و سپاس از آموزش های بینظیرتون
من چطور میتونم آیکن برگشت به بالا رو تغییر بدم و آیکن دلخواه خودم رو قرار بدم؟
سلام خانم اسمعیلی عزیز
خواهش می کنم. در حال حاضر در قالب زفایر تنظیماتی برای تغییر این آیکون وجود ندارد.
با تشکر
سلام خسته نباشید ممنون از سایت خوبتون و آموزش هایتون
من میخواهم یک ایکون هواپیما متحرک از سمت راست صفحه به سمت چپ صفحه برود داشته باشم اکامنش هست راهنماییم کنید که چجوری میتونم این رو انجام بدم؟
سلام آقای معتمدی عزیز
خواهش می کنم. برای این موضوع می بایست مشخص کنید که آیا می خواهید با لود سایت این اتفاق رخ دهد یا اینکه المان هاور گردد. در صورتی که بخواهید در حالت هاور این اتفاق رخ دهد می توانید از افزونه مداد زرد استفاده کنید.
با تشکر
دست شما دردنکنه
باسلام میخواستم بدونم از کدوم سایت ها میتونم عکس های گرافیکی برای سایتم دانلود کنم؟
سلام آقای صراف عزیز
می توانید از سایت freepik.com استفاده کنید.
با تشکر
باسلام میخواستم بدونم المانی هست که این قابلیت رو داشته باشه که یک آیکون در صفحه باشه وقتی روش کلیک میشه زیرش متن باز بشه و اطلاعات آورده بشه؟
سلام و احترام
المانی با این ویژگی در ویژوال وجود ندارد. می توانید از المان تاگل استفاده کنید اما می بایست متن وارد کنید.
با تشکر
سلام
آرزو میکنم هر لحظه زندگی شما و تیمتون پر از شادی و اشتیاق
رسیدن به هدف بعدیتون باشه❇️
خواستم به سهم خودم تشکر کنم از تلاش این مجموعه پرتلاش،امیدبخش و پر انرژی👏🏻👏🏻
همیشه شاد و سلامت باشید🙏🏻🤍
سلام آقای پورمحمد عزیز
سپاسگذاریم از نظر ارزشمند شما. امیدواریم بتوانیم برای شما خدمتگزار خوبی باشیم.
با تشکر
آیا امکانش هست که من با نرم افزار های طراحی وکتور خودم فونت آیکن طراحی کنم و در بخشی مختلف استفاده کنم اگه میشه چجوریه و با چه فرمتی باید طراحی کنم
مرسی از اینکه انقد زیبا فکر می کند و تجربیاتتون رو با همه به اشتراک میگذارید . انشالا در تمام مراحل زندگی موفق باشید .
از لطف شما سپاسگزاریم. سربلند و پیروز باشید. 🌹
خدا قوت. مجددا برای آموزش های خوبتون تشکر میکنم و امیدوارم خدا هم همواره بهترین های خودش رو نصیب شما و تیمتون بکنه.
سلام، وقت به خیر، دوستان توجه کنید در قسمت font icon اگر فقط نام آیکون را به انگلیسی وارد کنید، برای مثال ambulance، آیکون اون شکل نشون داده میشه و نیازی نیست حتما به سایت fontawesome مراجعه کنید و از اونجا اسم آیکون رو کپی کنید، موفق باشید.
سلام جناب حسینی ، از اینکه نظرتون را مطرح نمودید سپاسگزاریم.
این سایت اسم ها را خیلی واضح قرار می دهد و این کار را می توان تا حدی انجام داد. ولی ممکن است یک موضوع ایکن چند حالت داشته باشد که در این صورت که همه انها با هم تناسب داشته باشند نیاز باشد سایت فونت اوسام را مشاهده نمایید.
از اینکه با ابزار وردپرس همراه هستید از شما سپاسگزاریم.
سلام خسته نباشید .ممنون از سایت بی نظیرتون
میخواستم بپرس افزونه هایی که از شما خریداری میشه فقط روی یک سایت قابل استفاده است ؟؟ یا میشه از افزونه ها روی چند سایت استفاده کرد ؟؟
سلام ، احتراماً همانطور که اطلاع دارید طبق قوانین تا این تاریخ هیچ گونه محدودیتی بابت تعداد دفعات نصب بر روی سایت های یک شخص در محصولات ابزار وردپرس لحاظ نشده است. البته پشتیبانی محصولات با توجه به هزینه بخش پشتیبانی و نیروی انسانی برای یک دامنه ارائه می گردد. باتشکر
درود به شرفت ..
سلام و خسته نباشید
ممنون از کلیپ های فوق العاده تون
ببخشید من یه مشکلی دارم خواهشا روش رفعش رو بگید
وقتی کتاب خانه jquery رو فعال میکنم تمام انیمیشن های که برای ایکون ها یا چیزای دیگ هست غیر فعال میشه و ایکون ثابت در سایت ظاهر میشه
و وقتی غیر فعالش میکنم متن های فنسی نمایش داده نمیشه
سلام و احترام خدمت شما کاربر ارجمند ، از شما خواهشمندیم سوالات پس از خرید را ( در رابطه با محصول خریداری شده از سایت ما ) در بخش تیکت پشتیبانی ( ناحیه کاربری ) ارسال فرمایید ، سوالات شما به سرعت توسط همکاران متخصص ما پاسخ داده خواهد شد.
سلام بر استاد گرامی انشا الاه روزی برسه تمام انسانهای روی زمین باوری که شما دارید وبخشنده هستید داشته باشند ممنون
سلام ناصرجان ، از لطف شما سپاسگزاریم❤️ خوشحالیم که آموزش ها برایتان مفید بوده است.
امیدواریم خدمتگزار خوبی باشیم
کاملادرسته.ومن هم اموزش های عالی شمارابه دوستان پیشنهادمیدم
سلام آقای جبین عزیز و تیم محترمتون.خیلی از شما ممنونم بخاطر آموزش هاتون و محبتی که به هم نوع های خودتون دارین
سلام با فلت آیکون میشود آیکون برای منو گذاشت؟؟؟؟؟؟؟؟؟؟؟؟؟ یا زیر منو ها؟؟؟؟؟؟؟
سلام بر شما، باید تصویر را اپلود نمایید و کد html قرار دهید.
سلام . بسیار آموزشها عالی هستند من از صفر شروع کردم یعنی هیچی هیچی از اینکه سایت ساختن چطوریه نمیدونستم ولی الان خدا را شکر کاملا متوجه شدم. و اینکه واقعا آموزشها کاربردیه و وقت تلف کنی نیست. با تمام وجود از خدا براتون بهترینها را خواستارم.
سلام خانم خرمی عزیز، از اینکه نظرتون را مطرح نمودید سپاس گزاریم. هدف ما موفقیت شماست …