رفتن به مطلب

نحوه اضافه کردن سرتیتر و زیر تیتر


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

سلام دوستان وقت بخیر چطوری میشه سرتیتر و زیر تیتر رو به محیط مدیریت و صفحه اضافه کرد ؟

و اینک چطوری میشه این صفحه رو مثل عکس ارسالی کرد

مثلا مثل این سایت بشه :  لینک ها تنها برای اعضای سایت قابل نمایش است.

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

طبیعتا باید متن ها رو تکه تکه وارد کنید. برای اینکار میتونید از زمینه دلخواه (افزونه ACF) استفاده کنید.

برای قسمت چکیده خبر هم میتونید از تابع the_excerpt استفاده کنید. یا اگر میخواهید متنی که در اون قسمت چکیده نمایش داده میشه به دلخواه نویسنده باشه، میتونید برای اون قسمت هم از زمینه دلخواه استفاده کنید.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 3 ساعت قبل، Masih گفته است :

درود.

طبیعتا باید متن ها رو تکه تکه وارد کنید. برای اینکار میتونید از زمینه دلخواه (افزونه ACF) استفاده کنید.

برای قسمت چکیده خبر هم میتونید از تابع the_excerpt استفاده کنید. یا اگر میخواهید متنی که در اون قسمت چکیده نمایش داده میشه به دلخواه نویسنده باشه، میتونید برای اون قسمت هم از زمینه دلخواه استفاده کنید.

خوب الان افزونه ACF رو نصب کردم ولی چطوری میشه این سرتیتر و رو تیتر رو براش تعریف کرد ؟

مثلا الان اینو گذاشتم ولی تو صفحه برگه نیس

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بعد از تعریف زمینه دلخواه مورد نیاز، کد زیر رو ویرایش کنید و داخل فایل single.php و مکانی که قصد دارید این روتیتر نمایش داده بشه قرار بدید :

<?php the_field( "up_title" ); ?>

و بجای up_title باید نام زمینه دلخواه ساخته شده رو وارد کنید.

مکانش هم طبق تصویری که دادید بالای تابع the_title در فایل single.php هست.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 20 دقیقه قبل، Masih گفته است :

بعد از تعریف زمینه دلخواه مورد نیاز، کد زیر رو ویرایش کنید و داخل فایل single.php و مکانی که قصد دارید این روتیتر نمایش داده بشه قرار بدید :


<?php the_field( "up_title" ); ?>

و بجای up_title باید نام زمینه دلخواه ساخته شده رو وارد کنید.

مکانش هم طبق تصویری که دادید بالای تابع the_title در فایل single.php هست.

فک کنم این افزونه ACE خیلی از منابع استفاده میکنه یهویی سایت رفت رو ارور 508 برای هاست اشتراکی

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

افزونه ACF که مصرف چندانی نداره. به شخصه برای مشتری روی ضعیف ترین منابع کار کردم تاحالا مشکلی از لحاظ میزان مصرف براشون پیش نیومده .

اگه می بینید مشکل سازه براتون، می تونید بجاش از زمینه دلخواه داخلی وردپرس یا متاباکس ( Metabox ) استفاده کنید و این دو بخش رو ایجاد کنید.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 48 دقیقه قبل، Masih گفته است :

افزونه ACF که مصرف چندانی نداره. به شخصه برای مشتری روی ضعیف ترین منابع کار کردم تاحالا مشکلی از لحاظ میزان مصرف براشون پیش نیومده .

اگه می بینید مشکل سازه براتون، می تونید بجاش از زمینه دلخواه داخلی وردپرس یا متاباکس ( Metabox ) استفاده کنید و این دو بخش رو ایجاد کنید.

مسیح جان فیلد ایمیج هم همین کد نوشته براش بنویسم؟

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

آقا من درستش کردم سر تیتر و زیر تیتر 

اما یه مشکلی هست میخواستم عکس هم بزارم عکس بصورت بزرگ تر اما در قالب تصویر شاخص رو post_thumbnail بر میداره خواستم بپرسم این تصویر رو میشه بزرگتر کرد ؟

بعد این قسمتو چطوری میشه مثل عکس زیر کرد !؟

این کدو داره  ولی CSSش هر کاری میکنم نماانم چطوری مثل اون عکس دستنویس بکنمش یعنی عکس بیاد سمت چپ ، اول سرتیتر بعد تیتر بعد زیر تیر همش در یک صفحه

 

