こんにちは、しばです。 この間、WordPress外の静的ページから複数のWordPressの新着記事を取得するロジックを書く機会がありました。 サクッと見つけたwp-load.phpを使う方法で対処しようとしたところ、複数のWPでは無理ということが判明。 そこからそもそもWP外からWP記事を取得するのはどんな方法があるのかな〜と思い、ひとつのWPだけを取得する方法から別サーバーの複数のWPを取得する方法まで、色々と調べてまとめてみました！ 参考になれば幸いです。 同一サーバ内にあるWPの記事を取得する 例えばコーポレートサイトで、TOP含め他ページは静的ページ、ブログだけWPという構成は結構ありますよね。 このような構成で「TOPページにブログの新着記事を表示させたい」といった、取得先のWPと静的ページ双方が同サーバー内の場合に使える方法を最初に紹介したいと思います。 ※ちなみに同じサー

静的ページ（index.php）に同一サーバー内、別ディレクトリの複数のWordPressからポスト一覧を取得して表示 執筆者 コヒ蔵 | 2016年08月29日 | ストブロ ※※※　PHP7.1　Mysqliに対応した記事を書きました　＊＊＊ PHP7.1対応の為、やむなくmysqliへ移行する。 静的ページに外部のWordPressから記事を読み込む方法　解説 静的ページ（index.php）に同一サーバー内にあるワードプレスの投稿一覧を表示したいと考えて四苦八苦していました。 これまではRSSフィードを利用してJavascriptで表示させていましたが、何故か表示しなくなったのと表示に時間が掛かるため前から改善を検討していました。 もし、必要とするWordpressが１つの場合は非常に簡単で １）index.htmlをindex.phpに変更する。（htaccessの変更や表示順位

remove.bgの賢いAIのおかげで、背景透過のやり方が分からない方でも簡単に写真の背景を消すことができます。編集時間は大幅に短縮され、そしてより楽しいものに！ 元の画像がPNGでもJPGでも背景の透明化/透過処理に問題はありません。背景を透過/透明にしたい、画像を加工して人や物を切り抜きたい、簡単に写真や画像に白い背景を追加したいなど、remove.bgを使えば背景透過に関するあらゆることがあなたのパソコンで可能になります。

WordPressのブロックテーマは、新しいサイト編集機能の一部です。 難しい操作は必要なく、見た目でサイトの内容を編集することができます。 例えば、文字の色や大きさを変更したり、新しくボタンを作成したりなど、かなり自由に編集することができます。 今までのコード主体の開発から見た目主体の開発になることで、テーマの制作方法がガラッと変化します。 かなり勝手が違うので、初めてブロックテーマを制作する場合は混乱するかもしれません。 公式のドキュメントをみても、全てが網羅されていないため理解が大変です。 そんな初心者の方に向けて、「WordPressのブロックテーマを制作する方法」について解説します。 この記事が理解の手助けになれば幸いです。 最低限のブロックテーマの構成 WordPressにブロックテーマを読み込ませるための最小限の構成は次のとおりです。 sample/ templates/ i

