بااین افزونه براحتی می توانید نوشته هاوودیدگاهها رادرکانال عرضه کنید.
گاهی اوقات شما فایل های ترجمه (fa_IR.mo و fa_IR.po) رو در داخل پوشه languages در قالب وردپرس خودتون قرار میدید ولی ترجمه ها جایگزین نمیشن.ما این کد فوق العاده را برای شما آماده کرده ایم
در این آموزش قصد طراحی منو افقی وردپرس را با html5 و css3 داریم.طراحی این منو به این صورت می باشد که ابتدا با استفاده از تگ های html جایگاه و آیتم های منو را ایجاد کرده و سپس با استفاده از css استایل و رنگ بندی های مورد نیاز را بر روی این منو اعمال می کنیم.
برای زیبا تر شدن و خوانا شدن متن آیتم های منو, از فونت BKoodakBold استفاده می کنیم.این فونت را با استفاده از خاصیت font-face درون css3 فراخوانی می کنیم.در انتهای آموزش فایل فونت ها را می توانید دانلود کنید که اگر بخواهید از این فونت استفاده کنید بایستی پوشه فونت را هم درون پروژه خود قرار دهید.
شروع کار:
ابتدا کدهای مربوط به html را درون بدنه صفحه خود قرار دهید.برای طراحی منو علاوه بر تگ های div از تگ nav هم استفاده شده است که این خصوصیت مربوط به html5 می باشد.درون تگ ul=clearfix هم تابع فراخوانی موضوعات وردپرس را قرار می دهیم.
نکته :اگر بخواهید این منو را برای سایت هایی غیر از وردپرس استفاده کنید تنها کافی است به جای تابع موضوعات وردپرس تگ های li قرار دهید.
بقیه دستورات css منو:
در کدهای css این منو از gradient یا (تدارج رنگ) و transition یا (فاصله زمانی) استفاده شده است و چون ممکن است بعضی از مرورگر های قدیمی از این ویژگی ها پشتیبانی نکنند,ما برای هر مرورگر این کد مربوط به آن را قرار دادیم,پس برای همین حجم کدها زیاد شده است.
هنگامی که شما برای زیر منو ها هم ,زیر منو قرار دهید به صورت زیر نمایش داده می شوند:
گاهی اوقات شما فایل های ترجمه (fa_IR.mo و fa_IR.po) رو در داخل پوشه languages در قالب وردپرس خودتون قرار میدید ولی ترجمه ها جایگزین نمیشن
اولین کاری که باید انجام بدید اینه که چک کنید که کد زیر در functions.php قالب شما موجود هست یا خیر :
کلمه 20script نام قالب شماست که باید جایگزین کنید
اگر کد بالا در فانکشن نبود کد بالا رو قرار بدید و چک کنید که آیا ترجمه ها جایگزین می شود یا خیر
اگر مشکل باقی بود در فایل های قالب چک کنید که متن ها همانند زیر باشد :
اگر کد بالا مشکل رو حل نکرد کد زیر رو در قالب قرار بدید :
اگر کد بالا هم مشکل شما رو حل نکرد از کد زیر استفاده کنید , هنگامی که از کر زیر استفاده میکنید تنها فایل fa_IR.mo در پوشه زبان ها باشد
موفق باشید.