سعید شعبانی

تنظیم فونت بر اساس طول عنوان

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

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

و یا اینکه آیا می توان برای عناوین طولانی نیز عنوان خلاصه ای را ساخت؟

0

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


لینک به پست
http://www.willoller.com/limiting-title-and-excerpt-length-with-wordpress/

4

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


لینک به پست

http://www.willoller.com/limiting-title-and-excerpt-length-with-wordpress/

میشه کمی توضیح بدید

0

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


لینک به پست

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

با پی اچ پی میشه .

با تابع strlen میشه تعداد کاراکترها رو گرفت .

یه تابع مینویسم برات


function _the_title($str)
{
if(strlen($str) > 100)
return "<span style='font-size:8pt'>{$str}</span>";
return $str;
}

اگه طول کاراکتر بیشتر از 100 تا بود ، فونت رو 8pt میکنه در غیر اینصورت هیچ تغییری نمیده .

7

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


لینک به پست
و یا اینکه آیا می توان برای عناوین طولانی نیز عنوان خلاصه ای را ساخت؟

با اون آموزشی که لینک دادم عنوان‌های بزرگتر از حد تعیین شده بریده میشن.

فکر می‌کنم آقا رضا راه حلی که دنبالش بودین رو دادن.

2

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


لینک به پست


function _the_title($str)
{
if(strlen($str) > 100)
return "<span style='font-size:8pt'>{$str}</span>";
return $str;
}

از این کد چگونه باید استفاده کنیم؟

0

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


لینک به پست

راستی من فقط می خوهم این عمل فقط در صفحه اصلی انجام شود نه در صفحات دیگر

0

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


لینک به پست

خوب برای اینکه فارسی یونیکد هست یک تغییر کوچیک :

function _the_title($str)
{
if(mb_strlen($str) > 100)
return "<span style='font-size:8pt'>{$str}</span>";
return $str;
}

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

echo _the_title(get_the_title())

3

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


لینک به پست

خوب برای اینکه فارسی یونیکد هست یک تغییر کوچیک :

function _the_title($str)
{
if(mb_strlen($str) > 100)
return "<span style='font-size:8pt'>{$str}</span>";
return $str;
}

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

echo _the_title(get_the_title())

خوب این کدها رو کجا باید قرار بدم؟

0

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


لینک به پست

شما تابع رو یکبار توی فایل فانکشن بذار .

بعد توی حلقه وردپرس به جای استفاده از


the_title()

از


echo _the_title(get_the_title());

استفاده کن

3

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


لینک به پست

چگونه می شود تا این کد را طوری نوشت که برای مثلا برای عنواینی با تعدا کارکاتر های بین 30 تا 40 یک اندازه فونت را انتخاب کنیم و برای عناوینی با کاراکتر های بین 40 تا بی نهایت یک اندازه فونت دیگر را انتخاب کنیم؟

0

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


لینک به پست

دوستان کسی پاسخی برای من ندارد؟

0

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


لینک به پست

همون کد رو شرطش را تغییر بدید:


function _the_title($str) {
if(mb_strlen($str) <= 40)
return "<span style='font-size:10pt'>{$str}</span>";
if(mb_strlen($str) > 40)
return "<span style='font-size:8pt'>{$str}</span>";
return $str;
}

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط sndroid
      سلام
      من یه سایت دو زبانه فارسی و انگلیسی دارم که میخوام برای هر زبان یک فونت خاص داشته باشم برای همین اومدم برای فونت فارسی در پوشه فونت؛ فونت وزیر را اضافه کردم و کدهای مربوط به فونت را در فایل style.css ریختم که کدش رو در زیر گذاشتم و برای تغییر فونت در هر زبان هم کد زیر رو به additional css قالبم اضافه کردم.
      اما مشکل اینجاست فونت فارسی در فایرفکس و اینترنت اکسپلور عوض میشه ولی داخل کروم عوض نمیشه؟ لطفاً راهنمایی کنید که مشکلم از کجاست. لطفاً کامل توضیح بدید چون من تازه کارم و خیلی وارد نیستم با تشکر.
      این کد رو آخر فایل htaccess گذاشتم
      # BEGIN REQUIRED FOR WEBFONTS AddType font/ttf .ttf AddType font/eot .eot AddType font/otf .otf AddType font/woff .woff <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> # END REQUIRED FOR WEBFONTS این کد رو در style گذاشتم:
      @font-face { font-family: 'Vazir'; src: url('fonts/Vazir.eot'); src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('fonts/Vazir.woff2') format('woff2'), url('fonts/Vazir.woff') format('woff'), url('fonts/Vazir.ttf') format('truetype'); font-weight: normal; } این کد رو هم به قسمت به add css قالب
      .module.right:lang(en), .module-group.right:lang(en) { float:right; font-family: Open Sans !important; letter-spacing: 0px !important; } .module.right:lang(fa), .module-group.right:lang(fa) { float:right; font-family: Vazir !important; letter-spacing: 0px !important; } div:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } div:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:25px; margin-bottom:10px; } input:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; direction:ltr; } input:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; direction:rtl; } .nav-container:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .nav-container:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; } p:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } p:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:40px; margin-bottom:20px; } .grve-testimonial-content:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .grve-testimonial-content:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } a:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } a:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h3:lang(en),h2:lang(en),h1:lang(en),h4:lang(en),h5:lang(en),h6:lang(en),h7:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } h3:lang(fa), h2:lang(fa),h1:lang(fa), h4:lang(fa),h5:lang(fa), h6:lang(fa),h7:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h1:lang(en), .grve-h1:lang(en), #grve-theme-wrapper:lang(en) .grve-modal:lang(en) .grve-search:lang(en) input[type='text']:lang(en), .grve-dropcap:lang(en) span:lang(en), p.grve-dropcap:lang(en):first-letter { font-family: Open Sans !important; letter-spacing: 0px !important; } h1:lang(fa), .grve-h1:lang(fa), #grve-theme-wrapper:lang(fa) .grve-modal:lang(fa) .grve-search:lang(fa) input[type='text']:lang(fa), .grve-dropcap:lang(fa) span:lang(fa), p.grve-dropcap:lang(fa):first-letter { font-family: Vazir !important; letter-spacing: 0px !important; } .showcase-single :lang(en) .zoom-line:lang(en) .zoom-line-caption-inner:lang(en) .zoom-line-title-inner:lang(en) { letter-spacing: 0px !important; } .showcase-single :lang(fa) .zoom-line:lang(fa) .zoom-line-caption-inner:lang(fa) .zoom-line-title-inner:lang(fa) { letter-spacing: 0px !important; } body:lang(en) { letter-spacing: 0px !important; } body:lang(fa) { letter-spacing: 0px !important; } span:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } span:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight: bold ; }  
    • توسط miraziz
      سلام. دوستان در ویرایشگر جدید وردپرس، گوتنبرگ، اگر حالت code editor را انتخاب کنید می بینید که برای متن های فارسی فونت را به صورت پیش فرض در نظر گرفته‌اند که نامناسب است. کسی می‌داند چگونه می‌توان آن فونت را تغییر داد؟
      یکی هم در همین محیط ویرایشگر گوتنبرگی بسیاری از گزینه‌ها در وردپرس 5.3 ترجمه نشده‌اند! آیا اطلاع دارید که در آپدیت بعدی ترجمه خواهند شد؟
    • توسط Borzou
      سلام دوستان
      من حدود 1 ماهه که قالب سایتم رو تغییر دادم و این مشکل برام پیش اومده و عنوان سایتم هم در اول و هم در آخر جستجوهای گوگل نمایش داده میشه در صورتی که من عنوان سایت گذاشتم قسمت آخر.
      @Morteza
      @mehran-b
      چطور میشه این مسئله رو حل کرد؟  تنظیمات yoast  رو تنظیم کردم و مشکلی نداشت. تصویر پیوست شده.
      سایت First90day.ir
      تنظیمات نوشته ها و برگه ها هردو به صورت زیر تنظیم شده. اما مطابق تصویر ی که پیوست کردم نمایش میده.
      مشکل از کجاست؟

    • توسط Borzou
      سلام دوستان
      من حدود 1 ماهه که قالب سایتم رو تغییر دادم و این مشکل برام پیش اومده و عنوان سایتم هم در اول و هم در آخر جستجوهای گوگل نمایش داده میشه در صورتی که من عنوان سایت گذاشتم قسمت آخر.
      چطور میشه این مسئله رو حل کرد؟  تنظیمات yoast  رو تنظیم کردم و مشکلی نداشت. تصویر پیوست شده.
      تصویر مربوطه
    • توسط saeed313
      سلام
      من دوتا دامنه روی سایتم هست وقتی با دامنه اول سایت را باز میکنم فونت دلخواه خودم هست ولی وقتی با دامنه دوم وارد میشم فونت تغییر میکنه
      علتش چیه؟باید چکار کنم تا با دامنه دوم،همون فونت دامنه اول نمایش بده؟