MEDIA」に他テーマから移行したときのカスタマイズまとめ2018年9月2日WordPressテーマカスタマイズTweetこの記事のURLとタイトルをコピーするWordPressのテーマは無料でも優秀なテーマが数多く配布されています。前までは日本語のテーマを探すだけでも苦労したのに、便利な世の中になったものです。メディア]というテーマを適用してみました。メディア]ようやくしばらく運用できる程度にCSSを調整できたので、カスタマイズしたポイントと内容をまとめておきます。MEDIAは子テーマまでダウンロードして適用するWordPressのテーマを使う時は、必ず子テーマがあれば子テーマもダウンロードしましょう。MEDIAはユーザー名とメールアドレスの登録でダウンロードできるようになっています。子テーマのダウンロード上記サイト内にある「無料テーマダウンロード」または「子テーマダウンロード」ボタンを押して会員登録をし、子テーマまでダウンロードします。親と子の両方のテーマをWordPressにアップロードして、子テーマを有効にします。子テーマ適用までは他のテーマと変わらない手順でできます。テーマカスタマイザー設定で気をつけたところ子テーマを有効化したら、まずテーマカスタマイザーで設定できるところは設定しちゃいます。テーマカスタマイザーへのリンクは上部にあります。基本お好みで設定する部分になりますが、一般的にこの値にしたほうがよさそうなポイントだけ挙げておきます。[LION用]アーカイブページの抜粋文字数:80文字13インチMacBookでChromeブラウザを最大化したときに抜粋文字が3行で折り返す程度にしておきました。記事数が少ないうちはグローバルナビでメニューを見せてこのサイトは主に何について書いているかを見せたほうがいいと思い変更しました。記事が多くなったらdefaultの検索メニューに切り替えてもいいかもしれないですね。[LION用]TOPカテゴリ最新記事ボックス:有効TOPカテゴリ最新記事ボックスを有効にすることで、TOPページの新着記事の並びのあとにカテゴリ別の最新記事を1記事ずつ表示することができます。カテゴリを細かく分けて記事を書いている場合は有効にしておくと、だいたいどんな記事がこのサイトでは読めるのか読者が見当をつけることができます。デザインスキン設定とカテゴリーの編集デザインスキンの設定でユーザー定義カラーを5色まで設定できます。ここで設定したカラーを憶えておいて、カテゴリーの編集画面でカテゴリーごとに色で分類することができます。MEDIAのテーマの初期設定をそのまま使うと画像の高さが固定になっています。大きい画像を使用してRetinaディスプレイ対応などを既に施している場合縦横比が歪んでしまうので、記事内の画像に対してCSSを書き加えました。auto;}リストで記載したときだけ文字が小さくなってしまうのを調整する目次のデザインに引っ張られてリスト化した記述の文字だけ小さく表示されているので、通常本文と同じ文字の大きさに合わせました。わたしは16pxでpxで強引に文字の大きさを設定していますが、emで調整してもよいと思います。li{font-size:16px;}リンクをリンクっぽく表示する初期設定ではリンク色がテーマカラーに合わせた色になっていて、かつ下線が引かれていません。リンク部分は青い下線で表現されていると「あ、ここはリンクが張っているんだ」とわかりやすくなるため、記事中のリンクは常に青でアンダーラインが引かれている状態で表示するために調整しました。できればリンクをマウスオーバーしたときに出てくるテーマカラーのボトムラインも消したいんですが、とりあえずパッと見は思い通りになりました。none;}スマートフォン表示のCSSスマートフォン表示については全体的に文字が小さすぎるのでPC表示と同じく16px設定にし、重要な部分とのメリハリをつけるため通常本文の太字表示をやめました。H2見出しがPCと同じではフォントが大きすぎたのでPCより若干小さめに設定しました。スマートフォン表示のときでもあらためて画像の高さが固定されることを防ぐためにCSSを追加しています。MEDIAを有効化しているサイトの追加CSSにペーストして適用してみてください。フリーランスへ│派遣社員で副業から始めてフリーランスになろうよかったら記事の中身も読んでみてくださいね。ひろみWordPressを使用したWebサイト運営・制作、記事コンテンツの編集・フリーライターをやっています。得意ジャンルはグルメ、節約、旅、プロ野球、ガジェット。最新の投稿2019.12.26書評求められるライターになるために。『「文章で生きる夢をマジメに叶えてみよう。」Webライター実践入門』2019.12.06書評「今日からはじめて、月10万円稼ぐアフィリエイトブログ入門講座」を読んで実感する、継続は力なり。【シニア向け】Androidスマホを使いやすく設定変更しよう。仕事ではA5ノートを使う理由。