初心者がしたSANGOのカスタマイズ記録

ワードプレス ド初心者の私がSANGOを買ってカスタマイズした記録

評判のいいエックスサーバーに申し込んで

ドメインもエックスサーバーで取得しました。

参考

エックスサーバーでWordPressを始める方法(初心者向け)サルワカ

全て上記参考リンクの通りに設定。

テーマはSANGOに

テーマはきれいなページを
自動的に作ってくれそうだったのでSANGOにしました。

プラグイン導入

Table of Contents Plus

参考

目次プラグイン「TOC+」の設定方法

Google XML Sitemaps

参考

【WordPress】サイトマップ作成からSearch Console登録までの全手順サルワカ

Autoptimize と WP Fastest Cache とCompress JPEG & PNG images

参考

【爆速サンゴ計画】SANGOを高速化するカスタマイズマサオカブログ

Pixabay Images→アイキャッチ画像には超便利なプラグイン

regenerate thumbnails→Pixabay Imagesでアイキャッチ画像を設定するときにこれ使って圧縮しないと重くなる

Jetpack by WordPress.com→なんで入れたか忘れました・・・。

WP User Avatar→アバター使いたかったので入れました。

(Scripts-To-Footerは不具合がでるとのことで入れていません。)

アイキャッチ画像の表示を修正

アイキャッチ画像は初期設定だと

記事を開いたとき横幅いっぱいに拡大して表示されます。

サルワカさんのサイトで質問して
アイキャッチ画像がちゃんと等倍で表示されるようにしました。

.post-thumbnail img {
width: auto;
}

上記コードをstyle.cssに貼り付けたらアイキャッチ画像がちゃんとしたサイズで表示されるようになりました。

アバター作成

ブログのアバター作成 ドットに決めた!

2017.09.29

プロフィールをサイドバーに表示

自己紹介のプロフィールをサイドバーに設置

参考

サイドバーや記事下にプロフィール(この記事を書いた人)を設置するサルワカ

記事の文字の大きさ変更

ワードプレスのダッシュボード→外観→カスタマイズ→詳細設定→PCでのフォントサイズ107→120にしてみました

見出し2と見出し3のデザイン変更

参考

デフォルトの見出しのデザインを変えてみようサルワカ

吹き出し変更

吹き出しはよく使いそうだったので吹き出しを変更しました。

参考

【SANGO】ショートコードで使える会話風ふきだしをコピペで作ろう!あずさんち

外部リンクボックス変更

参考

SANGOの外部参考リンクデザインをCSSで変える。コピペOKなコード13例あずさんち

テツ
以上です。閲覧ありがとうございました。

1 Comment

コメントを残す

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