STINGER8:ページャー表示の修正

投稿日:2020/03/27 更新日:

解決してみた

早速だが、解決方法。

ここに至るまで実際には、何をどう修正すればよいか?を探り当てるのにテーマのソースファイルをあちこち眺めていたりしたのだが、それを書いているとまた長~くなりそうなので簡潔に。

STINGER8 Child の style.css に以下のコードを貼り付けて「ファイルを更新」をクリック。

/*----- ページャー設定 -----*/
.st-pagelink .page-numbers {
	box-sizing:border-box;
	padding:3px 10px 15px 10px;
	height:28px;
}


STINGER8:修正後のページャー表示
STINGER8:修正後のページャー部分のアップ


キャッシュが残っていると設定が反映されない場合もあるので、うまくいかないときはサーバーのキャッシュやブラウザのキャッシュをクリアを試すべし。


ネットで調べてみた

前述の手法で修正したあと、改めて他の人がどんな風に対応しているのかも調べてみたが、下記のように box-sizing を content-box に設定するのが一般的なようである。

/*----- ページャー設定 -----*/
.st-pagelink .page-numbers {
    box-sizing: content-box;
}

確かにこの方がスマートなので、修正するならこちらをお勧め。


最後に

STINGER8の今のバージョンが公開されたのは2017年。

開発者殿の主力は有料の STINGER Pro2 とそのお試し版の STINGER PLUS2 だと思うので、今さら STINGER8 に手が入る事は無いだろうと思う。

まあ、STINGER8 の紹介文にも・・・・・


STINGER8は無駄なものを一切排除した骨組みのみのシンプルなテーマです。自身で一からカスタマイズされたい方に向いています。

ダウンロード及び規約 – 無料WordPressテーマ「STINGER」
https://wp-fun.com/dl/


・・・・・とあるので、「そういう人は自力で解決できる」という前提なのかもだが。

いずれにしろ、こういったこまごました問題をコツコツ自分で解決していくのも、ブログの楽しみ方のひとつではないだろうか?


おまけ:手順をもうちょっと詳しく

1.Wordpress のサイドメニューから「外観」→「テーマエディター」をクリック。

WordPress:テーマエディター画面を開く


2.編集するテーマに「STINGER8 Child」を選択 →「スタイルシート(style.css)」をクリック。

WordPress:スタイルシートを開く


3.最下行までスクロールして、先ほどのコードを貼り付け。
  ※貼り付ける位置は基本的にどこでもいいが、追加したものをわかりやすくするため最下行に貼り付けた。

WordPress:コードを貼り付ける

> 前のページへ 

-ブログいじり
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Push7 Docs:Webプッシュ通知を送信

プッシュ通知を追加してみた(その4)・・・Push7:Webプッシュ通知を送信

Push7 Docs:Webプッシュ通知を送信 前回でプッシュ通知に必要な「SDK導入」までは完了した・・・・・はず。 今回は本当にプッシュ通知が配信されるのかを確認してみる事にする。 プッシュ通知送 …

今日のタピアン(2020/01/26)

これからの予定を少し

今日のタピアン(2020/01/26) 天気も悪いし寒いので今日は一日、家でダラダラ過ごす予定。 朝食の後、風呂に浸かりながらメールとSNSをチェック。 さっぱりしたところでPCの電源を入れて、rad …

プッシュ通知(RSS連携後)

Push7 その後:(2)RSS連携

プッシュ通知(RSS連携後) 「プッシュ通知を追加してみた(その3)」で導入、(その6)で停止した Push7 の WordPress 連携プラグインであるが、何が悪かったのかその後に有効化してもいっ …

Push7:「Nativeを導入」に進む

プッシュ通知を追加してみた(その6)・・・Push7:改めてSDK導入手順

Push7:「Nativeを導入」に進む 前書き 「その3」の時は説明をはしょったが、今回も Push7 とWordPressの画面を何度か行き来するので、あらかじめ二つの画面をタブで開いておく事に。 …

PREV, NEXT 移動後の位置

STINGER 8:PREV, NEXT(前のページ、次のページ) の表示位置を変更してみた。

STINGER8:PREV, NEXT の移動 某のブログのテーマとして STINGER 8 を選んだ理由は単純で、始めてみようかと思うきっかけになったブログで使われていたテーマが、(たぶん)コレだっ …

プロフィール・・・?

▼プロフィール・・・?

「楽しもうとしないヤツの人生なんて楽しくないに決まってるだろ?」
・・・という事実に気づいて以来、いろいろと少しづつ生活を変えてる真っ最中。
某の駄文、楽しんでいただけたら幸い也。