![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_2884-150x150.jpg)
こんにちは!
管理人のSizuo(@siba_ken_)です。
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg)
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg?resize=80%2C80&ssl=1)
ペットのはにぃですニャー♡
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_2884-150x150.jpg)
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_2884-150x150.jpg)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/img_2884.jpg?resize=80%2C80&ssl=1)
今回、コロナの自宅療養で時間を持て余してるので、当サイトの細かい変更作業を実施し、変更箇所などの記録をつけていきたいと思います。
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg)
![](https://www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/img_3498-e1658677093133-150x150.jpg?resize=80%2C80&ssl=1)
何が変わったのか気になるニャー
- 参考にした引用サイトは【SWELL】~【関連記事】のブロックスタイルを採用しています
ブログ記事の下によくあるやつ
この記事を書いた人を記事下部へ配置および表示
ダッシュボード▹▸ユーザー▹▸プロフィールで、名前や写真、内容の変更を実施
カスタマイザー▹▸投稿・固定ページ▹▸記事下エリア▹▸著作情報表示にチェック
![](https://www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.05.26.png)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.05.26.png?resize=690%2C362&ssl=1)
![](https://yukiweb.jp/wp/wp-content/uploads/2022/07/eye-1.jpg)
![](https://i0.wp.com/yukiweb.jp/wp/wp-content/uploads/2022/07/eye-1.jpg?resize=320%2C180&ssl=1)
トップページのデザインカスタマイズ
ロゴ変更、お知らせバー、グローバルメニュー
![](https://www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.15.01.png)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.15.01.png?resize=1083%2C203&ssl=1)
外観▹▸サイト全体設定▹▸お知らせバー。横に流すのをやめ、ボタン配置。Twitter宣伝用としました。
外観▹▸カスタマイズ▹▸ヘッダー▹▸キャッチフレーズ。ピンク色部分の文章を変えました。
外観▹▸カスタマイズ▹▸ヘッダー▹▸ヘッダーロゴ設定。ロゴデザインを新調。150✖️500pixel、Keynoteで作成。透過PNGへ変更するかもしれません。
ロゴに関しては、DesighEvoを一部参考にしました。
![](https://oinavi.net/oinavi/wp-content/uploads/2022/12/swell_customize.jpg)
![](https://i0.wp.com/oinavi.net/oinavi/wp-content/uploads/2022/12/swell_customize.jpg?resize=320%2C180&ssl=1)
トップページの右側にTwitter表示
サイトトップページにTwitter TLを表示
![](https://www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.35.18.png)
![](https://i0.wp.com/www.heiwazima.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-26-14.35.18.png?resize=293%2C587&ssl=1)
https://publish.twitter.com/# という公式を利用する
自分のTwitterプロフィールURLを貼り付け
set customization options.で高さを600、幅を300へ設定。
全てを確認し、updateを押す。
Copy Codeが生成されるので、コピーして回収する。
外観▹▸メニュー▹▸テキストを選択し、サイドバーへ格納
テキストに、先ほどのコードを入力。表示名をTwitterに変えるなどして完了
サブタイトル
見出しにサブタイトルを表示する方法
過去に何回か見出しにサブタイトルを入れるという技法を使っていたのですが、やり方とそもそも存在をすっかり忘れていましたw 今回以降は、導入していく予定です。
- 見出しを2行以上で作成(Shiftキー+エンターキーで改行)
- サブタイトルにする部分をドラッグ▹▸SWELLマークをクリック▹▸注釈を選択
目次には、サブタイトルが表示されないので、デザイン性も上がり便利な機能です。
![](https://blog-mi.com/wp-content/uploads/2020/09/swell-subtitle_ic.png)
![](https://i0.wp.com/blog-mi.com/wp-content/uploads/2020/09/swell-subtitle_ic.png?resize=320%2C180&ssl=1)