یعد اینک تو زمینه دلخواه تصویر میزارم تصویرو یه جوری آرایه ای نشان میده عکس اخر

        <div class="post"> <span class="roo-titr"><?php the_field( "rotitr_kl" ); ?></span>
          <h1 class="post-title"><a href="https://go.20script.ir/index.php?url=<?php the_permalink(); ?>"><?php the_title();?></a></h1>
		   <div class="post"> <span class="roo-titr2"><?php the_field( "zirtitr_kl" ); ?></span>
	
        <?php if(has_post_thumbnail()){ ?>
		  <a class="post-thumb" href="https://go.20script.ir/index.php?url=<?php the_permalink(); ?>"><img src="<?php $image=wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'); echo $image[0];?>" alt="<?php the_title(); ?>"></a>
		<?php } ?>

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

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

add_action( 'after_setup_theme', 'masih_theme_setup' );
function masih_theme_setup() {
	add_image_size( 'bistscript', 300, 200, true );
}

add_filter( 'image_size_names_choose', 'masih_define_img' );
function masih_define_img( $sizes ) {
    $custom_sizes = array(
        'bistscript' => 'Single IMG'
    );
    return array_merge( $sizes, $custom_sizes );
}

 

بعد کد زیر رو دقیقا با کدی که در پاسخ قبلیتون دادید جایگزین کنید.

<div class="post"> 
<div class="singletopo">
<div class="singletopodet">
<span class="roo-titr"><?php the_field( "rotitr_kl" ); ?></span>
<h1 class="post-title"><a href="https://go.20script.ir/index.php?url=<?php the_permalink(); ?>"><?php the_title();?></a></h1>
<span class="roo-titr2"><?php the_field( "zirtitr_kl" ); ?></span>
</div>
<?php if(has_post_thumbnail()){ ?>
 <div class="singlepostimag"><a class="post-thumb" href="https://go.20script.ir/index.php?url=<?php the_permalink(); ?>"><img src="<?php $image=wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'bistscript'); echo $image[0];?>" alt="<?php the_title(); ?>"></a></div>
<?php } ?>
</div>

 

بعد کدهای زیر رو در یک فایل CSS قالبتون قرار بدید :

