tikabzar

وردپرس
مشکل در نمایش آخرین مطالب سایت وردپرس

7 ارسال در این موضوع قرار دارد

سلام به همه دوستان عزیز

 

دوستان این که رو استایل دادم ولی تصاویر به صورت عمودی نمایش داده میشه.
میشه افقیش کرد ؟

این هم کد 

 

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

 

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


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

درود.

شما میتونید div موجود در خط اول رو یک class جدید بهش بدید و در استایل به اون کلس ، خاصیت display: inline-flex رو بدید.

با اینکار تمامی عناصر موجود داخل div افقی میشن اما میتونید هر تصویر و عنوان رو داخل یک div اضافه قرار بدید و مثل قبل یک کلس اضافه کنید و استایل display: grid رو به اون بدید.

 

در نتیجه تصاویر به صورت افقی ولی اطلاعات زیر تصاویر به صورت عمودی خواهند بود

پسند شده توسط 2 کاربر

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در 10 ساعت قبل، masih1994 گفته است :

درود.

شما میتونید div موجود در خط اول رو یک class جدید بهش بدید و در استایل به اون کلس ، خاصیت display: inline-flex رو بدید.

با اینکار تمامی عناصر موجود داخل div افقی میشن اما میتونید هر تصویر و عنوان رو داخل یک div اضافه قرار بدید و مثل قبل یک کلس اضافه کنید و استایل display: grid رو به اون بدید.

 

در نتیجه تصاویر به صورت افقی ولی اطلاعات زیر تصاویر به صورت عمودی خواهند بود

 

سلام دوست عزیز خیلی ممنون

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


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

دوست عزیز چطور اینو به وردپرس تبدیل کنم ؟

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

ممنون میشم کمکم کنید.

 

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

 

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


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

درود مجدد .

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

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

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

دقت داشته باشید که display:inline-flex نباید داخل حلقه قرار داشته باشه! چرا که اگر داخل حلقه باشه ، با هر بار دریافت یک تصویر ، این استایل هم تکرار میشه و هیچ نوع تاثیری روی نمایش کل تصاویر نداره.

بلکه شما باید یک DIV ثابت خارج از حلقه داشته باشید که استایل display: inline-flex رو داشته باشه .

کدی که باید استفاده کنید این هست :

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

در کد بالا اگر دقت کنید بین <div class="showinline"> تا DIV بعدی فاصله زیادی گذاشتم. <div class="showinline"> باید خارج از حلقه قرار بگیره تا بتونه به طور کلی تمامی تصاویر دریافت شده توسط حلقه رو به صورت افقی نمایش بده.

 

یک مثال با فرمت HTML هم آماده کردم. دریافت کنید و سورس رو مشاهده کنید و همزمان با مرورگر هم بررسی کنید که چطوری باید اینکارو انجام بدید :

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

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در 1 ساعت قبل، masih1994 گفته است :

درود مجدد .

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

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

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

دقت داشته باشید که display:inline-flex نباید داخل حلقه قرار داشته باشه! چرا که اگر داخل حلقه باشه ، با هر بار دریافت یک تصویر ، این استایل هم تکرار میشه و هیچ نوع تاثیری روی نمایش کل تصاویر نداره.

بلکه شما باید یک DIV ثابت خارج از حلقه داشته باشید که استایل display: inline-flex رو داشته باشه .

کدی که باید استفاده کنید این هست :

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

در کد بالا اگر دقت کنید بین <div class="showinline"> تا DIV بعدی فاصله زیادی گذاشتم. <div class="showinline"> باید خارج از حلقه قرار بگیره تا بتونه به طور کلی تمامی تصاویر دریافت شده توسط حلقه رو به صورت افقی نمایش بده.

 

یک مثال با فرمت HTML هم آماده کردم. دریافت کنید و سورس رو مشاهده کنید و همزمان با مرورگر هم بررسی کنید که چطوری باید اینکارو انجام بدید :

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


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

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

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

 

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


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

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

 

مرحله اول

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

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

نکته : سعی کنید تا حد امکان کدهای استایل رو در فایل های CSS قرار بدید نه در فایل های PHP .

نکته 2 : در کد بالا ، اسکرول بار بخش افقی هم یک تغییراتی دادم که در اندازه صفحه نمایش کوچک تر ، به خوبی نمایش داده بشه.

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

 

مرحله دوم

پس از قرار دادن کدهای استایل در جای مناسب ، کد PHP زیر رو دقیقا در مکانی که قصد دارید مطالب دریافت بشه قرار بدید :

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

نکات :

  • در کد PHP بالا در خط دوم مربوط به حلقه دریافت مطالب، می تونید Post Type رو هم تغییر بدید. اما اگر مطالبی که می خواهید دریافت کنید ، در بخش "نوشته ها" منتشر شده اند، Post Type رو روی همون post بگذارید.
  • در همون خط ، عدد 6 مربوط به تعداد مطالب دریافتی هست که می تونید برای دریافت و نمایش مطالب بیشتر ، اون عدد رو زیاد کنید!
  • تصاویر استفاده شده ، از تصاویر شاخص مطالب خواهند بود که به صورت مستقیم لینک اندازه Medium یعنی سایز 300×300 پیکسل استفاده خواهد شد.
  • در بخش توضیحات برای هر تصویر که به صورت هاور نمایش داده میشه ، یک کد استفاده شده که 10 کلمه از توضیحات مطالب رو به صورت هاور نمایش میده. شما می تونید عدد 10 رو کم و زیاد کنید. یا اینکه می تونید کلا بخش توضیحات رو حذف کنید! ولی برای استفاده از کد توضیحات که در کد PHP بالا استفاده کردم ، می بایست حتما کد زیر رو هم در فایل functions.php قالبتون قرار بدید تا این بخش از کد (توضیحات کوتاه برای هر مطلب در هاور) هم نمایش داده بشه :

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

کد Function بالا رو تنها در صورتی در فایل functions.php قرار بدید که قصد استفاده از توضیحات رو دارید. اگر نخواستید کد توضیحات کوتاه رو استفاده کنید ، در کد PHP مخصوص دریافت مطالب باید کد مربوط به توضیحات رو حذف کنید.

 

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

موفق باشید.

پسند شده توسط 1 کاربر

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


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

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

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

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

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


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

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

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


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

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.