رفتن به مطلب

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


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

سلام دوستان
من یک قالب طراحی کردم با کلی فایل اسکریپت و پوسته حالا مشکلم اینه وقتی افزونه ایی نصب می کنم روی وردپرس افزونه درست بالا نمیاد .اینطور هم که جستجو کردم باید مشکل از کانفیلیکت (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>

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

لینک به ارسال

درود ، 

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

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

<!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>

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

لینک به ارسال

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

راستش دو تا سوال از شما دوست عزیز دارم یکی اینکه اگر لینکی دارید که فانکشنای پر استفاده وردپرسی مورد نیاز در طراحی قالب مثل اینا که خودتون استفاده کردید :
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');
  }
}

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

لینک به ارسال

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

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

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

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

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

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

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

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

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

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

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

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

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