日々成長する小学生・中学生・高校生の娘たちを持つずぼらママの子育てブログ。

6歳差姉妹のEnjoyLife

サイトの話あれこれ

Max-magazine カスタマイズ6;カルーセルのタイトル文字数を変更&カルーセル部分の高さを調節

更新日:

このテーマの最初に入っているスライダー部分は、写真がゆがんで表示されるので、今のところ私は表示しないことに。(外観→Themeoptionから選択できます)

スライダー部分をなくしたことで、一番上に表示されるようになったカルーセル。
このカルーセル部分に読み込まれるタイトル名の文字数が少なくすぐに「…」表示されるので、その変更。

「include」フォルダ内「carousel.php」内 l60付近

// display only first 22 characters in the title.
$short_title = substr(the_title('','',FALSE),0,22);
echo $short_title;
if (strlen($short_title) -->21){

の表記を

// display only first 40 characters in the title.
$short_title = mb_substr(the_title('','',FALSE),0,40);
echo $short_title;
if (mb_strlen($short_title) >30){

に変更。
なんとなしタイトル名が長めに入るようになりました。

これに伴い、抜粋記事が入りきらなくなったので、コメント表示を消してみました。

<span class="sep">-<!--?php comments_popup_link( __('no comments', 'max-magazine'), __( '1 comment', 'max-magazine'), __('% comments', 'max-magazine')); ?--></span>

をそのまま消しちゃいました。

カルーセル部分の高さをcssで変更
style.cssのcarousel部分

#carousel .carousel-posts li {
width:190px;
height:315px;←ここ
list-style:none;
margin:0;
margin-right:26px;
float:left;

-サイトの話あれこれ
-,

Copyright© 6歳差姉妹のEnjoyLife , 2018 All Rights Reserved Powered by AFFINGER5.