rey

قرار دادن کد html در صفحه اصلی سایت

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

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

سلام
من ورژن
html  و ورژن قالب وردپرسی یک قالب رو از تم فارست تهیه کردم .
توی ورژن
html  یک سری فایل هست ک وقتی با بروزر بازشون میکنم آیتمهایی ک درون اون فایل هستن رو با افکت لود میکنه (یعنی مثلا یکی رو از سمت چپ وارد صفحه میکنه ، یکی دیگه رو از سمت راست و یکی دیگه رو با حالت چرخشی میاره تو صفحه و ... )
دلیلش هم اینه ک فایل
html ، ب ی سری فایل جاوا اسکریپت و سی اس اس لینک شده ...
فایلی توی ورژن
html  وجود داره تحت عنوان index.html  ک صفحه ی اصلی سایت هست ک اتفاقا این فایل هم ب همون فایلهای جاوا اسکریپت و سی اس اس هم لینک شده و دارای آیتمهایی هست و این آیتمها هم با افکت لود میشن ...

اون فایلهای جاوا اسکریپت و سی اس اس ، درون قالب وردپرسی هم وجود دارن .
من قالب وردپرسی رو روی سایت نصب کردم اما توی تنظیمات قالب جایی نبود ک بشه تعیین کرد ک آیتمهای موجود در صفحه با افکت لود بشن .
یک برگه ی جدید ساختم و کدهای
html  رو داخل ادیتور قرار دادم . بعد از انتشار برگه و رفتن ب صفحه ی برگه ، دیدم کاری ک کردم ب درستی انجام شده و دقیقا آیتمهای موجود توی صفحه با افکت لود شدن .
این یعنی ک کلاسها و آی دی های ب کار رفته توی هردو ورژن یکیست .
یعنی وقتی توی فایل
html  از یک کلاس تحت عنوان button  استفاده شده ، این کلاس توی فایل style.css قالب موجود بوده ک تونسته ب اون کلاس استایل بده ....
حالا میخوام از کدهای درون فایل
index.html   ک برای آیتمهای درون صفحه اصلی هست ، برای آیتمهای صفحه اصلی قالب نیز استفاده کنم .
لطفا برای انجام این کار راهنمایی بفرمایید .
صفحه اصلی قالب وردپرسی هم برگه ی جداگونه نیست و ب اینصورت ساخته شده ک از توی ویجتها ، ویجتهای قالب رو تعیین کردم ک درون صفحه اصلی نمایش داده بشن .

 

ویرایش شده در توسط rezza
0

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


لینک به پست

تمام صفحات وردپرس باید php باشند.درضمن در تمام صفحات سایت همیشه کد های html وجود داره و اصلا سایت بدون html نداریم اصن!!!اون افکت هایی که شما میگین باید در فایل header.php یا footer.php فایل های جاوااسکریپت و سی اس اسش فراخوانی بشند تا همه افکت ها در قالب وردپرس شما کار کنند

1

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


لینک به پست
در 6 دقیقه قبل، M.Javad گفته است :

تمام صفحات وردپرس باید php باشند.درضمن در تمام صفحات سایت همیشه کد های html وجود داره و اصلا سایت بدون html نداریم اصن!!!اون افکت هایی که شما میگین باید در فایل header.php یا footer.php فایل های جاوااسکریپت و سی اس اسش فراخوانی بشند تا همه افکت ها در قالب وردپرس شما کار کنند

سلام
خیلی ممنون بابت پاسختون
بله میدونم کدهای html وجود دارن تو همه ی صفحات .
پس میفرمایین من اون کدهایی ک حاوی دستور لینک شدن ب جاوا اسکریپت ها و سی اس اس ها هستن رو یا توی هدر یا توی فوتر قرار بدم ؟؟؟
 

0

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


لینک به پست

ببینید شما اگه میخواید همون قالب اصلی html رو به عنوان صفحه اصلی قالب وردپرس تون قرار بدید باید همون قالب رو به وردپرس تبدیل کنید که در واقع تمام فایل ها داخل همونفایل هست و نیاز به فراخوانی نیست فقط کافیه مراحل تبدیل یک قالب html به وردپرس رو بلد باشید

1

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


لینک به پست
در 11 دقیقه قبل، M.Javad گفته است :

ببینید شما اگه میخواید همون قالب اصلی html رو به عنوان صفحه اصلی قالب وردپرس تون قرار بدید باید همون قالب رو به وردپرس تبدیل کنید که در واقع تمام فایل ها داخل همونفایل هست و نیاز به فراخوانی نیست فقط کافیه مراحل تبدیل یک قالب html به وردپرس رو بلد باشید

