استفاده از منوی css در وردپرس

[espad 21]

سلام دوستان کسی میتونه کمک کنه از این منوی css در قسمت page builder قالب وردپرس استفاده کنم ؟

خودم وقتی کد ها رو قرار میدم css ها اجرا نمیشه

دمو : http://farsscript.ir/demo/circul-menu/index.html

circul-menu(www.farsscript.ir).zip

[dsamyes 47]

بسیار عالی ممنون

سوال منم هست

ممنون میشم دوستان کمک کنند

ویرایش شده بهمن 92 توسط dsamyes

[SM-Mahdavi 5428]

سلام

فایل های اسکریپت و css رو attach کنید بعد جایی که می خواید منو نمایش داده بشه کدهای زیر رو بزارید:

<div class="component">
<!-- Start Nav Structure -->
<button class="cn-button" id="cn-button">+</button>
<div class="cn-wrapper" id="cn-wrapper">
	 <ul>
		 <li><a href="#"><span class="icon-picture"></span></a></li>
		 <li><a href="#"><span class="icon-headphones"></span></a></li>
		 <li><a href="#"><span class="icon-home"></span></a></li>
		 <li><a href="#"><span class="icon-facetime-video"></span></a></li>
		 <li><a href="#"><span class="icon-envelope-alt"></span></a></li>
		 </ul>
</div>
<div id="cn-overlay" class="cn-overlay"></div>
<!-- End Nav Structure -->
</div>

ویرایش شده بهمن 92 توسط SM-Mahdavi

[espad 21]

ممنون دوست عزیز

ولی بازم css ها اجرا نمیشه

[SM-Mahdavi 5428]

به چه صورت آدرس میدین؟

[imanfakhar 26231]

در کدهای فراخوانی اسکریپتها و لینک css به شکل زیر تغییر ایجاد کنید

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/demo.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/component1.css" />
<script src="<?php bloginfo('template_directory');?>/js/modernizr-2.6.2.min.js"></script>
...
<script src="<?php bloginfo('template_directory');?>/js/polyfills.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/demo1.js"></script>

به صورت کلی نشانی

folder/file.css

در فایلهای html وقتی در قالب قرار گرفتن باید بشود

<?php bloginfo('template_directory');?>/folder/file.css

[dsamyes 47]

در کدهای فراخوانی اسکریپتها و لینک css به شکل زیر تغییر ایجاد کنید

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/demo.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/css/component1.css" />
<script src="<?php bloginfo('template_directory');?>/js/modernizr-2.6.2.min.js"></script>
...
<script src="<?php bloginfo('template_directory');?>/js/polyfills.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/demo1.js"></script>

به صورت کلی نشانی

folder/file.css

در فایلهای html وقتی در قالب قرار گرفتن باید بشود

<?php bloginfo('template_directory');?>/folder/file.css

استاد میشه یکم ساده تر نوضیح بدید

ممنون

[imanfakhar 26231]

استاد میشه یکم ساده تر نوضیح بدید

ممنون

فرض کنید در یک پوشه یک فایل html و دو پوشه به نامهای style و script وجود دارد که حاوی فایل استایلدهی style.css و script.js باشند

در فایل html این دو فایل به اینصورت خوانده می شوند

<link rel="stylesheet" href="style/style.css" type="text/css" />
<script src="script/script.js" type="text/javascript"></script>

و در کدهای قالب وردپرس

<link rel="<?php bloginfo('template_directory');?>/stylesheet" href="style/style.css" type="text/css" />
<script src="<?php bloginfo('template_directory');?>/script/script.js" type="text/javascript"></script>