WordPressの子テーマで親テーマのstyle.cssを上書き・反映する方法
WordPressで子テーマを触っているときに、子テーマのcssが反映できなかったときのメモです。
子テーマのcssが反映できない理由
WordPressの親テーマ・子テーマは、まず子テーマが読み込まれて、その後親テーマが読み込まれます。その際、子テーマのcssが上書きされてしまいます。
解決策としては、「親テーマよりも要素を付け足して優先度を高くする」や「importantなどを利用して優先度を高める」などもありますが、個人的に一番良いと思うのは下記の方法です。
親テーマが読み込まれてから子テーマを読み込むようにする。
「親テーマを子テーマで上書き」するようにすることで解決できます。
子テーマを作成するには style.css(必須) と functions.php を用意して作成している方が多いと思います。子テーマのcssを優先させるには、style.cssとは別にcssを作成します。仮にcustom-style.cssとします。
整理すると下記の3つが必要です。
1.style.css
2.functions.php
3.custom-style.css
それぞれ下記のように記述していきます。
style.css
/* Theme Name: ◯◯ Child Description: ◯◯ 子テーマ Template: ◯◯ */
これは何でもOKです。基本的な子テーマの設定を記述していきます。
functions.php
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );
function enqueue_my_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); // 親テーマのcss
wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/custom-style.css', array('parent-style')); // 子テーマのcss
}
ここがポイントです！ここで親テーマのcssを先に読み込ませます。
custom-style.php
ここは上書きしたいcssを自由に書いてください。
以上で親テーマのstyle.cssを子テーマで上書きできます。
親テーマを上書きできず、importantなど使っている方はぜひ試してみてください。
WordPressのカテゴリ選択部分にフィルタ機能を実装する方法
WordPressでカテゴリが多くなってくると標準のチェックボックスのカテゴリ選択方法だと、該当するカテゴリを探すのに苦労してしまいます。
今回はカテゴリ選択にフィルタを用いて、検索ボックスに入力を始めると、カテゴリ候補を表示してくれるフィルタ機能をカスタマイズします。
プラグインなしで行うには、下記のサイトが参考になります。
僕はこの方法では上手くいかなかった部分があるため、プラグインを用いてフィルタ機能を実装しました。
このように入力を始めると、該当するカテゴリをフィルタして表示してくれます。とても便利なプラグインです。
皆さま、カテゴリ選択にフィルタ機能を実装したい際にはPost Category Filterをぜひお試しください。
facebookを見たくないのに見てしまう時は「Hosts」がおすすめ（開発者向け）
facebookを無意識に開いて閲覧してしまっていることありませんか？
僕もついついfacebookを見てしまう症状があるので、
スマホからはfacebookをアンインストールしています。
ただPCからもふとした時に見てしまうので、
「Hosts」をつかって、facebookにアクセスした時に開発環境にリダイレクトするようにしています。
Hostsの使い方・ダウンロードは下記をご覧ください。 delightmode.com
上記のようにhostsを設定して、facebookにリダイレクトさせてます。
facebookを閲覧したい時にはhostsのチェックを外して閲覧しています。
もしfacebookを見てしまう症状があるかたは参考にしてみてください。
それではステキなfacebookライフを
Time to First Byte(TTFB)が遅かったときの対処法（さくらVPS,Cent OS）
あるサイトで、ページの読み込みが遅かったのでその時の対処法をご紹介します。
Googleの「PageSpeed Insights」で調査した時に「サーバーの応答時間を短縮する」と表示される。
「WebPageTest」で調べてみると、どうやら「Time to First Byte」（TTFBと業界では呼ばれている）に時間がかかっているらしい。
Time to First Byte（TTFB）とは
「最初の1バイトが到着するまでの時間」を表します。
とのことです。
そこでさくらVPSやCent OSについて色々調べてみるけど、なかなか「これだ！」という対処法が見つかりません。
そこで、一旦思い切ってサーバーを再起動（reboot）してみたら、大きく改善されました。
rebootの方法はこちらで確認 d.hatena.ne.jp
reboot後はapacheを再起動するのも忘れずに。
原因がしっかり分かった対処法ではないので、あくまで参考程度にお願いします。
誰かの役に立てば幸いです。
それではステキなTTFBライフを！
結婚式のムービー(動画)の作成・共有に使ったツール・アプリ（mac編）
最近、友人の結婚式のムービーを作成しました。その時に使ったツールを紹介したいと思います。
ムービー(動画)の作成・編集
動画の作成はmacの標準の、「iMovie」を使用しました。
以前も使ったことはあったのですが、今のバージョンはだいぶ使いやすくなっていて、だいぶお手軽に作成できます。
ムービー(動画)の共有・転送ツール
動画の共有にはSend Anywhereを使いました。
宅ファイル便やFirestrageなどの大容量ファイルの転送サービスなのですが、それらと異なるのは、スマートフォンからの転送が断然簡単な点です。 iPhoneやAndroidの動画データをまとめて送ることが可能です。
24時間共有と10分の共有時間のどちらかが選べます。その時間を超えるとデータが消えるので、早めにダウンロードしてもらいうようにしましょう。
LINEでムービー(動画)共有するときの注意点
LINEなどでムービーを送ってしまうと、圧縮されてしまい、大画面で見るとかなり画質が悪くなってしまいます。 上記の転送ツールを使うようにしないと、二度手間が発生してしまいます。
動画に細かい指摘をしてもらう
打ち合わせしながら、動画の作成を進めたい場合は、appear.in が便利です。
上記にアクセスすると簡単に打ち合わせ用のビデオチャット部屋が開設されます。 自分のパソコン画面の共有をすることができるので、友人に確認してもらいながら作業を進める事が可能です。
動画（ムービー）をDVDに焼く
DVDに焼くのが一番大変です。
Burn(失敗)
macでDVDにムービーを焼く際に一番初めに出会うのが「Burn」だと思います。 ただ僕は、上手くDVDに焼くことが出来ませんでした。「DVDの認証エラー」が起きてしまい、解決できませんでした。
Toast DVD (失敗)
その次に試したのがToast DVDというアプリです。こちらは有料(2,400円)のツールです。（※記事執筆当時）
ただ、こちらも失敗しました。DVDを2種類作成したのですが、ひとつはうまくいき、ひとつは、ムービーと音声がズレてしまい、結局解決できませんでした。 とてもシンプルなインターフェースのアプリだったので気に入っていたのですが、ズレが解決しないため諦めました。きちんと調べれば解決できるのかもしれません。
i Skysoft DVD Burner（成功）
最終的に i Skysoft DVD Burner で無事DVDにムービーを焼くことが出来ました。使い方も簡単です。 無料版があるのですが、透かしが入ってしまうので、実際に使う際は有料を購入することになると思います。 無料版を使って問題なくDVDに焼くことが確認できたら購入するのがおすすめです。
まとめ
以上が結婚式のムービーをmacで作成する際に使ったツールやアプリになります。ムービーをDVDに焼くことが一番引っかかるところだと思うので、はじめの段階でテストでDVDに焼いておくことが大事だと思います。
誰かの役に立てば幸いです。
それではステキなムービー作成ライフを！
4,000円の居酒屋の呪縛から解けた
そう、最近気づいたこと、それは、4,000円の居酒屋でビールと食事を食べるより、4,000円の上質な食事を食べたほうが満足度が高いということ。
なぜ僕は今まで特に酔いもしないビールに固執してしまっていたんだろう。
ビールに固執しなければもっと良い料理をたくさん食べれただろうに。
20代のうちにこの呪縛に気付けてよかった。
それではステキなお食事ライフを！
彼女と2人で遊べるまったりゲーム
今日ご紹介するこのゲーム。超まったりゲームです。彼女と散歩しながらやるのがおすすめです。
その名も連想してはいけないゲーム
しりとりと同じように、交互に単語を答えていくゲームです。
ルールはただ一つ。「連想されるものを答えてはいけない」ということです。
例えば、
「ジャマイカ」
と相手が答えたとき、
「アフリカ」や「レゲエ」などと答えた場合は、連想されているものなので、NGです。
「イチゴ」、「バター」などジャマイカと全く関係ないことを答えないといけません。
簡単そうに見えて、これが意外と難しいのです。
僕と彼女はもっとゲームのレベルを上げて、目に入るモノも答えたら「目に入るモノから連想されている」ということでNGとしています。
「無」になることがとても大事なゲームです。
一度騙されたと思ってやってみてください。
それではステキなゲームライフを！
