マティの日記☆彡

抜粋を全文表示に

またまたwordpressの話題となりますが、カスタマイズ楽しいです

中身を弄りだしたら、色々わかってきて、今回は抜粋記事になっているトップページをわざわざ全文表示にさせる方法を取ってみました。メニューバーの一番右にあるFull Displayをクリックすると表示できます。

ま、気になる文章だけ見るように抜粋記事になっているわけですが、私的にはたまに、クリック面倒だなと思う事もあるので、同じような方はこちらからご覧ください。しかし、色々な事が出来るのですね～。

それから、写真に枠を表示させるのに、以下のCSSを追加しています。
覚書の為残しておきます。

/* Image borders */
img[class*=”wp-image-“] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border:8px solid #f5f5f5;

/*影を入れる*/
-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
box-shadow: 0 10px 8px -6px #8d8c8c;

}

/* 枠を入れたくない場合個別に指定 */
.post img.border-less {
border: none;
box-shadow: none;
padding: 0;
}

【Twitter Updates for Today】

この、裏側にもびっしりのバナナの処理に途方にくれてます。。 http://t.co/rQzuf9nWEK 13:52:57
長男が夕方ららぽまで旦那に「送ってー」と珍しくお願いして、二人で出掛けたけど、予定が変更になり、結局彼女の自宅近くまで彼女を迎えに行くのに、運転手に使ったみたい。一番驚いたのは、彼女を知らなかった旦那さん笑。 21:07:40

By マティ | 2014-10-05 | Wordpress |

テーマの機能利用して

今使っているwordpressには沢山テーマがありますが、どれが自分に合うか探すのも楽しみであります。

ここ数か月使っているのはAttitudeというテーマですが、スタイルも機能も充実しているようです。使い勝手が良いので使い始めましたが、少しググってみたらその機能の一つにトップページのスライダー機能があり、今回ちょっといい感じだったので使ってみました。

今回お世話になったのはこちらのサイト様です。有難うございました。

その代りヘッダー画像を表示するのはやめ、その代りに使っています。PCでの閲覧でしかその効果は見られないのですが

最近はスマホやタブレットからの閲覧が多くなったのでどうかなとは思いますが、たまに頭を使って色々作業すると楽しいです、あ、頭は余り使っていないか

取り敢えず、しばらくこちらにお世話になろうかしら

By マティ | 2014-10-04 | Wordpress |

絵文字の悩み解消

今、こちらのブログではスマホで見るときに最適化するためプラグイン「WPtouch」を使っていますが、ある時のバージョンアップから絵文字が中央表示されて、なんじゃーってすごく嫌だったのです。でもどうやっても対応できず、絵文字を使うのを出来るだけ控えていたのですね。これね、多分半年以上は悩んでいました

それがねなんと、今日解決

検索の仕方も悪かったのでしょうが、ようやく悩みを解消してくれるサイト様を探し当てました。使っている人は多いはずなのに、なんで検索のトップに引っかからなかったのかしら。不思議…。

教えて下さったサイト様はこちら

そして、教えて下さった方法は以下の方法。

/wp-content/plugins/wptouch/themes/bauhaus/default/bauhaus.js
71行目付近

function bauhausHandlePostImgs(){
var img = jQuery( ‘.post-page-content p img’ );
jQuery( img ).each( function(){
if ( !jQuery( this ).is( ‘.aligncenter, .alignleft, .alignright’ ) ) {
jQuery( this ).addClass( ‘none‘ ); /*defaultは aligncenter*/
}
});
}

上記変更により、絵文字が上に浮いてしまったので
/wp-content/plugins/wptouch/themes/bauhaus/default/style.css
602行あたりに下記を追加。

.post-page-content img {
margin: 0 0 0 0;
}