رفتن به مطلب

بهم ریختگی قسمتی از پوسته


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

سلام خسته نباشید 
امیدوارم در جای درست این موضوع رو عنوان کرده باشم در اولین پستم :D

راستش من یه ساختار html دارم که دو سطر داره و هرکدام هم 3 ستون حالا باید سطر اول تو یه div با یه کلاس خاص (row mt-lg) قرار بگیره و سطر دوم هم تو یه Div با کلاس متفاوت (row mt-md mb-xl) چه جوری میتونم واسه اینا لوپ بزارم ؟
نمخوام که تو 2 دسته جدا بزارم و واسه هرکدوم جدا لوپ بزارم میخوام سطر اول که تموم شد سطر دوم رو تو یه div دیگه با یه کلاس دیگه بندازه 

شاید توضیحم مفهوم نباشه اگه این فایل هارو ببینید بهتره

این ساختار html هست

				
				<div class="container" id="practice-areas">


                  <!-- این سطر اوله به سه ستون -->

					<div class="row mt-lg">
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<img src="img/criminal-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">ثبت برند</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<img src="img/business-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">ثبت شرکت</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<img src="img/health-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">جواز تاسیس</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
					</div>

  
 <!-- این سطر اوله به سه ستون -->
					<div class="row mt-md mb-xl">
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<img src="img/divorce-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">کارت بازرگانی</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<img src="img/capital-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">کد اقتصادی</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<img src="img/accident-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">تغییرات</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>



اینم ساختار php که من گذاشتم 

 

				<div class="container" id="practice-areas">
					<div class="row">
						<div class="col-md-12 center">
							<h2 class="mt-xl mb-none">خدمات مشکات</h2>
							<div class="divider divider-primary divider-small divider-small-center mb-xl">
								<hr>
							</div>
						</div>
					</div>

					<div class="row mt-lg">
						<?php query_posts('cat=15&posts_per_page=6'); ?>
						<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<?php the_post_thumbnail()?>
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm"><?php the_title() ?></h4>
									<p class="text-justify"><?php the_excerpt() ?></p>
									<a class="mt-md" href="<?php echo get_permalink(); ?>">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<?php endwhile; else : ?>
						<p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p>
						<?php endif; ?>
					</div>






				</div>

 

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

سلام خب شما ی متغییر تعریف میکنید به فرض $count که تعداد تکرار حلقه رو بشماره بعد باید ی شرط بزارین روی این تعداد که اگه مساوی و کوچکتر از 3 بود وارد ردیف اول بشه و اگه بیشتر بود وارد ردیف دوم بشه ! اگه نیاز بود بگید با کد بگم ! ولی اول سعی کنید بعد بگید اگه نشد

لینک به ارسال

خودتون ی تلاش بکنید ولی .....

