そんちょ さん プロフィール

  •  
そんちょさん: WordPressをカスタマイズしたい!
ハンドル名そんちょ さん
ブログタイトルWordPressをカスタマイズしたい!
ブログURLhttp://wpcustom.net/
サイト紹介文ワードプレスのカスタマイズやプラグインの使い方などを解説しています。
参加カテゴリー
更新頻度(1年)情報提供0回 / 365日(平均0.0回/週) - 参加 2015/11/09 18:48

そんちょ さんのブログ記事

  • 過去の記事 …
  • テーマ「Twenty Sixteen」で広告の背景を消したい
  • このブログのテーマを「Twenty Sixteen」にしてからGoogleアドセンスなどの広告は外していましたが先日のカスタマイズついでに再び広告を貼ることにしました。しかし広告の背景が水色になっていて、しかもナナメの方向へはみ出していますwあまり見た目がいいとはいえませんので直しておきます下のコードを子テーマ(css)に追記します/* 広告の背景色を消す */ins{background-color:transparent!important} これで背景が消えます [続きを読む]
  • WordPress新テーマ「Twenty Sixteen」のフォントをかえる
  • 例によってWordPressの新テーマ「Twenty Sixteen」のフォントも見づらいですよね。。。なので、はじめにフォントの変更から手をつけていきます。CSSからCtrl+fでfont-familyを検索します。検索結果の上から3番目かな?以下の記述がありますね。body,button,input,select,textarea { color: #1a1a1a; font-family: Merriweather, Georgia, serif; font-size: 16px; font-size: 1rem; line-height: 1.75;} これのfont-familyを [続きを読む]
  • テーマを「Twenty Sixteen 」にしてみました
  • WordPressを4.4にバージョンアップしたところ新しいテーマ「Twenty Sixteen」が使えるようになりました。とりあえず何も考えないままこのブログのテーマもTwenty Sixteenにかえました。このテーマは黒い枠で囲われているのが特徴なんでしょうかね^^まだ詳しく見ていないのでなんともいえませんが次回以降、このTwenty Sixteen も使いやすいようにカスタマイズしていこうと思います。 [続きを読む]
  • 【WordPressプラグイン】EWWW Image Optimizer で画像を圧縮したい
  • WordPressのプラグイン「EWWW Image Optimizer」を使ってみましたこのブログでも画像は多数使っていますがやはり画像ファイルというのはサイトの表示速度を低下させてしまう要因となりますので少しでも表示速度を上げるためにプラグインを使い画像を圧縮したいと思います。EWWW Image Optimizer の設定EWWW Image Optimizerはインストールして有効化すれば、次回より画像をアップすると自動的に圧縮してくれます。設定画面がありま [続きを読む]
  • Twenty Fifteenでポストナビゲーションをカスタマイズしたい
  • wordpressの標準テーマ「Twenty Fifteen」のカスタマイズです今回はポストナビゲーションです前の記事や後ろの記事へのリンクですね標準ですと文字の大きさが際立っていますねちょっと主張しずぎな感じなのでまず文字を小さくしますそれにともない余白も調整します文字は18pxから16pxにしましたがかなり小さくなった感じがしますね本当はコメントの上にしたいのですがPHPファイルはあまり触りたくないのでこのままで(笑)子テーマ [続きを読む]
  • Twenty Fifteenでリンクの色を変えたい
  • WordPressのテーマ「Twenty Fifteen」では、本文中にリンクを貼っても色が本文と同じな為、ちょっとわかりづらいですよね。そこで今回は本文中のリンクの色をカスタマイズしようと思います。カスタマイズは必ず子テーマで行うようにしてください。子テーマの作り方はこちらを参考に!http://wpcustom.net/archives/6リンク色を何色にすべきか?標準的な色といえば青色になると思いますが、調べてみると大手メディアにより微妙に色 [続きを読む]
  • WordPressでセキュリティを設定したい(不正ログイン篇)
  • このサイトを立ち上げてまだ1ヶ月もたっていませんが少しずつアクセスが増えているようです。ですが、ふとGoogleアナリティクスを見てみるとなにやら怪しいアクセスが・・・私はWordPressでつくったサイトをいくつか持っていますが、アクセスが増えてくるとそれに比例して不正ログインや海外からの大量の迷惑コメントも増えてきます。まず今回は不正ログインに対するセキュリティを強化したいと思います。と思ったら、私の使ってる [続きを読む]
  • WordPressで関連記事を表示したい【Yet Another Related Posts Plugin】
  • このブログにもだんだん記事が増えてきましたので記事下に関連記事が表示されるようにしたいと思います。テーマによっては初めから表示されるようになっているのもありますがTwenty Fifteenにはありませんので自分でカスタマイズしなければなりませんが今回は手軽にプラグインを入れたいと思います。Yet Another Related Posts Plugin(以下、YARPP)上記のプラグインはインストールして有効化すればすぐに表示されるようになります [続きを読む]
  • WordPressでTOPに戻るボタンを設置したい
  • WordPressの標準テーマ「Twenty Fifteen」にはTOPにスクロールして戻るボタンがありません。やはりないと不便なので設置するため、プラグインで対応したいと思います。いくつかプラグインはありますが以前つかっていた「Dynamic To Top」はこのサイトでは使わず「Scroll Back to Top」を使ってみます。というのも、Dynamic To Topにはバグなのかわかりませんがプラグインを削除できないというエラーがあります。直し方は簡単ですが [続きを読む]
  • WordPressにアドセンス広告を表示させたい
  • WordPressにGoogle Adsenseで広告を貼る方法を簡単に説明します。直接広告コードをPHPファイルに貼り付ける方法もありますがここではアドセンス広告を貼るためのプラグインの説明をしていきます。プラグインは数多くありますが、実際に私が使っているものに関しての説明なのでもしかしたらもっといいプラグインがあるかもしれませんがご了承ください。Master Post Advertこのプラグインは記事の途中にアドセンス広告を挿入できるプ [続きを読む]
  • Twenty Fifteenでコンテンツエリアの幅を広げたい
  • WordPressの標準テーマ「Twenty Fifteen」のカスタマイズです前回はサイト上部の余白とウィジェットの上下の余白を小さくしました。サイトのバランスをとるため今回はコンテンツエリアの幅を広げ、左右の余白を小さくします。下図の825pxと書いてある箇所を広げますつまり薄い水色のエリアを狭くしていこうと思います。調整するのは3箇所です・記事エリア・ページナビゲーション・フッターサイト上部の余白と同じ幅にしますので記 [続きを読む]
  • Twenty Fifteenでサイト上部&ウィジェットの上下の余白を調整する
  • このwordpressのテーマ「Twenty Fifteen」はとてもシンプルなつくりになっていますがやはり余白が大きいのが気になります今回はサイト上部の余白およびウィジェットの上下の余白を小さくしていきます上部の余白を設定しているのはサイドバーではsite-headerのmarginサイトメインではsite-mainのpaddingですサイドバーとサイトメインのバランスを見ながら調整していきますレスポンシブとなってますので @media screen and (min-widt [続きを読む]
  • Twenty Fifteenでサイドバーの余白を少なくしたい
  • wordpressの標準テーマ「Twenty Fifteen」のカスタマイズですサイドバーの余白を調整しますこれはサイドバーにアドセンス広告を掲載するために行います。したがって最低でも300pxは欲しいですね。デフォルトの設定ではサイト幅1404pxのときサイドバーの幅は413px余白が左右20%ですのでウィジェットの幅は248pxとなりますそこで左右の余白を8%にしてみましたするとウィジェットの幅は346pxとなりますTwenty Fifteenはレスポンシブな [続きを読む]
  • Twenty Fifteenで記事の見出しのサイズを変えたい
  • wordpressのテーマ「Twenty Fifteen」では見出しのフォントサイズが大きく主張しすぎのように感じたので少し小さく変更することにしました見出しの装飾についてはコチラを参考にしてください見出しのフォントサイズは各分岐点ごとに設定してありますので手間がかかりますが確認しながらそれぞれに設定していきます。h1は使いませんのでh2 h3 h4 を自分好みのサイズに変更します私の場合は以下のようにしましたが、お好みでどうぞ♪ [続きを読む]
  • プラグイン「All in One SEO Pack 」を設定しました
  • wordpressの定番のプラグイン「All in One SEO Pack」をTwenty Fifteenに入れてみました。このプラグインはSEO(つまり集客)に関する設定をすることができます。設定箇所はとても多いですが、今回はかんたんにメタ要素の設定とアナリティクスの設定をしていきます。インストールして有効化すると左のメニューに「All in One SEO」が追加されます。カーソルを合わせ、「General Settings」を選択します。Home Page Settingsまずは [続きを読む]
  • 「Twenty Fifteen」でサイトカラーを変更してみる
  • wordpressのテーマ「Twenty Fifteen」はデフォルトではサイトが真っ白になりますね前回、見出しに装飾を加えたのでついでにサイトカラーもかえましょうこれはCSSをさわることなくダッシュボードから簡単にできます外観−カスタマイズ で以下の設定画面が出てきます。ここでは、テーマの変更のほか、・サイト基本情報・色・ヘッダー画像・背景画像・メニュー・ウィジェットが設定できますサイトカラーを変更するために「色」を選択 [続きを読む]
  • Twenty Fifteenで見出しを装飾したい
  • wordpressのテーマ「Twenty Fifteen」では記事の見出し(h1.h2.h3…など)はなにも装飾されていませんよね少しさみしいのでかんたんなデザインで装飾しますtwentyfifteenでは「entry-content」と「comment-content」を指定します。entry-contentだけでは表示されませんでしたのでご注意を!h1はタイトルで使っているので見出しには使えません。ここではh2からh4までの見出しを装飾します。まずはh2です左と下にオレンジの線で装飾 [続きを読む]
  • wordpressのテーマ「twentyfifteen」の記事タイトルのサイズ変更
  • 前回フォントを見やすく直しましたが記事タイトルの大きさが気になりはじめましたのでもう少し小さくしようかと思い親テーマのCSSを見てみました。スマホ表示では気になりませんがPCで見るとタイトルが主張しすぎかなぁと思いましたので・・・このテーマ「twentyfifteen」はスマホ等でも見やすいようにレスポンシブデザインになっていますが分岐点は7箇所、8段階もあるデザインとなってます。16.1 Mobile Large 620px @media scree [続きを読む]
  • テーマ「Twenty Fifteen」のフォントをかえる
  • このwordpressのテーマ「Twenty Fifteen」最初に行った作業で子テーマを作成したのでこれからカスタマイズを行っていきます。まず手をつけたところはフォントですもともと日本語のテーマではありませんので仕方の無いことですがTwenty Fifteenのフォントではなんか見づらいですよねそこで見やすいフォントとしてメイリオを指定するようにします。しかしメイリオフォントがパソコンに入っていない人もいるのでその場合は、ヒラギノ [続きを読む]
  • プラグイン「Google XML Sitemaps」を使おう
  • wordpressの子テーマが完成したので次に検索エンジンにしっかり認識してもらうために「googleウェブマスターツール」に登録します。https://www.google.com/webmasters/tools/home?hl=jaサイトマップが必要になりますのでプラグインを使って自動生成してもらいます私はいつも「Google XML Sitemaps」というプラグインを使っていますインストールして有効化し、設定から、XML-Sitemap を選択すると設定画面になりますすでにサイトマ [続きを読む]
  • WordPressで子テーマをつくる
  • はじめに私はいくつかwordpressでつくったブログを運営しています。やはりそのブログテーマに合うようにカスタマイズが必要になってくるわけですがもともと素人だったために初めはかなり苦労しました^^;このブログではwordpressのカスタマイズやプラグインの設定など自分が苦労した点などについて書いていこうかと思います。なぜ子テーマが必要?cssなどを直接変更したりすると、テーマがアップデートされたりしたときその変更箇 [続きを読む]
  • 過去の記事 …