خب متاسفانه بلد نیستم .
فکر میکنم کار زمانبری هم باشه .
من فقط میخوام ب صفحه اصلی بفهمونم ک آیتمهایی ک قراره لود کنه رو با افکت لود کنه .
ک برای این کار هم همونطور ک شما فرمودین باید اون کدهای htmlی ک جاوا اسکریپت ها و سی اس اس هارو فراخوانی کردن رو باید داخل هدر یا فوتر قرار بدم .
درست متوجه شدم ؟؟

0

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


لینک به پست

بله ولی باید با تبدیل قالب html به وردپرس آشنا باشید 

1

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


لینک به پست
در 6 دقیقه قبل، M.Javad گفته است :

بله ولی باید با تبدیل قالب html به وردپرس آشنا باشید 

شرمنده من خیلی مزاحم شدم .
امکانش هست بفرمایید داخل فایل php چجوری باید ب فایلهای سی اس اس و جاوا اسکریپت لینک بدم ؟؟؟
و این ک این لینک دادن ، داخل هردو فایل هدر و فوتر باید انجام بشه یا فقط هدر کفایت میکنه ؟؟
 

0

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


لینک به پست

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

<script language="javascript" src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js"></script>

فقط باید اسم فایل رو به جای اسم فایل در کد بالا قرار بدید

1

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


لینک به پست
در 2 ساعت قبل، M.Javad گفته است :

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


<script language="javascript" src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js"></script>

فقط باید اسم فایل رو به جای اسم فایل در کد بالا قرار بدید


من کدهای htmlی ک سی اس اس هارو لینک میکرد رو داخل تگ <head> فایل هدر و کدهای htmlی ک جاوا اسکریپت ها رو لینک میکرد رو داخل تگ <footer> فایل فوتر قرار دادم .
اما مشکل حل نشد .

0

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


لینک به پست

داخل تگ <head> </head> در فایل header.php قرار بدید و کدهاشو اینجا بزارید تا بررسی کنم

1

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


لینک به پست

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

در 6 دقیقه قبل، M.Javad گفته است :

داخل تگ <head> </head> در فایل header.php قرار بدید و کدهاشو اینجا بزارید تا بررسی کنم

آقا ممنون میشم واقعا از زحمتتون .

این کدهای داخل header :

 

<?php ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php 
	global $current_user;
	if (!isset($current_user)) {
		$current_user = wp_get_current_user();
	}
	
	$account_uri = '';
	if (defined('BP_VERSION')) {
		$account_uri = bp_core_get_userlink($current_user->ID, false, true);
	} else {
		$account_uri = get_author_posts_url($current_user->ID);
	}
	
	$site_url = site_url();	
	global $bp, $sc_theme_globals;
	
	global $post, $sc_is_custom_home;
	$template_file = '';
	if ($post)
		$template_file = get_post_meta($post->ID,'_wp_page_template',true);
	if ($template_file && $template_file == 'sc_home.php')
		$sc_is_custom_home = true;
?>
    <meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">	
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/html5shiv.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/respond.min.js') ); ?>"></script>
	<![endif]-->
	<title><?php wp_title(); ?></title>
	<link rel="stylesheet" href="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/css/effects/style.css') ); ?>" />
	<link rel="stylesheet" href="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/css/effects/animate.css') ); ?>" />
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800">
	<link rel="shortcut icon" href="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/images/favicon.ico') ); ?>" />	
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	
	
	<script>
	window.currentUserId = <?php echo ($current_user->ID > 0 ? $current_user->ID : 0); ?>;
	window.siteUrl = '<?php echo esc_js( $site_url ); ?>';
	<?php if ( defined( 'ICL_LANGUAGE_CODE' ) ) { ?>
		window.currentLanguage = '<?php echo ICL_LANGUAGE_CODE; ?>';
	<?php } ?>
	</script>
	
    <?php 
	if (defined('BP_VERSION')) { 
		bp_head();
	}
    wp_head(); 
	?>
