Adding options and controls to an existing Gutenberg block - Marie Comet
Lire la version en français This article explains how to add options and controls to existing blocks in the WordPress editor, Gutenberg, and save them in the attributes. The procedure is different from adding controls when creating custom blocks, as we will only use filters to hook to existing blocks. The filters available in the editor work like PHP filters (add_filter, apply_filters). It’s best
メニュータグ wp_nav_menu をカスタマイズしてメガメニューの礎（いしずえ）を築く | WordPressカスタマイズ事例【100ウェブ】
メニュータグ wp_nav_menu をカスタマイズしてメガメニューの礎（いしずえ）を築く テーマ販売あり WordPressのメニューはタグ wp_nav_menu でコントロールできますが、一般的な ul li構造のものしか生成できません。 そのため、liの中にさらにdiv構造を持つようなメガメニューなどを生成しようとすると、カスタムウォーカーという自由にメニューをカスタマイズできる機能を使う必要があります。 そこで今回は、そのカスタムウォーカーという機能を使って、メガメニューを作るために2階層目のliの中にdiv構造を持たせてみます。 まず、テーマのheader.phpなどメニューを表示させたい場所に以下を記述します。 <?php wp_nav_menu( array( 'menu' => 'mainMenu', //メニュー管理画面で登録したメニュー名 'container' =>
会社を強くするためには、社員をどう教育するかを考えてはいけない｜Noritaka Kobayashi, Ph.D/小林慎和
最近とある話を聞いたキッカケで、今日はこんなことを書いたみたいと思う。 今時の、そして、これからの社会人にとっての学びと教育（研修） 強い会社というのは、メンバーが強い。メンバーが強くなるには、メンバーに良い教育が必要、メンバーが良い学びをする必要がある。 では、良い教育なのか、研修なのか、学びの機会なのか、現状よりメンバーを強くするために、経営としては何をしたらいいんだろう。そんな観点で書いてみたいと思います。 10年で一人前、石の上にも3年。そんな価値観はとうの昔の話。これが、昔の話だと言って、納得する人の方がメジャーにようやくなりつつあるのが昨今ではないかと思います。 そのうえで、では、若手の社会人に対する教育（研修）とは何か？ 逆に、若手の社会人が自らのキャリア形成を考え、どう学んでいくか。 いま、けっこうこの教える側（経営層）と、学ぶ側（基本は若手）の価値観の開きというものが、と
ビジュアルリグレッションテストのすすめ
日々いろいろなWebサイトの制作や修正を対応していく中で、修正したページとは関係ない（と思っていた）ページで表示が崩れてしまったことってありませんか？ 私はたびたび経験があります。 毎回目視で全ページをチェックすれば防げるのかもしれませんが、それは現実的ではありません。 自動で全ページをチェックしてくれて不具合があれば教えてくれる、そんな便利なツールがあればと何度も思いました。 どうやら現代の技術でそれは作れるみたいです。ビジュアルリグレッションテストというらしいです。 ビジュアルリグレッションテストとは ざっくりいうと「見た目の比較」をするテストのことです。 変更前のWebサイトのスクリーンショットを用意しておき、変更後のスクリーンショットを撮り比較することで、どこが変わったか差分を表示し確認することができます。 どうやって使うの ビジュアルリグレッションテストを導入するための方法はいく
Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | Recruit Tech Blog
お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプリ』はPC・スマホ合わせて大体350-400ページの表示パターンが存在する比較的規模の大きいサイトです。全ページに影響を与えるような作業は大規模な回収となり、今回のリファクタリングでは表示テストの計画などの段取りが必要でした。従来の人手によるQAでは細かいバグを見過ごしたり時間がかかり効率が悪いので、可能な限り自動化しようと考え実装しました。 実装の概要 この監視のシステムは以下の２つ実装を組合わ
Full Width Containers In Limited Width Parents | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that’s what we love around here. The issue is: how do we make a full-browser-width container when we’re inside a limited-width parent? Starting Point This image is 100% wide as it’s limited-width parent. We want to stretch it
State of CSS 2022 | Blog | web.dev
Browser compatibility A primary reason so many CSS features are set to cooperatively release is due to the efforts of Interop 2022. Before studying the Interop efforts, it's important to look at Compat 2021’s efforts. Compat 2021 The goals for 2021, driven by developer feedback via surveys, were to stabilize current features, improve the test suite and increase passing scores of browsers for five
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
Styling `select` elements for real
Styling <select> elements consistently across browsers has long been a difficult task. While it is now possible to style the button part of a <select>, styling its contents – the box that contains the list of options, and the options themselves – remains very limited. These limitations often push web developers to use libraries that provide custom select-like controls. Unfortunately using a librar
日本の祝日APIをリリースしました - ケンオールブログ
アップデートのお知らせ(2022/03/15) 2022/03/15(火)にケンオールをアップデートしました。 アップデート内容は以下のとおりです。 新API: 日本の祝日API 郵便番号逆引き検索API: 品質の改善 祝日や休日のAPIについて、機能要望アンケートを募集中です！ 新API: 日本の祝日API 日本における祝日は、内閣府が毎年CSVデータを公開しています。 しかし、システムで祝日データを利用するとき、CSVをダウンロードし、それをシステムにロードするというのは意外と手間がかかります。 手動で更新する場合、手順自体を検証した上で運用ドキュメントを執筆する必要があります。 さらに、手動運用によるオペレーションミスのリスクも毎年つきまとうことになります。 自動化する場合、特別に祝日が移動するケースなどに対応できるようにしなければいけません。結局のところ手動でも更新できるようにして
糖尿病だけじゃない？！血糖値は感情もコントロールしていた！｜からだカルテ
「血糖値」と聞くと、誰もが連想するのは「糖尿病」ではないでしょうか。実は最近の研究で、糖尿病だけでなく「こころ＝感情」の変化と血糖値が深く関係していることが分かってきました。今回は、今までと違った視点から「血糖値」について考えてみたいと思います。 私たちの身体は、食後は血糖値が上昇しますが、膵臓から分泌されるインスリンというホルモンによって血糖値を正常な範囲まで下げています。逆に長時間食事を摂らずにいると、血糖はどんどん下がってくるので、今度は血糖値を上げるホルモンが分泌されます。 こうして、私たちの身体は一定以上に血糖値を上げ過ぎたり、下げ過ぎたりしない仕組みになっているのです。 特に血糖値が下がり過ぎると「低血糖」という状態になり、重篤な場合は昏睡状態に陥ることもあります。 このため、食べ過ぎた時のために血糖値を下げるホルモンは唯一インスリンのみですが、飢餓に対応するための血糖値を上げ
疲労はリカバリーできてはじめて役に立つ。疲労回復4つのキーワード | Tarzan Web（ターザンウェブ）
キーワード① 食事と睡眠 日中パソコン作業をしたあとの脳と、手足をたくさん使ったときの脳。どちらがより疲れているかといえば、実は手足を動かしているときの情報処理量のほうが多く、脳が疲れやすい。脳のメモリがいっぱいの状態で眠りにつくと翌日は思うようにカラダが動かせない、物事を考えられない。 だから寝ている間に脳内の情報を圧縮させて、翌日のために容量を空けることができる睡眠が大事。 そして、食べ物。バランスのいい食事というのは基本中の基本だけど、疲労をごほうびに変えるには運動後に食べるものが重要になる。有酸素運動後はすっからかんになったエネルギーを補給するために、高糖質のものを運動後30分以内に補給すること。汗と一緒にカラダから出ていったミネラルも補給できるとなおよし。 一方で筋トレ後は、損傷した筋肉を修復させるために運動後24時間はタンパク質の多い食事を心がける。こっちは30分以内に慌てて補
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gutenberg: Get All Attributes From «core/image» Block
Two Ways to Create Custom WordPress Blocks
Focus Trapping for Accessibility
Accessibility Not-Checklist | Brewed by team Intopia
Cool Hover Effects That Use Background Properties | CSS-Tricks
30 days of PWA: Fall in love with Progressive Web Apps
理念で良い会社は作れるのか?顧客も従業員も満足する「価値経営」とは | みらい経営者ONLINE
【魚拓】広報紙・電子版広報作成業務に係るプロポーザルについて - 福山市ホームページ
