Web Design Articles

  • 1886

WordPress任意のCSSやJavascriptを読み込む方法 (Bootstrapなど)

こんにちは、のすけです。WordPressを弄っていると、独自のCSSやJavascriptを使って整えたくなってきますよね。そんなCSSやJSを作成して変更する方法を紹介します。(デザインについては特に触れません) 簡単だけど諸刃の剣な方法 概要 書き方 CSSやJavascriptの置き場所 置いたスクリプトをWordPressで読み込むように登録する 簡単だけど諸刃の剣な方法 一番簡単な手法としては、管理画面の[外観] - [CSS編集]からCSSについては編集できます。テーマのCSS編集この画面では、CSSの変更結果を微調整しながらカキカキできるのが利点で、とても便利なのです。プレビューを確認しながら変更できるので便利ではありますその他の手法として、[外観]-[テーマ編集]からテーマの「style.css」に追記数する手法もあります。style.cssはテーマ用なので別ファイルで管理したいしかし、問題もあります。 このCSSはテーマの設定値として紐づいているので、テーマを変えると消えてしまいますし テーマのアップデートで消えてしまったこともあります。 また、テーマ編集については、そもそもこの画面から編集するのは危険です。間違ってからのテキストデータがPOSTされた場合全て消えてしまう可能性もあります。(一度ありました。) 膨大な時間を掛けて構築したCSSが消えてしまうと、もう呆然となってしまいます。。 そのため、Web一般で用いられているように、外部ファイルとして保存されたCSSやJavascriptを利用して編集する手法を取りたいと思います。ローカルにソースファイルを保持できるので、万が一サーバー上のファイルが消えても復旧可能なので、やはりこっちの方がしっくりきます。 またbootstrapなどの任意のCSSフレームワークを入れたいなんて要望もあるかと思います。 概要 やり方の概要としては「wp enqueue script」関数を利用して、登録を行います。 header.phpに直接書くやり方ももちろんありますが、WordPressの機能を利用して登録していくのが一般的なようです。 関数リファレンス/wp enqueue script - WordPress Codex 日本語版 書き方 以下のように、functions.phpの最後の行に追記します。なお、編集する際にはコピーを取って戻せるようにしてください。 間違って記述するとサイトが動かなくなります。書き方例： /** * スクリプトとスタイルを正しくエンキューする方法 */ [...]

PCの温度管理は大切！CPUが高温になったときの対処法

2014年6月某日 実は、我がHollywisのメインPCであるこのタワー型パソコンにある日突然、謎のメッセージが出たのです。 2010年に自作した愛機でございます。 OS:Windows8.1 64bit CPU:Core(TM) i7-2600K CPU @ 3.40GHz　(4コア8スレッド) 「CPU Over Temperature Error!」と表示されています。 電源をONにすると、いきなりこの表示が現れました。温度が高いとのことですが、、、 急いでCPU温度も確認できる「SpeedFan」を導入 Windows10ならHWmonitorがおすすめです。ダウンロードはこちらから↓ HWMonitor のダウンロードと使い方 - ｋ本的に無料ソフト・フリーソフト で、確認したところ、4つのコア全てで90度超え！！！ これはヤバい！ということで、対策を施すことにしました。 CPUは100度を超えると壊れる。強制停止する。動作が不安定になる。 などと言われており早急な対策は必須です！！！ そんな訳でこの危急の自体への実際に行った対処対策法をご紹介します。 ①掃除をする (初級) ②CPUファンまわりを確認する (初級) ③CPUファンのホコリを掃除（中級） ④CPUグリスを変える (上級) ⑤CPUファンを高性能なものに変える！　(上級：金銭的に…) で、結果は？ ①掃除をする (初級) 長くPCを起動していると、部屋のホコリを大量に吸い込みます。 ホコリが多いと何がダメかといいますと、ホコリがあると空気の流れが悪くなり PCについているファンがいくらがんばっても、新鮮な空気がマシンに届かなくなります。 そうすると、PCの冷え具合にも大きく影響します。 こうやって、掃除機の弱モードで丁寧にホコリを除去します。 開けてみるとPCには意外と多くのホコリが溜まっていますよ～ こういう全面も、よくホコリが溜まりますので、これも掃除機で一気に除去！！ ②CPUファンまわりを確認する (初級) CPUファンの回転を邪魔するモノがあると、ファンは十分な力を発揮できません 私のPCは、上からPCに空気を送り込むファンが落っこちており、CPUファンを邪魔していました おい。おい。。 邪魔な、配線などでファンに絡まっていないかも要チェックです。 [...]

はりうすチャリ部2

こんばんは。 前の日曜日に、ついに自転車にのりました。 タイヤに空気を入れるのがめんどくさくて、前回の投稿からだいぶ間があいてしまいました.... 暑い日だったので、外で空気を入れるだけでもかなり疲れましたが、風景を楽しむことができました。 多摩川の風が気持ちいい！ あまり期待していなかったのですが、かなりクールなスポットがありそうな雰囲気を感じました。 競馬？ 旧道 詳細はこれからホックー！の記事にしようと思います。 [さいぞう]

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.