رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

لینک به ارسال

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

سوال منم هست :P

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

ویرایش شده توسط dsamyes
لینک به ارسال

سلام

فایل های اسکریپت و 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>

ویرایش شده توسط SM-Mahdavi
لینک به ارسال

در کدهای فراخوانی اسکریپتها و لینک 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

لینک به ارسال

در کدهای فراخوانی اسکریپتها و لینک 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

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

ممنون

لینک به ارسال

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

ممنون

فرض کنید در یک پوشه یک فایل 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>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...