H&M(エイチ＆エム)から、「シモーネ ロシャ(SIMONE ROCHA)」のデザイナー、シモーネ・ロシャとのコラボレーションコレクションが登場。2021年3月11日(木)より、ウィメンズ・メンズ・キッズウェアが発売される。 ウィメンズに加え、初のメンズ＆キッズもパフスリーブシャツ 9,499円、スパンコールトップ 9,999円、ヘアクリップ 3,999円(2つセット)、リボンバレッタ(3つセット) 3,999円 女優 デイジー・エドガー＝ジョーンズH&Mが2021年のデザイナー・コラボレーションに選んだのは、ロンドンを中心に活躍するファッションデザイナー、シモーネ・ロシャ。自身のブランド「シモーネ ロシャ」のシグネチャーであるウィメンズウェアに加え、初となるメンズウェア、キッズウェアも取り揃える。 「シモーネ ロシャ」の世界観を表現左)フリルドレス 18,999円、リボンバレッタ(3つセ

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ

島根大学附属図書館は2020年9月23日に「VR図書館ツアー」を公開しました。「VR図書館ツアー」は360度パノラマ写真に館内施設等の説明を加えたもので、インターネット上で館内ツアーを疑似的に体験できるコンテンツです。 この記事では、「VR図書館ツアー」の基本の作り方などを紹介します。 「VR図書館ツアー」をまだご覧になったことがない方はこちらをどうぞ（FirefoxやChromeでご覧ください） ぐりぐり動かして見てみてください。 それでは作り方を順番に説明していきます。 1. 360度パノラマ写真を撮る 360度カメラを使って、360度パノラマ写真を撮影します。手に持って撮ると自分が映ってしまうので、三脚とアプリで撮影者が隠れた後に撮影するのがよいと思います。 三脚は、屋外で撮影したときに風で倒れてしまう場合があるので、特に屋外で使うときはしっかりしたものの方がよいかもしれません。 撮

【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。 更新日：2019/10/07 WordPressにCSVデータをインポートするために様々なプラグインがありますが、要件に応じた柔軟な対応は難しいものがあります。 例えば、「社内で管理している商品番号をキーにしたい」や「基幹システムから出力したCSVを毎日自動で取り込みたい」や「管理画面から『上書き禁止』設定をしたものはCSVインポートで上書かない」などなど。 こういう要件に関してはプラグインをカスタマイズをするよりも、自前でのCSVインポート処理を作ってしまうのが良いと思います。 そんなに難しくありませんし、とても柔軟に作ることが出来ます。 この記事では以下の流れで解説します。 CSVファイルのアップロード処理インポート処理用のPHP作成大量のデータや処理でメモリが足りなくなるケース対応非同期処理で

<p><ruby>吾輩<rt>わがはい</rt></ruby>は猫である。名前はまだ無い。</p> <p>どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番<ruby>獰悪<rt>どうあく</rt></ruby>な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。</p> すると、こうなる。 ルビが入ることで行間が変化して、いまいち格好悪い。そして一部のブラウザ（Chromeなど）ではルビの位置をCSS微調整することができず、使いにくい。 別の方法を考える そこで、<ruby>タグを使わないで以下のようにHTMLを組んでみる。 <p><span data-ruby="わがはい">吾輩</span>は猫である。名前はまだ無い

リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている！? CMSで違いはあるのか？AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE

NHKは、学校放送番組やウェブサイト、アーカイブス、イベントなど、学校向けのさまざまなサービスを展開しています。

【ＮＨＫ・あさイチ】子供のスマホを制限する方法は？ ＮＨＫ あさイチ 月曜日～金曜日　8時15分～ あさイチの子供のスマホ視聴を制限する方法は？ あさイチの子供が無料で見れる勉強や学習の動画番組とは何？ 子供に『見せたいものを』『見せたい時間だけ』設定する方法！ 休校中の子供の為に、続々登場！無料ネットコンテンツは何？ あさイチの子供が無料で見れる勉強や学習の動画番組とは何？ あさイチの番組で紹介された、子供が無料で見れる勉強や学習の動画番組です。 １．子供の科学　無料公開特設サイト 雑誌「子供の科学」がお届けする科学のメディアサイトです。科学に関する最新研究の情報から、実験・工作・自然観察・プログラミングまで情報満載。講演会やワークショップなどのオンラインイベント、科学や趣味の電子書籍読み放題、自由研究ネタなどさまざま...

これまで不登校時期や今回のように出席停止期間だったときにめちゃくちゃ助けられたサイトを共有します👇

今回は、Webサービスを個人で開発して月10万円以上稼ぐことができている人たちの事例をまとめてみました。会社員としての本業で月10万円（年収にして120万円）の昇給を達成するのは結構大変ですが、個人でWebサービスを開発して月々10万円以上の収益を作る方がやりようによっては簡単なのかも？と思えてくる内容になっています。 Webサービスを個人で開発して収益を上げている事例ってあんまりまとまっていなかったりするので、これからWebサービスを作る上での参考にしようとまとめてみました。 個人で月10万円以上のWebサービスを作っている事例 それでは、Webサービスを個人で開発している人の記事をみていきます。 ゴリゴリ開発しまくるスタイル blog.sesere.net 7年間Webサービスを個人で作り続けた猛者。公開された日に記事を読みましたが、めちゃくちゃWebサービス作りたくなりましたw 王道

2020.07.07 Tue 動画ソフトVideoProcレビュー。メリット・デメリット・無料でできる範囲

ページに埋め込んだYouTubeをJavaScriptで制御する機会が何度かあったので、 YouTube Player API の使い方をまとめてみます。 今回使用するのは、以下のIFrame API になります。 iframe 組み込みの YouTube Player API リファレンス - YouTube - Google Developers ■目次 基本的な埋め込み JavaScriptでの操作 プレーヤーの状態に応じて処理をする プレーヤーの準備ができてからJavaScriptでの操作を行う パラメータを設定する 基本的な埋め込み まずはYouTubeプレーヤーをページに埋め込んでみます。 1.YouTubeを埋め込む場所を指定 ■HTML <div id="sample"></div> ※id="sample"内にYouTube(iframe)が埋め込まれるのではなく、#sa