2019.02.18初期設定では小さすぎて何の絵なのかわからないのでWordPressテーマCocoonの記事一覧に表示される投稿者名の横にあるアイコンを大きくしたいと思った。下の画像の、日付、アイコン、meloって並んでいるアイコンのことです。Cocoon設定も見たけどコクーンのメニューではアバターを大きくする項目は見当たらずCSSコードで大きくするしかないのかなあと思った。先に結論を言えば出来た。いうところの下に以下のCSSコードをそのままコピー&ペーストして記述します。32px;}アイコンの角の丸さを%で、画像の大きさをpxで指定するborder-radiusは角をどのくらい丸くするかという意味で50%で円の形のアバターになり、30%、20%など数字を下げるほど四角くなります。widthは横の幅、heightは縦の高さ、縦を32pxにしたら横も同じ数字の32pxにして正方形的な値が良いです。大きさは24px~32pxくらいが良いと思う。数字はお好みで変えて使ってください。上記のCSSコードをそのまま貼りつけるとこのようになります。スマホ版ページのインデックスページ、投稿者アバターのカスタマイズ上記での説明はパソコン版サイトでの話なのですがパソコン版のサイトの投稿者アイコンをカスタマイズしてそのままだとスマホ版ページのアイコンにも適用され、画面サイズに合わなくて表示が崩れるのでスマホ版ページは別のCSSで指定します。480px){/*必要ならばここにコードを書く*/}の下に以下のコードをコピペで貼りつけます。16px;}}スマホページでは16pxが上限です、これ以上大きくすると表示が崩れます。768px){/*必要ならばここにコードを書く*/}という部分にも以下のCSSコードを入力します。16px;}}1240px以下、1030px以下の端末についてはパソコン版と同じサイズで表示できる画面サイズがあるので何も設定しなくて良いです。スマホ用のコードでカスタマイズしたインデックスがこちらスマートフォン用のCSSコードは元々の表示をカスタマイズするというよりはパソコン版のCSSコードを入れてスマホページにも適用されてしまうのでスマホ用CSSで指定しなきゃいけなくなったという感じでカスタマイズ前の大きさと同じです、アイコンの形だけborder-radiusの指定により元は円だったところを四角形に変更しています。二人以上でワードプレスを運営する時はインデックスページで投稿者名とアイコンを出すとわかりやすい1人でブログをやる時はインデックスで投稿者名を出さなくても良いと思うのですが2人以上の複数の人でサイトをやる時は、投稿ごとに投稿者名とアイコンを出すと誰が投稿したのか明確で良いかもしれません。Avatarというプラグインをインストールしてアバター設定をしないと出ないのでもしもアバター画像を設定していない場合は、プラグインをインストールしてアバター設定をしてから行います。コメントをキャンセルメールアドレスが公開されることはありません。カスタードをデコってみた2018.06.18過去一ヵ月の人気記事カジノな香水の効果とは?カジノのミニゲームに使っても意味がないかも2018.11.162019.02.20育みの上香水入手方法と仲間モンスターのレベル上げ方法2018.06.022018.06.03楽に勝てる!旅芸人サポ3人+天地雷鳴士でアンドレアル討伐、ソロサポ3攻略2022.04.142022.04.15すごろく白銀と悪夢の無難な進め方2018.06.092018.06.13やり方次第では金策になるかも。Reserved.タイトルとURLをコピーしました。