</head>
<body <?php body_class(); ?>>
	<!--preloader-->
	<div class="preloader">
		<div class="spinner"></div>
	</div>
	<!--//preloader-->	
	<?php do_action( 'bp_before_header' ); ?>
	<!--header-->
	<header class="head" role="banner">
		<!--wrap-->
		<div class="wrap clearfix">
			<a href="<?php echo esc_url ( home_url('/') ); ?>" title="<?php _e( 'Home', 'socialchef' ); ?>" class="logo"><img src="<?php echo esc_url ( $sc_theme_globals->get_theme_logo_src() ); ?>" alt="<?php _e('SocialChef.com', 'socialchef'); ?>" /></a>
			<!--primary navigation-->
			<?php  if ( has_nav_menu( 'primary-menu' ) ) {
				wp_nav_menu( array( 
					'theme_location' => 'primary-menu', 
					'container' => 'nav', 
					'container_class' => 'main-nav',
					'container_id' => 'nav',
					'menu_class' => '',
					'link_before'     => '<span>',
					'link_after'      => '</span>',
				) ); 
			} else { ?>
			<nav class="main-nav" role="navigation" id="nav">
				<ul id="menu-primary">
					<li class="<?php echo (is_home() ? 'current-menu-item' : 'menu-item'); ?>"><a href="<?php echo esc_url ( home_url() ); ?>"><span><?php _e('Home', "socialchef"); ?></span></a></li>
					<li class="menu-item"><a href="<?php echo esc_url ( admin_url('nav-menus.php') ); ?>"><span><?php _e('Configure', "socialchef"); ?></span></a></li>
				</ul>
			</nav>
			<?php } ?>
			<nav class="user-nav" role="navigation">
				<ul>
					<li class="light"><a href="<?php echo esc_url ($sc_theme_globals->get_search_form_page_url() ); ?>" title="<?php _e('Search for Lessons', 'socialchef'); ?>"><i class="ico i-search"></i> <span><?php _e('Search for Lessons', 'socialchef'); ?></span></a></li>
					<li class="medium"><a href="<?php echo is_user_logged_in() ? esc_url ( $account_uri ) : esc_url ( $sc_theme_globals->get_login_page_url() ); ?>" title="<?php _e('My account', 'socialchef'); ?>"><i class="ico i-account"></i> <span><?php _e('My account', 'socialchef'); ?></span></a></li>
					<li class="dark"><a href="<?php echo is_user_logged_in() ? esc_url ( $sc_theme_globals->get_submit_recipes_url() ) : esc_url ( $sc_theme_globals->get_login_page_url() ); ?>" title="<?php _e('Submit a Lessons', 'socialchef'); ?>"><i class="ico i-submitrecipe"></i> <span><?php _e('Submit a Lessons', 'socialchef'); ?></span></a></li>
				</ul>
			</nav>
		</div>
		<!--//wrap-->
	</header>
	<!--//header-->
	<?php do_action( 'bp_after_header'     ); ?>
	<?php do_action( 'bp_before_container' ); ?>
	<!--main-->
	<main class="main" role="main">
<?php
	if ( !$sc_is_custom_home ) {
?>
	<!--wrap-->
	<div class="wrap clearfix">
<?php	
	}



اینم کدهای داخل footer :

 

<?php
	global $sc_is_custom_home;
	if ( !$sc_is_custom_home ) {
?>
	</div><!--//wrap-->
<?php	
	}
	global $bp, $sc_theme_globals;
?>		
	</main><!--//main-->
	<?php get_sidebar('above-footer'); ?>
	<?php do_action( 'bp_after_container' ); ?>
	
	<?php 
	$footer_call_to_action = $sc_theme_globals->get_footer_call_to_action();
	if (!empty($footer_call_to_action)) { ?>
	<!--call to action-->
	<section class="cta">
		<div class="wrap clearfix">
			<a href="<?php echo esc_url($sc_theme_globals->get_footer_call_to_action_url()); ?>" class="button big white right"><?php echo $sc_theme_globals->get_footer_call_to_action_button(); ?></a>
			<h2><?php echo $sc_theme_globals->get_footer_call_to_action(); ?></h2>
		</div>
	</section>
	<!--//call to action-->	
	<?php } ?>
	<?php do_action( 'bp_before_footer'   ); ?>
	<!--footer-->
	<footer class="foot" role="contentinfo">
		<div class="wrap clearfix">
			<div class="row">			
				<?php get_sidebar('footer'); ?>
				<div class="bottom">
					<p class="copy"><?php echo $sc_theme_globals->get_copyright_footer(); ?></p>					
					<!--footer navigation-->				
					<?php if ( has_nav_menu( 'footer-menu' ) ) {
						wp_nav_menu( array( 
							'theme_location' => 'footer-menu', 
							'container' => 'nav', 
							'container_class' => 'foot-nav',
						) ); 
					} else { ?>
					<nav class="foot-nav">
						<ul>
							<li class="menu-item"><a href="<?php echo esc_url( home_url( )); ?>"><?php _e('Home', "socialchef"); ?></a></li>
							<li class="menu-item"><a href="<?php echo esc_url( admin_url('nav-menus.php') ); ?>"><?php _e('Configure', "socialchef"); ?></a></li>
						</ul>
					</nav>
					<?php } ?>
				</div>
				<?php do_action( 'bp_footer' ); ?>			
			</div><!--//row-->
		</div><!--//wrap-->
		
		
	</footer>
	<!--//footer-->
	<?php do_action( 'bp_after_footer' ); ?>
	<?php wp_footer(); ?>
	
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery-1.11.1.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery.uniform.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/wow.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery.slicknav.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/scripts.js') ); ?>"></script>
	<script>
		window.dynamicNumbersBound = false;
		var wow = new WOW();
		WOW.prototype.show = function(box) {
			wow.applyStyle(box);
			if (typeof box.parentNode !== 'undefined' && hasClass(box.parentNode, 'dynamic-numbers') && !window.dynamicNumbersBound) {
				bindDynamicNumbers();
				window.dynamicNumbersBound = true;
			}
			return box.className = "" + box.className + " " + wow.config.animateClass;
		};
		wow.init();
		
		function hasClass(element, cls) {
			return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
		}
		
		function bindDynamicNumbers() {
			$('.dynamic-number').each(function() {				
				var startNumber = $(this).text();
				var endNumber = $(this).data('dnumber');
				var dynamicNumberControl = $(this);
				
				$({numberValue: startNumber}).animate({numberValue: endNumber}, {
					duration: 4000,
					easing: 'swing',
					step: function() { 
						$(dynamicNumberControl).text(Math.ceil(this.numberValue)); 
					}
				});
			});	
		}
		
	</script>