.singletopo {width: 830px;max-width: 100%;}
.singletopodet {float: left;width: 60%;}
.roo-titr2 {background: #f9f9f9;padding: 6px;border-radius: 2px;}
.singlepostimag .post-thumb {float: right !important;}
.singlepostimag img {width: 300px;height: 200px;}
@media screen and (max-width: 480px) {
    .singletopodet {width: 100%;}
}
@media screen and (max-width: 320px) {
    .singletopodet {width: 100%;}
}
@media screen and (max-width: 568px) {
    .singletopodet {width: 100%;}
}

 

بعد از اینکار، اول کش مرورگر رو خالی کنید، بعد افزونه لینک ها تنها برای اعضای سایت قابل نمایش است. رو نصب کنید و ازش استفاده کنید تا تصاویر شاخص قبلی مجددا طبق اندازه جدیدی که تعریف کردیم ساخته بشن. و بعد از ساخته شدن تصاویر شاخص در اندازه جدید، میتونید افزونه رو غیرفعال و حذف کنید. چون بعد از این، مطالب جدیدی که ارسال کنید، تصاویر شاخص در اندازه جدید هم ساخته میشن و نیازی به این افزونه نیست.

 

در ضمن دقت داشته باشید که این کدهای CSS ممکنه توی همه دستگاه ها به خوبی نمایش داده نشه. چون رسپانسیو کردن کامل نیاز به آزمون و خطا داره و چون این تغییراتی که گفتم روی Inspector Elements مرورگر انجام شده، باید مدام تغییرات ذخیره و بررسی بشن تا بشه برای همه دستگاه ها مثل موبایل و تبلت و ... در بهترین حالت نمایش قرارش داد. ولی به هرحال با دستور media کار کنید و اندازه ها رو طبق میل خودتون تغییر بدید.

 

نتیجه کار با انجام مراحل بالا، چنین چیزی خواهد بود:

لینک ها تنها برای اعضای سایت قابل نمایش است.

موفق باشید.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

 

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

 

در 2 ساعت قبل، Masih گفته است :

درود.

اول باید یک اندازه

 

موفق باشید.

 

مسیح جان اینطوری شد

لینک ها تنها برای اعضای سایت قابل نمایش است.

بعد این افزونه  و هم پاک کردم تاثیری نداشت

 

 

بعد راستی  نمیشه از اینجا تصویر شاخص اصلی رو پاک کنیم بجاش از افزونه دلخواه استفاده کنیم ؟

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

اگه شاخصم پاک شه این بشه خیلی خوب میشه

چون دستکاریش کنیم شاخص صفحه اول خراب نمیشه ؟

 

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سایتتون باز نمیشه که استایل رو چک کنم.

در ضمن افزونه ای که گفتم رو باید نصب کنید، وارد صفحه گزینه هاش بشید و کلید ساختن تصاویر شاخص رو کلیک کنید تا تصاویر شاخص قبلی با اندازه تعریف شده جدید هم ساخته بشن. اگر تصاویر به خوبی توسط این افزونه ساخته بشن، اون اندازه تصویر مشکلی نخواهد داشت.

در باره اون زیرتیتر که داخل عنوان قرار گرفته، اون هم یک مشکل CSS داره که چون سایتتون در دسترس نیست نمیشه کمکی کرد. اندازه درحال استفاده برای خانه با اینی که ما تعریف کردیم و داریم استفاده میکنیم متفاوت هست و هیچ تأثیری روی تصاویر بخش های دیگه ی سایتتون نمیگذاره.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مسیح فک کنم این تا الان ایراد نداشته

امدم قالبو از نوع نصب کردم بک اپ قبلی رو برگرداندم

بعد منو و تیتر رو دوباره زدم تا الان که مشکلی نداشته فقط از این کد فانکشن آخری میترسم :D

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

مثلا این تصویر شاخصو از صفحه سینگل برداریم بجاش از افزونه دلخواه استفاده کنیم که تصویرم توش باشه ؟ 

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

 

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بلاخره درست شد این

حالا چیدمان اینو چطوری درست کنیم ؟

چون عکس شاخصو در singel پاک کردم بجاش زمینه دلخواه عکس شاخص زدم 

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

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

  1. برای تغییر اندازه تصویر دلخواهتون باید تصویری رو آپلود کنید که دقیقا اندازش همون چیزی باشه که در کدنویسی و محدوده قالبتون تعیین شده
  2. برای تصویر مطلب در بخش های دیگر قالب باید از همون زمینه دلخواه استفاده کنید تا تصاویر در صفحه اصلی، دسته بندی ها و ... هم نمایش داده بشه. مگر اینکه هم تصویر زمینه دلخواه رو استفاده کنید و هم تصویر شاخص.

 

برای چیدمان عناصر هم از همون CSS قبلی استفاده کنید. کمی تغییرات و تعریف Class جدید هم نیاز هست که انجامش بدید باید.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 5 ساعت قبل، Masih گفته است :

درود.

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

  1. برای تغییر اندازه تصویر دلخواهتون باید تصویری رو آپلود کنید که دقیقا اندازش همون چیزی باشه که در کدنویسی و محدوده قالبتون تعیین شده
  2. برای تصویر مطلب در بخش های دیگر قالب باید از همون زمینه دلخواه استفاده کنید تا تصاویر در صفحه اصلی، دسته بندی ها و ... هم نمایش داده بشه. مگر اینکه هم تصویر زمینه دلخواه رو استفاده کنید و هم تصویر شاخص.

 

برای چیدمان عناصر هم از همون CSS قبلی استفاده کنید. کمی تغییرات و تعریف Class جدید هم نیاز هست که انجامش بدید باید.

بابت اندازه تصویر دلخواه مشکلی ندارم براش تعریف کردم در تنظیمات خود زمینه عکس که چقدر باشه تقریبا 200 در 200 هست این مشکلی باهاش نیست.

در خصوص تصویر هم درسته الان تصویر شاخص برای صفحه اصلی جداست.

تصویر شاخص داخل صفحه خبر هم پاک کردم مشکلی نداره برای اینجا هم تصویر مخصوص خودشو که تصویر دلخواهه گذاشتم.

اما الان مشکل CSS دارم باهاش هر چی قبلی ها رو این چند وقت تست کردم نشد که نشد.

مثلا این تیتر رو تغییر میدیم در صفحه اصلیم تغییر میکنه به هم وصله اینا رو چطوری میشه خارج کرد

هر کاری کردم CSS رو نمیتونم مثل این در بیارم تو div و کلاس و span قاطی میکنم

الان من این کلاس ها رو درست کردم براش فقط این چیدمان CSS نمیدانم چطوری هست که کنار هم و زیر هم قرارش میده

کد قبلی رو زدم قاطی کرد.

<div class="pictitr"><img src="<?= get_field('picnews_kl', get_the_ID())['url'] ?>"></div>

<div class="roo-titr"><?php the_field( "rotitr_kl" ); ?></div>

<h1 class="post-title-singel"><a href="https://go.20script.ir/index.php?url=<?php the_permalink(); ?>"><?php the_title();?></a></h1>

<div class="roo-titr2"><?php the_field( "zirtitr_kl" ); ?></div>

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط irmacfa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

کدهایی که قبلا دادم رو مجددا چک کنید. DIV ها و SPAN هایی که براش CSS تعریف کردم رو مجددا روی همین عناصر جدیدتون اعمال کنید. یعنی محدوده کل بخش عناوین و تصویر رو داخل یک div مجزا قرار بدید با همون کلس هایی که در چند پاسخ قبلی بهتون دادم و از همون استایل استفاده کنید.

چیز سختی نیست که بخواهید گیج بشید.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 13 ساعت قبل، Masih گفته است :

کدهایی که قبلا دادم رو مجددا چک کنید. DIV ها و SPAN هایی که براش CSS تعریف کردم رو مجددا روی همین عناصر جدیدتون اعمال کنید. یعنی محدوده کل بخش عناوین و تصویر رو داخل یک div مجزا قرار بدید با همون کلس هایی که در چند پاسخ قبلی بهتون دادم و از همون استایل استفاده کنید.

چیز سختی نیست که بخواهید گیج بشید.

فک کنم درست شد B| دمت گرم مسیح جان

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

آقا یه سوال تو PHP چطوری میشه یه نوشته رو  بصورت پیش فرض کلا گذاشت جلوی یه کد ؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

مثلا این زیر تیتر یه زمینه دلخواه داره با ID بنام roo-titr2 بعد این طوری بشه کلا تو PHP اول کد بنویسیم کلهرنیوز: چطوری میشه نوشت ؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

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

درود.

اگه زمینه دلخواه توسط افزونه ACF نوشته شده، می تونید در بخش ویرایش زمینه، در بخش مقدار پیش فرض یا پیش از خروجی متن مورد نظرتون رو وارد کنید.

اگه می خواهید متنتون دارای تگ های HTML باشه (مثل Bold یا حتی کلس و ...) می تونید اون متن ثابت رو داخل فایل قالبتون، دقیقا قبل از کد تابع دریافت مقدار زمینه دلخواه، وارد کنید. مثلا:

<div class="roo-titr2">کلهر نیوز: <?php the_field( "zirtitr_kl" ); ?></div>

 

 

  • Like 5
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 15 ساعت قبل، Masih گفته است :

درود.

اگه زمینه دلخواه توسط افزونه ACF نوشته شده، می تونید در بخش ویرایش زمینه، در بخش مقدار پیش فرض یا پیش از خروجی متن مورد نظرتون رو وارد کنید.

اگه می خواهید متنتون دارای تگ های HTML باشه (مثل Bold یا حتی کلس و ...) می تونید اون متن ثابت رو داخل فایل قالبتون، دقیقا قبل از کد تابع دریافت مقدار زمینه دلخواه، وارد کنید. مثلا:


<div class="roo-titr2">کلهر نیوز: <?php the_field( "zirtitr_kl" ); ?></div>

 

 

مسیج جان اونی که تو ACF هست فقط برای ادمین نمایشش میده برای تو سایت نشانش نمیده ایا باید تو تگ چیز دیگ ای هم نوشت که بیاد ؟

 

دومی که در صورتی که زیرتیتر هم نباشه هی هستش

 

این اولی اگه بشه خیلی خوبه

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

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

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

در مثال زیر، ابتدا دستور شرطی بررسی میکنه که آیا زیرتیتر وجود داره یا خیر، بعد محتویات رو نمایش میده :

<div class="roo-titr2">
<?php if( get_field( "zirtitr_kl" ) ): ?>
کلهر نیوز: <?php the_field( "zirtitr_kl" ); ?>
<?php endif; ?>
</div>

از این کد بجای کد پاسخ قبلیم استفاده کنید.

اون حالت اول هم که گفتم با یک AddOn به این صفحه اضافه میشه. در حالت پیش فرض شما :پیشوند و پسوند ورودی رو دارید که فقط بعنوان راهنمای کاربر و نویسنده در هنگام وارد کردن اطلاعات استفاده میشه. برای دریافت و نمایش این پسوند و پیشوند باید کدهای ترکیبی و ابتکاری استفاده کرد که حجم کدنویسی زیادی نیاز داره! ولی راحت ترین کار همون استفاده از دستور شرطی هست که در همین پاسخ هم در بالا کدش رو دادم.

  • Like 4
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...