مشکل با ورژن جدید Font Awesome در وردپرس

  • نویسنده موضوع mhdh72
  • تاریخ شروع
mhdh72

mhdh72

تازه وارد
سلام من نمیدونم کجای کار رو اشتباه رفتم میشه یکی کمکم کنه ؟؟

افزونه ی Font Awesome 4 Menu رو نصب و فعال کردم کد زیر رو هم توی <head> فایل header.php قرار دادم در ضمن از لینک

لینک ها تنها برای اعضای سایت قابل نمایش است.


هم پوشه ی فونت پلاگین رو به روز کردم ولی نمیدونم چرا فونت رو لود نمیکنه آدرس سایتم :
لینک ها تنها برای اعضای سایت قابل نمایش است.


کد :

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">[h=2][/h]

 
E

.exe

کاربر عضو
سلام ؛


کد: 
https://wordpress.org/plugins/font-awesome-4-menus/
آخرین ورژن این پلاگین برای بیست و چند روز پیش هست فک نکنم لازم باشه پوشه فونت رو آپدیت کنید .

اگه از این پلاگین استفاده می کنید لازم نیست کدی اضافه کنید تا Font Awesome اضافه بشه بعد از نصب تو تنظیمات پلاگین چهار تا گزینه هست

اولی لود از پوشه خود پلاگین ، دومی لود از سایت bootstrapcdn (همیشه آخرین ورژن)، سومی لود از مسیر دلخواه ، چهارمی درصورتی که قبلاً جای دیگه ای Font Awesome اضافه کرده باشید این گزینه رو فعال کنید .

بعد از اینکه یکی از این گزینه ها رو انتخاب کردین ( ترجیحاً اولی ) برای نمایش آیکون ها در منو از کد زیر استفاده کنید .


کد: 
<i class="fa fa-home"></i>
برای نمایش درون مطالب :


کد: 
[fa class="fa-home"]
همه آیکونها :


کد: 
http://fortawesome.github.io/Font-Awesome/icons/
اینجا میتونید مثال آموزشی بهتری ببینید ( اندازه آیکون ها ، ترکیب آیکون ها ، متحرک سازی آیکون ها و ......)


کد: 
http://fortawesome.github.io/Font-Awesome/examples/
 
آخرین ویرایش توسط مدیر:
mhdh72

mhdh72

تازه وارد
سلام ؛

کد: 
https://wordpress.org/plugins/font-awesome-4-menus/
آخرین ورژن این پلاگین برای بیست و چند روز پیش هست فک نکنم لازم باشه پوشه فونت رو آپدیت کنید .

اگه از این پلاگین استفاده می کنید لازم نیست کدی اضافه کنید تا font awesome اضافه بشه بعد از نصب تو تنظیمات پلاگین چهار تا گزینه هست

اولی لود از پوشه خود پلاگین ، دومی لود از سایت bootstrapcdn (همیشه آخرین ورژن)، سومی لود از مسیر دلخواه ، چهارمی درصورتی که قبلاً جای دیگه ای font awesome اضافه کرده باشید این گزینه رو فعال کنید .

بعد از اینکه یکی از این گزینه ها رو انتخاب کردین ( ترجیحاً اولی ) برای نمایش آیکون ها در منو از کد زیر استفاده کنید .


کد: 
<i class="fa fa-home"></i>
برای نمایش درون مطالب :


کد: 
[fa class="fa-home"]
همه آیکونها :


کد: 
http://fortawesome.github.io/font-awesome/icons/
اینجا میتونید مثال آموزشی بهتری ببینید ( اندازه آیکون ها ، ترکیب آیکون ها ، متحرک سازی آیکون ها و ......)


کد: 
http://fortawesome.github.io/font-awesome/examples/
کلیک کنید تا گسترش یابد...
مرسی ک جواب دادی ولی توی این ورژن فک کنم کلاس i تعریف نشدس برای منو ها من فقط اسم فونت رو بزنم تو استایل فهرست قبول میکنه حالا میخوام ببینم چجوری میشه تو ابزارک ها استفاده کرد ؟؟

 
E

.exe

کاربر عضو
سلام ؛

بله برای منو می تونید هم از کلاس های css فهرست استفاده کنید هم از اون راهی که گفتم .

این پلاگین فقط برای منو هست ،برای ابزارک ها راهترین راه استفاده از css است ، مثل کد زیر رو به فایل css قالب اضافه کنید


کد: 
#recent-comments-3 .widget-title:before {
font-family: FontAwesome;
content: "\f015";
padding-left: 10px;
font-size:30px;
color:#55AA55;
font-style: normal;
font-weight: normal;
}
 
mhdh72

mhdh72

تازه وارد
سلام ؛بله برای منو می تونید هم از کلاس های css فهرست استفاده کنید هم از اون راهی که گفتم .

این پلاگین فقط برای منو هست ،برای ابزارک ها راهترین راه استفاده از css است ، مثل کد زیر رو به فایل css قالب اضافه کنید


کد: 
#recent-comments-3 .widget-title:before {
font-family: FontAwesome;
content: "\f015";
padding-left: 10px;
font-size:30px;
color:#55AA55;
font-style: normal;
font-weight: normal;
}
کلیک کنید تا گسترش یابد...
ممنون میشه یه کم بیشتر بگی ؟؟ ینی اینو توی css کپی کنم بعدش چجوری باید استفاده کرد ؟

 
E

.exe

کاربر عضو
سلام ؛

تو فایل css قالب هر جا که می خواین از آیکون ها استفاده کنید با استفاده از آیدی و کلاس موردنظر و ویژگی font-family که باید FontAwesome باشه و content که باید یونیکد آیکونتون باشه و بقیه ویژگی های فونت ( باید با css آشنایی داشته باشید ) آیکونتون رو نمایش بدین ، مثال بالا به قبل عنوان ابزارک آخرین نظرات آیکون خانه رو اضافه می کنه .

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

لیست همه یونیکدهای آیکون ها :


کد: 
http://fortawesome.github.io/Font-Awesome/cheatsheet/
 
آخرین ویرایش توسط مدیر:
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا