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

WordPress

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

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

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

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

(1)サーバ

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

PHP バージョン7.2.10

(2)ブログソフト

WordPress

(3)プラグイン

All In One WP Security

Category Order and Taxonomy Terms Order

EWWW Image Optimizer

Google XML Sitemaps

Jetpack by WordPress.com

SNS Count Cache

W3 Total Cache

WordPress ping Optimizer

WP Multibyte Patch

(4)テーマ

Cocoon バージョン

(5)スキン

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

※以上、2018.11.02時点。

(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;
}

/*ヘッダ背景の位置変更*/
.header{
 background-position: right top;
}

/*レスポンシブデザインでのヘッダ背景の変更*/
/*1240px以下*/
@media screen and (max-width: 1240px){
 .header{
  background-image: url('画像のURL');
  background-position: right top;
 }
}

※以上、2018.11.08時点。

2.わいのスキル(?)

(1)HTML&CSS

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

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

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

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

3.注意点

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

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

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

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

Cocoon公式サイト

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

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

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

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

WordPress
スポンサーリンク
書いてる人

大学卒業後に塾講師のアルバイトをしながら旧司法試験の勉強をしていたら、なぜかエロゲ制作会社に入社し、その後社長に→破産処理。

今はデザイン系の会社で新規事業開発のディレクターとかバックオフィス業務改善のマネージャーとかを担当しています。普段は茨城県水戸市のコワーキングスペースでリモートワークしつつ、週に2日ほど都内のオフィスに出勤するスタイル。
宇宙開発とか好き。

イシダPをフォローする

さむいし。

コメント

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