<?php query_posts('cat=15&posts_per_page=6'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?>
<?php if ( $count <= 3 ): ?>
 ////radife 1
<?php endif; ?>

<?php if ( $count > 3 ): ?>
//// radife 2
<?php endif; ?>


<?php endwhile; else : ?>
<p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p>
<?php endif; ?>

 

لینک به ارسال
در 41 دقیقه قبل، RedPlus گفته است :

خودتون ی تلاش بکنید ولی .....


<?php query_posts('cat=15&posts_per_page=6'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?>
<?php if ( $count <= 3 ): ?>
 ////radife 1
<?php endif; ?>

<?php if ( $count > 3 ): ?>
//// radife 2
<?php endif; ?>


<?php endwhile; else : ?>
<p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p>
<?php endif; ?>

 

بازهم ممنون از لطف شما من واقعا مبتدی هستم و تازه دارم شروع به یادگیری می کنم میشه اگر امکانش هست کد html بنده رو داخل این توابع بزارید من طبق فرمایشات شما پیش رفتم ولی نتیجه نگرفتم !!
من میخوام 3 تا div اول که کلاس col-md-4 داره بیفته داخل div با کلاس row mt-lg و این کلاس بسته شه و بعد 3 تا div بعدی بازهم با کلاس col-md-4 این دفعه بیفته تو div بعدی که کلاس row mt-md mb-xl داره

لینک به ارسال
در 16 ساعت قبل، Sinapars گفته است :

بازهم ممنون از لطف شما من واقعا مبتدی هستم و تازه دارم شروع به یادگیری می کنم میشه اگر امکانش هست کد html بنده رو داخل این توابع بزارید من طبق فرمایشات شما پیش رفتم ولی نتیجه نگرفتم !!
من میخوام 3 تا div اول که کلاس col-md-4 داره بیفته داخل div با کلاس row mt-lg و این کلاس بسته شه و بعد 3 تا div بعدی بازهم با کلاس col-md-4 این دفعه بیفته تو div بعدی که کلاس row mt-md mb-xl داره

دوستان دیگر هم اگر امکانش هست لطفا راهنمایی بفرمایید 
با تشکر

لینک به ارسال
			
				<div class="container" id="practice-areas">

                  <!-- این سطر اوله به سه ستون -->
					<div class="row mt-lg">
					<?php query_posts('cat=15&posts_per_page=6'); ?>
					<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?>
						<?php if ( $count <= 3 ): ?>

						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<img src="img/criminal-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">ثبت برند</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<?php endwhile; ?>
						<?php endif; ?>
					</div>
					
 <!-- این سطر اوله به سه ستون -->
					<div class="row mt-md mb-xl">
					<?php if ( $count > 3 ): ?>

						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<img src="img/divorce-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">کارت بازرگانی</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
					<?php endwhile; ?>
					<?php endif; ?>
					</div>
				</div>
				<?php else : ?>
				<p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p>
				<?php endif; ?>

حدودا ی همچین چیزی میشه البته شاید این کار نده اشتباه باشه

ی شرط دیگه اون وسط میخواد اینطوری که نوشتم که row  جدید واسه ردیف دوم  فقط یک دفعه ساخته بشه  الان 3 دفعه ساخته میشه  ی شرط دیگه بزارید اگه دفعه سوم بود فقط  ....

 

ی روش دیگه هم میشه دو تا while  بزارید این شزط وسطی رو هم نمیخواد ....

while اول 1 تا 3 رو چاپ کنه while  دوم 4 تا 6 ....

 

لینک به ارسال
در 24 دقیقه قبل، RedPlus گفته است :

			
				<div class="container" id="practice-areas">

                  <!-- این سطر اوله به سه ستون -->
					<div class="row mt-lg">
					<?php query_posts('cat=15&posts_per_page=6'); ?>
					<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?>
						<?php if ( $count <= 3 ): ?>

						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
								<div class="feature-box-icon">
									<img src="img/criminal-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">ثبت برند</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
						<?php endwhile; ?>
						<?php endif; ?>
					</div>
					
 <!-- این سطر اوله به سه ستون -->
					<div class="row mt-md mb-xl">
					<?php if ( $count > 3 ): ?>

						<div class="col-md-4">
							<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<img src="img/divorce-law.png" alt="" />
								</div>
								<div class="feature-box-info ml-md">
									<h4 class="mb-sm">کارت بازرگانی</h4>
									<p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p>
									<a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a>
								</div>
							</div>
						</div>
					<?php endwhile; ?>
					<?php endif; ?>
					</div>
				</div>
				<?php else : ?>
				<p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p>
				<?php endif; ?>

حدودا ی همچین چیزی میشه البته شاید این کار نده اشتباه باشه

ی شرط دیگه اون وسط میخواد اینطوری که نوشتم که row  جدید واسه ردیف دوم  فقط یک دفعه ساخته بشه  الان 3 دفعه ساخته میشه  ی شرط دیگه بزارید اگه دفعه سوم بود فقط  ....

 

ی روش دیگه هم میشه دو تا while  بزارید این شزط وسطی رو هم نمیخواد ....

while اول 1 تا 3 رو چاپ کنه while  دوم 4 تا 6 ....

 

ممنون از لطف و محبت شما ولی اینم جواب نداد مجبورم شدم با css درست کنم ...

دو تا سوال دیگه داشتم چطوری میتونم به یه تابع مثل <?php the_excerpt() ?> که یه تگ p تولید میکنه استایل css بدم ؟ میشه تو همین تابع تعریف کرد که مثلا text-align="right" مثلا ؟
چون وقتی داخل تگ p هم میندازم اصلا در نظر نمیگیره .... (میدونم با css میشه فقط واسه یادگیری میخوام بدونم امکان استایل دهی به همچین تابع هایی هست ؟)

سوال دوم اینکه وقتی از ابزارک ها استفاده میکنیم خودش یه div تولید میکنه با یه کلاس خاص میشه این div یا کلاس رو کنترل کرد ؟ که مثلا به جای div ul باشه یا بشه کلاسش رو عوض کرد ؟

پیشاپیش از پاسخ شما سپاسگزارم

ویرایش شده توسط Sinapars
لینک به ارسال
در 7 دقیقه قبل، Sinapars گفته است :

دو تا سوال دیگه داشتم چطوری میتونم به یه تابع مثل <?php the_excerpt() ?> که یه تگ p تولید میکنه استایل css بدم ؟ میشه تو همین تابع تعریف کرد که مثلا text-align="right" مثلا ؟
چون وقتی داخل تگ p هم میندازم اصلا در نظر نمیگیره .... (میدونم با css میشه فقط واسه یادگیری میخوام بدونم امکان استایل دهی به همچین تابع هایی هست ؟)

بهتر جدا پرسیده بشه ... ولی نه خود این توابع این قابلیت رو ندارن چون به نظرم نیاز هم نیست شما the_excerpt بزارید توی div حالا نسبت به div p توی css هرکاریمیخواین بکنید.... اما میتونید خودتون ی تابع دیگه بنویسید به این ضورت به p کلاس بدین و اینو استفاده کنید دیگه

function  wpc_custom_excerpt ( excerpt $ )  { 
	$ excerpt  =  str_replace (  "<p" ,  "<p class = \" classname \ "" ,  $ excerpt  ) ; 
 	return  $ excerpt ; 
} 
add_filter ( 'the_excerpt' ,   'wpc_custom_excerpt' ) ;

 

در 12 دقیقه قبل، Sinapars گفته است :


سوال دوم اینکه وقتی از ابزارک ها استفاده میکنیم خودش یه div تولید میکنه با یه کلاس خاص میشه این div یا کلاس رو کنترل کرد ؟ که مثلا به جای div ul باشه یا بشه کلاسش رو عوض کرد ؟

بله امکانش هست توی قالب باید کد معرفی و ساخت ابزارک پیدا کنید و تغییرات لازم توش ایجاد کنید معمولا توی فایل functions.php هست ی همچین کدی هست :

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => 'right-sidebar',
'description'   => 'ناحیه قرار گیری ابزارک های شما',
'before_widget' => '<div id="left-sidebar"><div>',
'after_widget'  => '</div></div>',
'before_title'  => '<h3>',
'after_title'   => '</h3>',
));
?>

 

لینک به ارسال

البته اینو هم بگم کسی هم که ابزارک رو نوشته منظورم به فرض ابزارک اخرین مطالب سایت این کد هاش جدا از این میشه باید برید کد ویجت رو تغییر بدین

این بدنه اصلی سایدبار مشخص میکنه محتویات داخلش دیگه مربوط میشه به ویجت نوشته شده

لینک به ارسال
در 1 دقیقه قبل، RedPlus گفته است :

بهتر جدا پرسیده بشه ... ولی نه خود این توابع این قابلیت رو ندارن چون به نظرم نیاز هم نیست شما the_excerpt بزارید توی div حالا نسبت به div p توی css هرکاریمیخواین بکنید.... اما میتونید خودتون ی تابع دیگه بنویسید به این ضورت به p کلاس بدین و اینو استفاده کنید دیگه


function  wpc_custom_excerpt ( excerpt $ )  { 
	$ excerpt  =  str_replace (  "<p" ,  "<p class = \" classname \ "" ,  $ excerpt  ) ; 
 	return  $ excerpt ; 
} 
add_filter ( 'the_excerpt' ,   'wpc_custom_excerpt' ) ;

 

بله امکانش هست توی قالب باید کد معرفی و ساخت ابزارک پیدا کنید و تغییرات لازم توش ایجاد کنید معمولا توی فایل functions.php هست ی همچین کدی هست :


<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => 'right-sidebar',
'description'   => 'ناحیه قرار گیری ابزارک های شما',
'before_widget' => '<div id="left-sidebar"><div>',
'after_widget'  => '</div></div>',
'before_title'  => '<h3>',
'after_title'   => '</h3>',
));
?>

 

آره تو فاکشن دارم همچین چیزی ولی خوب اینا المنت های خو منه که اینارو مثلا اگه من متن بزارم داخل ابزارک میندازه داخل یه div با کلاس  textwidget منظورم اینه که اینی که خودش تولید میکنه رو میشه تغییر داد ؟

لینک به ارسال

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

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

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

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

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

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

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

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

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