Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Before
![](https://fanbox.pixiv.net/images/post/227048/MOo8bcsNfslDLSxI936jlKr7.png)
After
![](https://fanbox.pixiv.net/images/post/227048/C0M9V2kUuYVPUKQ0yQSgnT7l.png)
![](https://for-men.jp/wp-content/uploads/2018/08/huki-talk.png)
ぼくの場合、背景が白系なので薄いグレーにしました
カスタマイズは自己責任でやろう
自己責任の意味がわからない方、初めてカスタマイズする方は、必ずこちらの記事を読んでくださいね。
![](https://for-men.jp/wp-content/uploads/2019/04/jikosekininn-160x160.png)
カスタマイズするための
準備
CSSコードの追加方法
おすすめは追加CSSからコードを追加する方法です。
はじめてカスタマイズする方は、こちらの記事を読んでくださいね。
![カスタマイズを加速させる追加CSS](https://for-men.jp/wp-content/uploads/2018/09/カスタマイズを加速させる追加CSS-160x160.png)
追加方法 | 難しさ |
---|---|
追加CSS | |
テーマエディター | |
FTPソフト |
複数のカスタマイズをしたい方は、テーマエディターだと編集しやすくておすすめです。普段からFTPソフトを使ってる方はそちらからアップロードしてもカスタマイズできます。
カスタマイズに必要な
CSSコード
![ãã®ç»åã«ã¯ alt å±æ§ãæå®ããã¦ãããããã¡ã¤ã«å㯠kopinosikata.png ã§ã](https://for-men.jp/wp-content/uploads/2018/08/kopinosikata.png)
コメントあり
/*-------------------------------------- ページャーを四角にする --------------------------------------*/ .pagination span{ border-radius: 8%;/*角丸*/ } .pagination a{ border-radius: 8%;/*角丸*/ background: #f3f3f3;/*背景薄いグレー*/ } .pagination li { margin: 3.5px 7px;/*ページャー同士の幅*/ }
コメントなし
/*-------------------------------------- ページャーを四角にする --------------------------------------*/ .pagination span{ border-radius: 8%; } .pagination a{ border-radius: 8%; background: #f3f3f3; } .pagination li { margin: 3.5px 7px; }
確認する際は必ずキャッシュを削除してから見てください。
確認方法 |
---|
「Ctrl」+「F5」(キャッシュ削除) |
カスタマイズコードを追加CSS(またはテーマエディタ)に追加して保存したら、カスタマイズがうまく反映されているか、確認しましょう。
Mac bookやスマホではキャッシュ削除の仕方が違うので、詳しくはこちらの記事で確認してください。
![](https://for-men.jp/wp-content/uploads/2019/04/kyassyusakujo-160x160.png)
くまからのお礼
本ブログ(for men)では、ひとりでも多くの方にブログを楽しんで欲しくてカスタマイズ記事を書いています。(決して自己満足ではありません)
もっとカスタマイズしたい人はこちらの記事を見てください。
![](https://for-men.jp/wp-content/uploads/2019/09/84c53e12efdc94956cb14977175bad0f-160x160.png)
まとめ・感想・雑談・こだわり
![](https://for-men.jp/wp-content/uploads/2018/08/huki-talk.png)
ページャー部分って意外と簡単にカスタマイズでんのね
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kuma3.png)
丸か四角くらいしかできないけどな
![](https://for-men.jp/wp-content/uploads/2018/08/huki-haa.png)
はぁ、もっとCSSを上手に使えるようになりたいよ
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kuma3.png)
独学じゃ、これくらいが限界やな