pooyacsx

مشکل با اسکریپت ها

7 پست در این موضوع قرار دارد

سلام دوستان
من یک قالب طراحی کردم با کلی فایل اسکریپت و پوسته حالا مشکلم اینه وقتی افزونه ایی نصب می کنم روی وردپرس افزونه درست بالا نمیاد .اینطور هم که جستجو کردم باید مشکل از کانفیلیکت (conflict) اسکریپت های افزونه با اسکریپت های تم باشه!
راستش خیلی هم سرچ کردم و دستورالعمل های این سایت هم انجام دادم :
سایت
ولی به نتیجه ایی نرسیدم(درست نفهمیدم!!) .
این کد قسمت لود فایل هام داخل هدر پوستست:

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/default.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/responsive.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/camera.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish-navbar.css" type="text/css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish-vertical.css" type="text/css"/>


<script src="<?php bloginfo('template_url'); ?>/js/jquery.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.mobile.customized.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/bootstrap.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/scripts.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/camera.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/superfish.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.mobilemenu.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.hoverIntent.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/supersubs.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/sftouchscreen.js" type="text/javascript"></script>

می دونم خیلی کیلویی ریختم ولی خب روش درست لودش رو بلد نبودم .
ممنون میشم دوستان حرفه ایی وقت بزارند و روش درست لود فایل ها که هم سایت سبکتر بیاد بالا هم مشکل با افزونه ها نداشته باشه را با مثال یادم بدهند.
ممنون

0

به اشتراک گذاری این پست


لینک به پست

چون اسکریپه باید بزاریش زیر <head>    یا اینکه وسط یه کد گذاشتیش نمی تونه تشخیص بده

 

0

به اشتراک گذاری این پست


لینک به پست

نه دوست عزیز قالب مشکلی نداره

مشکل عدم هماهنگی با افزونه هاست!

0

به اشتراک گذاری این پست


لینک به پست

دوستان یعنی هیچکدوم خودتون قالب طراحی نمی کنید؟!!

فقط کاپی می کنید؟ :D

0

به اشتراک گذاری این پست


لینک به پست

درود ، 

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

کد های فراخوانی شده در هدر یکی از پوسته های نوشته شده توسط خود من :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="shortcut icon" href="<?php echo get_option('fasy_favicon'); ?>" type="image/x-icon" />
<meta charset="utf-8" />
<meta name="description" content="<?php echo get_option('fasy_description'); ?>" />
<meta name="keywords" content="<?php echo get_option('fasy_keywords'); ?>" />
<meta name="robots" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!--[if lte IE 9]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen" /><![endif]-->
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>
<link href="<?php bloginfo('template_directory'); ?>/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

</head>

اطلاعات فراخوانی شده در هدر یکی دیگر از پوسته های نوشته شده توسط من :

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <link rel='stylesheet' type='text/css' href='<?php echo get_template_directory_uri(); ?>/css/bootstrap.css'>
  <link rel='stylesheet' type='text/css' href='<?php echo get_template_directory_uri(); ?>/css/bootstrap-rtl.css'>
  <link rel='stylesheet' type='text/css' href='<?php echo get_template_directory_uri(); ?>/css/style-rtl.css'>
  <link rel='stylesheet' type='text/css' href='<?php echo get_template_directory_uri(); ?>/css/edd.min.css'>
  <link rel='stylesheet' type='text/css' href='<?php echo get_template_directory_uri(); ?>/css/font-awesome.css'>
  <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>">
    <link rel="shortcut icon" href="<?php echo of_get_option('fasy_favicon'); ?>" title="Favicon" />
  <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.9.1.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
</head>

و در این پوسته من هم می بینید که از این خبرها نیست :

