カスタマイズ備忘録の前提

WordPressの小ネタ
スポンサーリンク

当サイトを制作する際にWordPressのカスタマイズをしていて「うーん、どうすればわいのイメージ通りの動作や表示になるかな…」→「できた!」が何回かあったので、それについて何個か記事を書いておきます。

こういうのって、うんうん唸って色々調べて1時間近くかかった後に「なーんだ、こんな簡単な作業でいいのか」と解決することが多く、似たような状況で唸っている人&わい自身が忘れた時のために記事化しておくことで時間短縮になるといいな。

なお、前提として当サイトの環境&設定やわいのスキル(?)、その他の注意点についてまとめておきます。

1.当サイトの環境&設定

(1)サーバ

さくらのレンタルサーバ スタンダードプラン

PHP バージョン7.4.23

(2)ブログソフト

WordPress

(3)プラグイン

All In One WP Security

Category Order and Taxonomy Terms Order

Contact Form 7

EWWW Image Optimizer

Google XML Sitemaps

Invisible reCaptcha

Jetpack

WordPress ping Optimizer

WP Multibyte Patch

(4)テーマ

Cocoon

(5)スキン

Fuwari -海松茶(みるちゃ)-

※以上、2021.10.03時点。

(6)CSSに追加している記述

/*プロフィールのテキストを左詰めに*/
.nwa .author-description {
text-align: left;
}

/*プロフィール下部のSNSボタンをセンタリング*/
.sns-follow-buttons {
text-align: center;
}

/*タグクラウドの文字サイズ変更*/
.tag-caption{
font-size: 1.2em;
}

/*投稿下部のSNSボタン位置に合わせてシェアメッセージを左寄せ*/
.sns-share-message {
text-align: left;
}

※以上、2021.10.03時点。

2.わいのスキル(?)

(1)HTML&CSS

2000年代にメモ帳やTeraPadを使った手打ちでテキストサイト数年間を運営。当時のサイトはtableデザイン。前職時代に製品サイトをやっぱり手打ちで制作していた経験あり()。

ただし、最近のHTML5やjQueryやモバイルフレンドリーについての知識はほとんど無し。

(2)ブログカスタマイズ

さすがに手打ちを卒業した後はMovable Typeを利用したブログを数年間運営。ソースを見ながら「どこをいじればサイト上のどの部分の表示が変わるか」を手探りしつつデザインをしていたもののPHPの知識は無し。

3.注意点

(1)カスタマイズは自己責任で

何よりもまず最初にこれ。「ソースをいじったら元に戻らなくなっちゃった!」なんて場合に備えてバックアップをとっておくなど、ご自身で備えてください。

(2)Cocoonに関する疑問や質問は公式サイトで

無料で利用可能なテーマであることを踏まえて、開発者や協力者の皆さんに無用な負担をかけないようにしましょう。既に類似の疑問や質問が話題にされていないかどうか、公式サイト内のみならず一通りWeb上を検索することが必須です

Cocoon公式サイト

初めての方は必ずお読みください

(3)質問に対するお答えはわいの分かる範囲で&お答えできるタイミングで

必ずしもご期待通りの解決法のご提案やご期待通りのタイミングでのお答えができるとは限りません。

以上についてOKという前提で各記事をご覧ください。

コメント

※初回投稿時の承認制や不適切なコメントの削除方針についてはこちらをご確認ください
※コメントのテスト投稿をしてみたい方はこちらの記事でどうぞ

タイトルとURLをコピーしました