</body>
	
</body>
</html>

 

ویرایش شده در توسط rezza
0

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


لینک به پست

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

نام فایل هایی که میخواستین در کد فراخوانی کنید چیه؟!

ویرایش شده در توسط M.Javad
1

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


لینک به پست
در 17 ساعت قبل، M.Javad گفته است :

نام فایل هایی که میخواستین در کد فراخوانی کنید چیه؟!

این سی اس اس ها :
 

<link rel="stylesheet" href="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/css/effects/style.css') ); ?>" />
<link rel="stylesheet" href="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/css/effects/animate.css') ); ?>" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800">
	

 

 

این هم جاوا اسکریپت ها :
 

<script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery-1.11.1.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery.uniform.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/wow.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/jquery.slicknav.min.js') ); ?>"></script>
	  <script src="<?php echo esc_url ( SocialChef_Theme_Utils::get_file_uri('/js/effects/scripts.js') ); ?>"></script>
	<script>
		window.dynamicNumbersBound = false;
		var wow = new WOW();
		WOW.prototype.show = function(box) {
			wow.applyStyle(box);
			if (typeof box.parentNode !== 'undefined' && hasClass(box.parentNode, 'dynamic-numbers') && !window.dynamicNumbersBound) {
				bindDynamicNumbers();
				window.dynamicNumbersBound = true;
			}
			return box.className = "" + box.className + " " + wow.config.animateClass;
		};
		wow.init();
		
		function hasClass(element, cls) {
			return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
		}
		
		function bindDynamicNumbers() {
			$('.dynamic-number').each(function() {				
				var startNumber = $(this).text();
				var endNumber = $(this).data('dnumber');
				var dynamicNumberControl = $(this);
				
				$({numberValue: startNumber}).animate({numberValue: endNumber}, {
					duration: 4000,
					easing: 'swing',
					step: function() { 
						$(dynamicNumberControl).text(Math.ceil(this.numberValue)); 
					}
				});
			});	
		}
		
	</script>

 

0

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


لینک به پست

خب کد جاوااسکریپت رو که همینطوری باید داخل تگ <head> قرار بدید برای فایل های css هم باید از با کل فولدرهاش داخل فولدر اصلی قالب وردپس تون قرار بدید بعد به همون صورت که گفتم آدرس دهی کنید

مثل زیر

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/effects/style.css" />

 

1

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


لینک به پست
در 3 دقیقه قبل، M.Javad گفته است :

خب کد جاوااسکریپت رو که همینطوری باید داخل تگ <head> قرار بدید برای فایل های css هم باید از با کل فولدرهاش داخل فولدر اصلی قالب وردپس تون قرار بدید بعد به همون صورت که گفتم آدرس دهی کنید

مثل زیر


<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/effects/style.css" />

 

متشکر بابت پاسختون
یعنی کدهای جاوا اسکریپت رو علاوه بر این ک داخل تگ <footer> فایل فوتر هستن ، داخل تگ <head> فایل هدر هم قرار بدم ؟؟
در کل یعنی داخل فایل هدر هم جاوا اسکریپت ها باشن هم سی اس اس ها و داخل فایل فوتر فقط جاوااسکریپت ها ؟؟


برای فایهای سی اس اس هم مثل فرمایشتون عمل کردم .
البته یکی از سی اس اس ها لینک میشد ب یک آدرس دیگه ک الان اون رو هم کنار دوتا سی اس اس آپلود کردم .
 

0

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


لینک به پست

نه دیگه یا توی فوتر بزار یا توی هدر فعلا همشو بزار توی هدر

اگه هم نمیشه طبیعتا باید کلی بررسی بشه قالب شما 

1

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


لینک به پست

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

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

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

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


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

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

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


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