Sinapars 0 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 (ویرایش شده) سلام خسته نباشید امیدوارم در جای درست این موضوع رو عنوان کرده باشم در اولین پستم راستش من یه ساختار 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> ویرایش شده بهمن 95 توسط Sinapars نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 سلام خب شما ی متغییر تعریف میکنید به فرض $count که تعداد تکرار حلقه رو بشماره بعد باید ی شرط بزارین روی این تعداد که اگه مساوی و کوچکتر از 3 بود وارد ردیف اول بشه و اگه بیشتر بود وارد ردیف دوم بشه ! اگه نیاز بود بگید با کد بگم ! ولی اول سعی کنید بعد بگید اگه نشد 1 نقل قول لینک به ارسال
Sinapars 0 ارسال شده در بهمن 95 مالک گزارش بازنشر ارسال شده در بهمن 95 ممنون از لطف و پاسخ شما اگر امکانش باشه نمونه کد بزارین خیلی ممنون میشم نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 خودتون ی تلاش بکنید ولی ..... <?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; ?> 1 نقل قول لینک به ارسال
Sinapars 0 ارسال شده در بهمن 95 مالک گزارش بازنشر ارسال شده در بهمن 95 در 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 داره نقل قول لینک به ارسال
Sinapars 0 ارسال شده در بهمن 95 مالک گزارش بازنشر ارسال شده در بهمن 95 در 16 ساعت قبل، Sinapars گفته است : بازهم ممنون از لطف شما من واقعا مبتدی هستم و تازه دارم شروع به یادگیری می کنم میشه اگر امکانش هست کد html بنده رو داخل این توابع بزارید من طبق فرمایشات شما پیش رفتم ولی نتیجه نگرفتم !! من میخوام 3 تا div اول که کلاس col-md-4 داره بیفته داخل div با کلاس row mt-lg و این کلاس بسته شه و بعد 3 تا div بعدی بازهم با کلاس col-md-4 این دفعه بیفته تو div بعدی که کلاس row mt-md mb-xl داره دوستان دیگر هم اگر امکانش هست لطفا راهنمایی بفرمایید با تشکر نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 <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 .... 1 نقل قول لینک به ارسال
Sinapars 0 ارسال شده در بهمن 95 مالک گزارش بازنشر ارسال شده در بهمن 95 (ویرایش شده) در 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 باشه یا بشه کلاسش رو عوض کرد ؟ پیشاپیش از پاسخ شما سپاسگزارم ویرایش شده بهمن 95 توسط Sinapars نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 در 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 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 البته اینو هم بگم کسی هم که ابزارک رو نوشته منظورم به فرض ابزارک اخرین مطالب سایت این کد هاش جدا از این میشه باید برید کد ویجت رو تغییر بدین این بدنه اصلی سایدبار مشخص میکنه محتویات داخلش دیگه مربوط میشه به ویجت نوشته شده 1 نقل قول لینک به ارسال
Sinapars 0 ارسال شده در بهمن 95 مالک گزارش بازنشر ارسال شده در بهمن 95 در 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 منظورم اینه که اینی که خودش تولید میکنه رو میشه تغییر داد ؟ نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در بهمن 95 گزارش بازنشر ارسال شده در بهمن 95 خوب اره اون هم میشه ، پوشه ویجت های خود وردپرس تو این آدرس هست : wp-includes\widgets 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .