自分プロデュース。セルフブランディングを応援する
ブランディングホームページ制作・WEBサイト制作のShape Dream(シェイプドリーム)

「夢「考えを形あるものに。

当サイトへのお問合せは、下記「お問合せ」よりお問合せをお願いいたします。

お問合せはこちら


WordPressプラグインWPtouchのサムネイルをカスタマイズ



WPtouchの管理画面でサムネイル表示設定をすると、サムネイルが鏡のように、反対側にも表示されます。

サムネイルイメージ – ブランディングホームページ作成・Webサイト制作のShape Dream(シェイプドリーム)

 

私のページはグラフィックな感じではないので、これを削除するために、サムネイルのスタイルを下記に修正しました。

「wp-content」→「plugins」→「wptouch」→「themes」を開きます。

そこで、前回投稿したように、オリジナル用のフォルダを開きます。

オリジナルなるフォルダに入っているデータは下記になります。

・comments.php
・footer.php
・functions.php
・header.php
・index.php
・page.php
・single.php
・style.css

スタイルを調整するので、「style.css」をエディタなどで開きます。

その中に、「wptouch-post-thumb-wrap」というクラスがあります。2230行くらいにあります。

(変更前)
.wptouch-post-thumb-wrap {
position: relative;
margin-right: 8px;
display: block;
margin-bottom: 4px;
width: 46px;
height: 46px;
float: left;
}

こんな感じに変更しました。

(変更後)
.wptouch-post-thumb-wrap {
position: relative;
margin-right: 8px;
display: block;
margin-bottom: 4px;
width: 46px;
height: 46px;
float: left;
overflow:hidden;
}

「overflow:hidden;」を設定することで、ボックスからはみ出た部分は非表示設定になります。

もしかしたら、PHPを修正して、他にも設定方法があるのかもしれませんが、一番簡単でわかりやすい方法かなと思います(・∀・)

 

あと、「wptouch」のプラグインスタイルは、至るところにシャドウ(影)が入っているので、これは、全削除しましたw

それだけでも、グラフィックデザインから、ポップデザインに変えれるかなと思います(*^_^*)




コメントを残す

(※大変申し訳ありませんが、コメント投稿のスパムチェックのため、確認してから公開させていただいております。)