IT関連

WordPress 超簡単 Stinger8のトップページのサムネ画像を大きくする

投稿日:2020年11月24日 更新日:

日々愛用させて頂いております、ワードプレスの無料テーマ「Stinger8」

まさに今、皆さまがご覧になっているブログの見た目を司るものです。

 

ここまで使いやすいのに、無料で開示して下さっているのは心より感服いたします。

ブログを作ってみようと思った方、ぜひStinger8をお試しくださいませ。

 

ところで私のブログのトップページの画像、少し大きくなったと思いませんか?

サムネイル画像と言うのですが、確かに少し大きくしました。

前の画像は100X100だったので少し見にくかったのですが、150X150に変更しました。

 

実はこれ、簡単にできますので、情報共有させていただきます。

自分で触りながら大きさを調整したので、自己責任でお願いします。

尚、スマホやタブレットの表示は変わりません。

 

設定画面を開く

  1. WordPressの管理画面を開く
  2. 「外観」からの「テーマの編集」をクリックする
  3. テーマの編集画面になります
  4. STINGER8: スタイルシート (style.css)になっていることを確認します。

なっていなければ、右に404テンプレートなどズラズラ並んでいる一番下の方に、

スタイル

スタイルシート
(style.css)

とあるのを、クリックしてください。

 

コードを修正する

3ヶ所ほどコードを修正します。簡単なのですぐ済みますのでご安心を。

但し、環境によっては表示がおかしくなることもゼロではないので、すぐに戻せるように心構えだけしておいて下さい。

 

imgのmax-widthをコメントアウトする

一番上から少しスクロールしたところに下記のような記述があります。

このmax-width: 100%を下記のように直してください。

一番上のmax-widthを/* */で囲うだけです。

これをコメントアウトといい、プログラムコードから除外し、コメント(メモ)としてコンピュータに認識させる処理です。

こうすることによりmax-width :100%を無効化します。

 

.kanren dt imgをコメントアウトする

一番上から1/3ほどスクロールしたところにあります。

これを

にします。

 

.kanren ddの数値を変更する

先ほどの.kanren dt imgのすぐ下にあります。

これを

こうします。

単純に115を170に上書きしても構いませんが、すぐに元に戻せるようにするためにも、元の値をコメントアウトで残しておく方が無難です。

 

ファイルを更新ボタンを押す

コードを3ヶ所直したら一番下にある青い「ファイルを更新」ボタンを押してください。

これで作業は終了です。

 

表示を確認してください

念のためきちんと画像がされているかご自身の環境をご確認ください。

PC、タブレット、スマホ、管理画面、念のため全て見ておいて下さい。

 

もし表示が変わらなければ

スーパーリロードしてください。

昔のインターネットエクスプローラーだと「Ctrl」+「F5」

グーグルクロームだと「Ctrl」+「Shift」+「R」

です。

 

画面が変になった場合

変更した箇所の記述が正しいかご確認ください。

 

私の環境では特に問題はありませんでしたが、もしどうしても上手くいかない場合は、上記で行った作業を戻してください。

混乱すると誤って別の箇所を触り、何を変更したのか判らなくなってドツボにハマりますので慎重に作業ください。

 

最後に

記事は以上です。

 

皆さま楽しいブログライフをお過ごしください。

ご覧下さりありがとうございました。

よろしければ別の記事もご覧ください。

スポンサーリンク




スポンサーリンク




-IT関連
-

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

no image

Windows 自PCのXAMPPテスト環境に別PCからアクセスする

会社で自分のPCにXAMPPを入れて、テスト用Webサーバにしています。   バーチャルホストにしているので、通常の80とは別に5つほどポートを割り当てている。   ある日上司から …

AS400/IBMi DBCSでないフィールドの文字化け

PHPでデータを引っ張る際、お決まりの  

  をしているのだが、今回引っ張った文字がなぜか文字化けしていた。 & …

AS400/IBMi 8桁の日付を6桁で比較する

すみません、これは自分の備忘録です。 ゴミなので無視してください。   DDS 入出力 STR(6桁)   C仕様書 初期値にZ-ADD 20000000 STRWRK 80 これ …

AS400/IBMi AS400からPDFをダイヤログを出さずに画面上に表示

この記事は以前成功したときの備忘録を一応取っておくだけのもので、現在は使っていません。 このやり方は設定の手順も多いですし、DocuWorksに吐き出した方が編集もできて便利です。   ドキ …

Linux CentOS サーバコマンド 備忘録

PHPのバージョンを調べる

  インストールされてるPHPを調べる [crayon-607b1b724d0cc9584835 …

Adsense広告




文字で検索

人気記事

なぜだか人気記事

読んでほしい順に