در این مطلب قرار هست که کدهای قرار گرفتن منو آیکون عمودی ثابت کنار سایت رو توضیح بدم تا بتوانید با استفاده از این کد قالب خودتون را زیباتر کنید.



کدهای html منو آیکون ثابت کنار سایت

کدهای html زیر رو باید بعد از تگ <body> داخل قالبتون قرار بدید.

نمایش کد ساختار یا HTML بصورت آنلاین

دقت کنید که آدرس لینک ها رو بجای # باید وارد کنید.در ادامه باید استایل این منو رو اضافه کنید.


استایل منوی عمودی ثابت کنار قالب

بعد از اضافه کردن کد بالا حالا باید شیوه نامه مربوطه رو وارد کنید.

نمایش کد سی اس اس بصورت آنلاین


کد بالا رو به ابتدای فایل style.css بعد از {}body یا هرکجای دیگه اضافه کنید .

نکته : در این کدها برای نمایش آیکون ها از فونت ecoico استفاده شده و عکسی در کار نیست.


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

در واقع همون کدها و آموزش بالا هست ، اما برای راحتی کار خدمتتون عرض می کنم که کد های html را باید بعد از <body> قرار بدهید ، برای این کار فایل header.php قالب را ویرایش کنید و کدها را بعد از تگ <body> قرار بدهید .

البته فرقی هم نمی کند ، می توانید کدها را قبل از تموم شدن <body/> وارد کنید ، برای این کار باید فایل footer.php قالب را ادیت کنید .


نمایش دمو