こんにちは、日々WordPressをカスタマイズしているエンジニアのひろゆきです。 今回はWordPressのカスタマイズの際に活躍するフィルターフック、アクションフックについてまとめました。 本稿ではフックを知ってもらって、とりあえず使ってみることを目的としますので、詳しい動作原理や本来の目的などについてはCodexなどを見てくださいね！ 参考：プラグイン API – WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/プラグイン_API また、過去に弊社CTOのづやが便利なアクションフックについての記事「wordpressでよく使った管理画面用アクションフック」を書いておりますので、こちらもあわせて見てみてください！ フィルターフック、アクションフックとは まずはフィルターフックとアクションフックの違いについてですが、それぞれフックの種類

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今回はワードプレスにインラインスクリプトを入れる場合の対処方法です。 jQueryなどでオプション指定したりタグなどを入れ込んだりするときに有効です。 結構簡単です。割と最近なんですがそれ用の関数がもう出ています。ワードプレスの4.5以上の機能になりますのでご注意下さい。 wp_add_inline_script( $handle, $data, $position ); $handle：インラインスクリプトを追加するスクリプト名（必須） 。 $data：追加するJavaScriptを含む文字列（必須）。 $position：インラインスクリプトを$handleの前または後に追加する。デフォルトは後（オプション）。 これですね。 jsライブラリなどをwp_enqueue_script関数で読み込んでいるところに一緒に記述すると良いですね。 主にfunction.phpに記載します。 簡単に

前置き(Fireworks Dis) AdobeがMacromediaを買収して早10年。AdobeがFireworksの開発を終了して早2年。IllustratorやPhotoshopにウェブデザイン関連の機能が実装されてきて、Fireworksで作業をするメリットが徐々に薄れてきた昨今ですが、未だにその人気は根強く、WEBデザイナーさんから送られてきたデザインデータが *.fw.png になってることがままあります。 正直、Fireworksはバギー過ぎてまともに動かないことが多々あるし、できることなら使いたくないし、いまだFireworksを使ってるひｔ（ｒｙ とはいえ、*.fw.png が送られてきてしまった以上は仕方がないし、おそらくFireworksのデータを送ってくる人はPhotoshopで起こし直すなんてことしない（できない）だろうから、スライス切って書き出すにしても、この

冷凍保存の方法 大きめのみじん切りまたは、厚めのせん切り（細かく切ると水けが多く出て食感が残りにくいので注意）にし、使いやすい分量に小分けして「サランラップ®」で包みます。 電子レンジもしくは自然解凍で半解凍するか、凍ったまま調理します。 冷凍したものは食感が失われやすいため、炒め物などシャキシャキとした食感を楽しむ用途には向きません。甘味を生かしたい以下の用途におすすめです。 ●あめ色玉ねぎに 凍ったまま中火～強火で炒め始め、途中弱火にしてあめ色になるまでじっくり炒めます。水分の蒸発が早いため、生から作るより簡単でスピーディーに作れます。カレーやオニオングラタンスープなどに。 ●ミートソースに 凍ったままひき肉とともに炒め、トマト、香辛料、ワインなどと一緒に煮込みます。生の玉ねぎを利用するよりも甘味が強く出て、手間なくおいしいミートソースが作れます。 ●ハンバーグに 半解凍してそのままた

管理栄養士コメント卵をシンプルにいただくにはオムレツが一番。カルシウムが豊富なチーズともよく合います。卵は、ほぼ全ての栄養素を満たす優れた食材ですが、ビタミンCと食物繊維だけは不足しますので、サラダやフルーツなどを補うようにしましょう。 材料（4人分）

#最初 ##:first-child 最初の要素（親要素から見て、子要素すべての最初） デモ ##:first-of-type ある要素の最初（親要素から見て、ある子要素の最初） デモ #最後 ##:last-child 最後の要素（親要素から見て、子要素すべての最後） デモ ##:last-of-type ある要素の最後（親要素から見て、ある子要素の最後） デモ #1個だけ ##:only-child 1個だけ子要素がある（親要素から見て、子要素が1個だけある） デモ ##:only-of-type 1個だけある子要素がある（親要素から見て、ある子要素が1個だけある） デモ #X番目 ##:nth-child(X) X番目 デモ：５番目 ##:nth-of-type(X) ある要素のX番目 デモ：５番目 ##:nth-child(Xn) Xの倍数 デモ：2の倍数 ##:nth-of-ty

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self-hosting the video and presenting it via the HTML5 <video> tag. You might be using YouTube,

表題の件にハマりました。 iOS7: 未確認 iOS8: 再現 iOS9: 未確認（巷の記事によるとiOS9でも発生する模様） iOS10: 再現 iOS11.3: 動いたり動かなかったりする（対策施した版もアウトだったかどうかははっきり記録してなかったです…） iOS11.X のどこかでは height: 100% の代わりに height: 100vh を使わないと動かない時代もあった模様？ iOS12.2: どちらの版も動いたり動かなかったりする（つまり本記事の対策では効果なし） 例えばページ上にレイヤーを重ねて、一覧から項目を選択させるような場合に、絶対位置指定した要素の中でスクロールさせたいことってありますよね？ デモ（過去Safariで動かなかった版） デモ（後述の対策を施した版） このとき、次の条件を満たしてしまうと iOS Safari でスクロールできなくなってしまいます

はまち（刺身用）200ｇ レタス2枚 貝割れ大根適量 しば漬け20ｇ 【A】 レモン汁大さじ1 しょうゆ大さじ2/3 オリーブ油大さじ1 塩適量 作り方 はまちは食べやすいように薄切りにする。 レタスは千切りにし、根元を切り落とした貝割れ大根と混ぜ合わせる。 しば漬けはみじん切りにする。 【A】 の調味料と３）をよく混ぜ合わせる。 皿に１）、２）を盛り付け、４）のドレッシングをかける。

小柳宣昭 道修町Studio 楽読奈良スクール

Mac OS Xで起動時に利用できるキーボードショートカットや、 スリープ 再起動 システム終了 ログアウト 強制終了 を実行できるキーボードショートカットをまとめてみました。 電源関係のキーボードショートカット MacBook（日本語キーボード）のMac OS X 10.6 Snow Leopard（Intel Mac）で確認しました。 起動（起動したらすぐに下記キーを押し続ける） キーボードショートカット 説明

ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の

神戸大学フランス語学習サイトへようこそ！ 入学予定者、新入生の方は、まずメニュー欄にもある「新入生の皆さんへ」のページをご覧ください。その他にも、フランス語学習に役立ちそうな様々な情報を公開していますので、メニュー欄や、下記の新着＆人気の記事リストから興味のあるページを開いてみてください。 新着＆人気の記事リスト

2017/06/22 JavaScriptを使って、文字の一部を置換したり削除する方法を説明します。利用するメソッドはreplace()です。 サンプルコード「う」を「く」に置換する例です。 var sourceStr = "ううううう" ; var a = sourceStr.replace( /う/g , "く" ) ;デモ置換 (文字列)「う」という文字を「く」に置換する例です。 置換後の文字(「く」の部分)を空文字にすれば削除できます。 var sourceStr = "あいうえおあいうえお" ; var a = sourceStr.replace( /う/g , "く" ) ;