WordPress

「投稿」エディターが書き出すブロックにのみCSSを適用|編集画面にも反映【WordPress】

ウェブサイトのデザインに合わせてブロックエディターで配置する "見出し" や "段落" 等の見栄えを整えるためのCSSをあらかじめ用意し、投稿単独ページ内のエデ...
WordPress

@importが引き起こすadd_editor_style()が効かないトラブルと解決策【WordPress】

WordPressのエディターにCSSを適用する場合は add_editor_style() を使いますが、これが効かない場面に出くわしたことはないでしょうか。...
PHP

Facebookページの投稿を取得してPHPで表示する【2022年版】

企業やグループ等のFacebookページに投稿された記事データを取得してウェブサイトに表示する手順です。今回はPHPで表示する方法を使っています。 使用したバー...
ウェブ制作

クリックで開閉するアニメーション付きアコーディオン【CSS/JavaScript/jQuery】

クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。今回は主に<details>(詳細折りたたみ要素)とJavaScriptを使って実現す...
ウェブ制作

ある日FacebookグラフAPIによるフィード取得ができなくなっていた

過去に制作したウェブサイトでFacebookグラフAPIとアクセストークンを使ってFacebookページの記事データを取得し一覧表示していたのですが、何らかのエ...
Visual Studio Code

Visual Studio CodeでのSass導入と基本設定【Live Sass Compiler】

Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽...
ウェブ制作

フォントサイズの指定方法と違いを見直してみる【CSS】

ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。 rem, em, px, % 等、単位の選び...
Visual Studio Code

Visual Studio Codeの日本語化

Visual Studio Code(VS Code)を日本語表示にする方法です。 VS Codeの日本語化はマイクロソフトが提供している拡張機能「Japane...
WordPress

ブロックエディターと公開記事の表示を揃えるための3つのポイント【WordPress】

WordPressの記事編集の際、エディター上に表示されているものと実際に公開される記事の表示が異なっていると完成形のイメージも掴みにくく、何度もプレビューで確...
PHP

正規表現のパターンは段階的に考えると覚えやすい【PHP】

正規表現というと「記号が多く意味不明・難しそう・読めない──」といった印象を持っていたのですが、「簡単な正規表現はいつでも使えるようにしておきたい」という思いか...
PR