ウェブ倉庫って??

当サイトでは主にウェブサイト制作に関する情報を取り扱っています。
スニペットの紹介のみにとどまらず少し掘り下げた解説で、内容の理解に繋がる記事を提供したいと考えています。

add_editor_style()が効かない場合は@importが原因かも【WordPress】

add_editor_style() で読み込んだCSSファイルの内容がエディターに反映されない一例の紹介です。add_editor_style() が効かない状況に遭遇したら原因はこれかもしれません。 代替となる解決策も紹介して...

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

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

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

クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。比較的新しい要素の<details>を使う方法や、JavaScript・jQuery・CSSを使う方法等を紹介します。「その5」で紹介するJavaSc...

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

過去に制作したウェブサイトでFacebookグラフAPIとアクセストークンを使ってFacebookページの記事データを取得し一覧表示していたのですが、何らかのエラーで表示されなくなっていました。その際の状況や解決に至った経緯を残しておき...

Visual Studio CodeでのSass導入とおすすめ設定【Live Sass Compiler】

Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽に導入できて便利です。 今回は Live Sass Compiler ...

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

ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。 rem, em, px, % 等、単位の選び方に迷った場合は参考にしてみてください。 使用したバージョン G...

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

WordPressの記事編集の際、エディター上に表示されているものと実際に公開される記事の表示が異なっていると完成形のイメージも掴みにくく、何度もプレビューで確認することになってしまいがちです──。 今回はエディターでの編集が少し...

投稿内のブロックにのみCSSを適用してエディター上にも反映する【WordPress】

ブロックエディターが搭載された現在のWordPressでは、メインの記事となる「投稿」だけではなくウィジェットやフルサイトエディター(FSE)の編集にもブロックエディターが使われています。 このエディターで配置するブロックは「投稿...

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

正規表現というと「記号が多く意味不明・難しそう・読めない──」といった印象を持っていたのですが、「簡単な正規表現はいつでも使えるようにしておきたい」という思いから段階を分けて学んでみたところ少しづつ理解が進んでいきました。 まずは...

ながら聴き SONY オープンイヤーワイヤレスステレオヘッドセット SBH82D【レビュー】

耳を塞がず周囲の音も聞こえるSONYのBluetoothイヤホン「SBH82D」を購入しました。 周囲の音を遮断せずBGMがかかっているような「ながら聴き」が予想以上にジョギングや通話に向いていると感じたため、しばらく使ってみ...
スポンサーリンク
タイトルとURLをコピーしました