<?php
/**
 * The Header for our theme.
 *
 * @package   BlogMarket WordPress Theme
 * @author    Mojtaba Shahi
 * @copyright Copyright (c) 2015, wp-market.ir
 * @link      http://www.wp-market.ir
 * @since     1.0.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<link rel="shortcut icon" href="<?php if ( of_get_option( 'fasy_favicon' ) ) : ?>" title="Favicon" />
	<link rel="shortcut icon" href="<?php echo of_get_option( 'fasy_favicon' ); ?>" />
	<?php else : ?>
	<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.png" />
	<?php endif; ?>
	<!--[if lt IE 9]><script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script><![endif]-->
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
</head>

تأکید می کنم به نظر شخصی من کار را از پایه درست شروع کنید. با احترام کامل خدمت شما دوست بزرگوار.

1

به اشتراک گذاری این پست


لینک به پست

ممنون دوست عزیز دیگه کم کم داشتم نا امید می شدم
راستش  خودمم هیچ وقت در این حد اسکریپت استفاده نمی کنم ولی خب وقتی مشتری یه تم خفن بخواد اونم تو یه هفته همین می شه دیگه، مجبوری بری سر وقته دیتا بیس جی کوئری :)

راستش دو تا سوال از شما دوست عزیز دارم یکی اینکه اگر لینکی دارید که فانکشنای پر استفاده وردپرسی مورد نیاز در طراحی قالب مثل اینا که خودتون استفاده کردید :
language_attributes();   \  get_option('fasy_favicon');
را داشته باشه ممنون می شم در اختیارم بگذارید.

موضوع دوم  و اصلی اینکه تا حالا کدهای jquery مورد استفاده در قالب هاتون با افزونه ایی مثلا نقشه گوگلی یا prettyphoto  یا افزونه های دیگه ایی که از jquery استفاده می کنند تداخل نداشته؟
از  wp_enqueue_scripts در function.php استفاده نکردید؟ مثلاً:

add_action( 'wp_enqueue_scripts', 'wpcandy_load_javascript_files' );
// Register some javascript files, because we love javascript files. Enqueue a couple as well 
function wpcandy_load_javascript_files() {
  wp_register_script( 'info-caroufredsel', get_template_directory_uri() . '/js/jquery.carouFredSel-5.5.0-packed.js', array('jquery'), '5.5.0', true );
  wp_register_script( 'info-carousel-instance', get_template_directory_uri() . '/js/info-carousel-instance.js', array('info-caroufredsel'), '1.0', true );
  wp_register_script( 'jquery.flexslider', get_template_directory_uri().'/js/jquery.flexslider-min.js', array('jquery'), '1.7', true );
  wp_register_script( 'home-page-main-flex-slider', get_template_directory_uri().'/js/home-page-main-flex-slider.js', array('jquery.flexslider'), '1.0', true );
  wp_enqueue_script( 'info-carousel-instance' );
  
  if ( is_front_page() ) {
    wp_enqueue_script('home-page-main-flex-slider');
  }
}

خیلی خیلی ممنون می شم.

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

این get_option('fasy_favicon موارد مربوط می شوند به پنل تنظیمات پوسته که توسط افزونه Options Framework ایجاد شده است.

این گزینه هم language_attributes مربوط می شود به استانداردهای طراحی وب. در مورد جی کوئری خیلی ساده : کتابخانه جی کوئری باید یک بار لود شود، چه در پوسته چه در افزونه ها (کدهای تکراری در پوسته و افزونه وجود نداشته باشد یا دستور بررسی تکراری بودن نوشته شود تا در صورت تکراری بودن کد بارگذری نشود و اگر کد موجود نبود لود گردد).

شکر خدا نه تا به حال تداخل جی کوئری نداشته ام. و در مورد wp_enqueue_scripts  فکر کنم این پاسخ به درد شما بخورد.

ویرایش شده در توسط mojtabashahi
2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط مسعود
      با سلام
      دوستان من جهت رفع خطای Inline small JavaScript سایت Gtmetrix باید فایل های جاوای در خواستی رو به هد سایت منتقل کنم تا سرعت لود سایت افزایش پیدا کنه ،
       
       should inline the following small resources:
          /plugins/add-to-any/addtoany.min.js
          /themes/company-elite-yekan/js/custom.min.js
          /themes/company-elite-yekan/js/skip-link-focus-fix.min.js
       
      خب من هم این کارو انجام دادم و محتوی هر سه فایل رو به اینصورت به قسمت head در فایل header.php منتقل کردم.
      <!-- addtoany.min.js --> <script>"function"==typeof jQuery&&jQuery(document).ready(function(a){a("body").on("post-load",function(){window.a2a&&a2a.init_all("page")})});</script> <!--end addtoany.min.js --> <!--custom.min.js--> <script>!function($){$(document).ready(function($){$(".search-icon").length>0&&$(".search-icon").click(function(e){e.preventDefault(),$(".search-box-wrap").slideToggle()}),$("#mobile-trigger").sidr({timing:"ease-in-out",speed:500,source:"#mob-menu",name:"sidr-main"});var $scrollup_object=$("#btn-scrollup");$scrollup_object.length>0&&($(window).scroll(function(){$(this).scrollTop()>100?$scrollup_object.fadeIn():$scrollup_object.fadeOut()}),$scrollup_object.click(function(){return $("html, body").animate({scrollTop:0},600),!1}))})}(jQuery);</script> <!--end custom.min.js--> <!--skip-link-focus-fix.min.js--> <script>!function(){var is_webkit=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,is_opera=navigator.userAgent.toLowerCase().indexOf("opera")>-1,is_ie=navigator.userAgent.toLowerCase().indexOf("msie")>-1;(is_webkit||is_opera||is_ie)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var element,id=location.hash.substring(1);/^[A-z0-9_-]+$/.test(id)&&(element=document.getElementById(id),element&&(/^(?:a|select|input|button|textarea)$/i.test(element.tagName)||(element.tabIndex=-1),element.focus()))},!1)}();</script> <!--end skip-link-focus-fix.min.js--> همونطور که می بینید برای هر کدوم هم کامنت گذاشتم. ولی الان مشکلی که دارم اینه که نمیدونم اون function  هایی که قبلا داشتن این اسکریپت ها رو از آدرس خواستی و با یک فایل  .js  لود می کردن بگم که اون اسکریپت مورد نظر تو هد سایت در فایل header.php لود شده و از اونجا لود کن. خلاصه نحوه تغییر مسیر رو نمی دونم. بعنوان مثال فانکشن اول مربوط به افزونه addtoany هست و می خواد اسکریپت رو از addtoany.min.js لود کنه چطور عوضش کنم که متوجه بشه باید بره سراغ header.php قسمت head section ؟
      function A2A_SHARE_SAVE_enqueue_script() { if ( wp_script_is( 'jquery', 'registered' ) ) { wp_enqueue_script( 'addtoany', plugins_url('/addtoany.min.js', __FILE__ ), array( 'jquery' ), '1.0' ); } }  
    • توسط niak
      سلام 
      کسی میدونه چطوری 2 تا اسکریپتو به نحو صحیح  باهم میشه ادغام کرد؟ 
       
      این 2 تا اسکریپتو میخوام لا هم ادغام کنم که هر 2 تاشون درست اجرا بشن :
       
       
       
       
       
      <script type="text/javascript"> $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) </script>  
      و 
       
      <script > var owl = $('.owl-carousel'); owl.owlCarousel({ items:4, loop:true, margin:10, autoplay:true, autoplayTimeout:1000, autoplayHoverPause:true }); </script>  
       
       
    • توسط logomaster
      سلام ، من روی یک سایت وردپرسی به تازگی یه قالب (اسکریپت) نصب کردم (اولین بارمه که اسکریپت نصب می کنم)
      قالب رو کاملا نصب کردم بدون هیچ مشکلی. حالا فقط برای ورود به مدیریت وردپرس ، یوزر و پسورد میخواد که نمیدونم از کجا باید اینارو پیدا کنم
      ممنون
       
       
    • توسط 1Cloner
      دانلود
      سلام این فایل یه اسکریپت جامعه مجازی هست ک من میحام رو وردپرس نصبش کنم ولی بلد نیستم میشه کمکم کنید مررررسی با تصویر یا فیلم باشه که عالی تر میشه سرور محلی میخام باشه ومپ ترجیحا 
       
    • توسط Silence
      یک سری سوال کلی داشتم که تقریبا مرتبط با وردپرس هست اما چون مطالبی خارج از بحث وردپرس هم در سوالات هست اینجا مطرح می کنم...
      یک سایت قراره راه اندازی بشه که شامل یک مجله، فروشگاه و انجمن  باشه...
      بیس سایت که مجله هست قراره با وردپرس راه اندازی بشه...
      1- برای قسمت انجمن از چه اسکریپتی استفاده بشه بهتره؟...
      2- آیا امکان وجود داره که بشه وردپرس رو به اسگریپت ها انجمن ساز متصل کرد که کاربر داخل وردپرس ثبت نام کنه، و با همون یوزر و اکانت وردپرس بتونه داخل انجمن لاگین کنه و فعالیت داشته باشه؟...به عبارت بهتر ساخت یوزر از طریق وردپرس انجام بشه...
      3- در قسمت فروشگاه قرار هست هم محصولات فیزیکی به فروش برسه و هم محصولات دیجیتال (ویدیو، pdf و...)...از چه کدام پلاگین برای این کار استفاده بشه بهتر هست؟...
       
      سوالات بعدی رو هم در ادامه می پرسم...