サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
blog.webico.work
こんにちは、しばです。 この間、WordPress外の静的ページから複数のWordPressの新着記事を取得するロジックを書く機会がありました。 サクッと見つけたwp-load.phpを使う方法で対処しようとしたところ、複数のWPでは無理ということが判明。 そこからそもそもWP外からWP記事を取得するのはどんな方法があるのかな〜と思い、ひとつのWPだけを取得する方法から別サーバーの複数のWPを取得する方法まで、色々と調べてまとめてみました! 参考になれば幸いです。 同一サーバ内にあるWPの記事を取得する 例えばコーポレートサイトで、TOP含め他ページは静的ページ、ブログだけWPという構成は結構ありますよね。 このような構成で「TOPページにブログの新着記事を表示させたい」といった、取得先のWPと静的ページ双方が同サーバー内の場合に使える方法を最初に紹介したいと思います。 ※ちなみに同じサー
ちなみに、videoタグにmp4等の一般的なメディアファイルを読み込ませる形だと、1つの動画ファイルをダウンロードしながら再生を行うプログレッシブダウンロード方式で再生が行われます。 <video src=”sample.mp4″ controls></video>で再生。 プログレッシブダウンロード方式は一見ストリーミング再生に見えるので「疑似ストリーミング」とも。 基本的な特徴は以下の通り。 ストリーミング配信 →セキュリティが高い(動画のダウンロードもできない)。ライブ配信向き プログレッシブダウンロード →一度データのダウンロードが完了してしまえば、シークを移動しても滑らかに再生が可能。オンデマンド配信向き。 また、プログレッシブダウンロードのデメリットとして、容量が大きな動画や通信速度が遅いとキャッシュが溜まるまで動画がスムースに再生できないというものがあるようです。 そこの点を
こんにちは、しばです。 WordPressプラグイン「All-in-One WP Migration」でサイトの引越しをしようとしたところ、エクスポート時に「失敗 サーバーに問題が発生しました」と表示されてエクスポート出来ないという事象に遭遇しました。 インポート時はサイズ制限などでたまにエラーに遭遇するんですが、エクスポート時は初めて。 調べて無事解決したので、今回のエラーの原因とその対処法についてご紹介します! 事象発生の経緯 とあるサイトでサーバーを変更する機会があり、All-in-One WP Migrationのメニュー画面からデータをエクスポートしようとしました。 ダウンロードをしてみると、即時エラーが表示。 プラグインによるエラー表示ではなくchromeブラウザの方のエラー。何もダウンロードされない 次にSafariで同じようにダウンロードしたところ、ダウンロードはできたもの
こんにちは、しばです。 ネットワークの知識がまだまだ疎い今日この頃、海外(国外)IPアドレスからのアクセス拒否する簡単な設定方法は無いかな〜と調べる機会がありました。 そこで出てきたのが掲題の.htaccess を使う方法。 検索したらすぐ書き方が出てきて、ありがたく参考にさせて頂いていたんですが、 自分は国内にいるわけだし、実際弾かれてるかの確認はどうやってやれば…(´・ω・`)? 許可する国内IPアドレスリストの更新は必要じゃ無いんだろうか(´・ω・`)? という疑問点がいくつか。 そこら辺を調べつつ、.htaccess での海外アクセス拒否の書き方〜確認〜注意点あたりを整理してみました。 同じようにネットワークにあまり自身がない方の補足的な知識になれば幸いです。 .htaccessの書き方 海外からのアクセス(IP)を拒否するhtaccessの設定 こちらのコードを使いつつ、自分用の
ontouchstartによるスマホでのhoverアクションの有効化 これまでスマホではhoverアクションを使わない方向でコーディングしていたので、まずどう書けばhoverを表現できるのかを検索しました。 するとすぐ何件かヒット。 どうやらHTMLに「ontouchstart」のイベントハンドラを書くと、その要素に対してCSSで記述していたhoverアクションが効くとのことでした。 イベントハンドラはその要素を内包する要素に記述しても問題ないため、例えば全てのhoverを有効にしたいなら<body ontouchstart=””> でOKなようです。 実際に試してみたところ、本当にこれだけでスマホでhoverアクションが表現できました。 しかしながら、開発者ツールのコンソールに次のような警告がでるようになりました。 スクロールジャンクの警告メッセージ 全文はこちら。 [Violation
こんにちは、しばです。 WordPressでフォームを入れるとき、Contact Form 7によくお世話になっています。 Contact Form 7は標準でエラーチェックが出来るんですが、ここをもうちょっとカスタマイズしたいなぁというときはないでしょうか? 今回は、 必須項目が未入力だった場合 入力されたが不適正値だった場合(例: type=”tel”で数字以外の文字が入力される) こういった時、リアルタイムで(入力直後に)注意メッセージを表示させたい。また、その際に入力項目の背景色や枠色を変えたいと思いました。 入力項目のステータス変化に関してはcssで単体で:requiredや:validで装飾できますが、できたらリアルタイム表示のエラーメッセージに紐づけたいところ。 ということで、Contact Form 7 + jQuery-Validation-Engineの実装方法からスタ
今回起きた事象をシンプルなコードで再現してみました。 See the Pen z-index3Dver by BICOxxx (@BICOxxx) on CodePen. サンプルでは赤と青の大きなdiv要素が並列の関係になっており、青divの子に緑のdiv要素があります。 A(赤色)…position:absolute; z-index:2 を指定。(見やすくするためやや透過) B(青色)…position:absolute; z-index:1 を指定。 C(緑色)…青divの子要素。transform: translate3d(0,0,150px); を指定。 という感じ。 おおよそのブラウザでは下の図のように、上からA → C → Bの順で重なって表示されます。 ほとんどのブラウザの表示 しかし、Safariで先ほどのcodepenを見るとわかるかと思いますが、iOSとMacのSa
こんにちは、しばです。 最近WordPressで、カテゴリやタグ・カスタム分類に画像のカスタムフィールドを実装したいなぁと思い、色々調べる機会がありました。 情報は落ちてるは落ちてるんですが、どれもプラグインを使った方法ばかり(´・ω・`) サイト全体でカスタムフィールドをバンバン使うならまだしも、その箇所しか使わない予定だったので、無闇にプラグインを増やしたくないなぁと思いプラグインを使わない実装方法を調べてみました。 functions.php 出力したいテンプレート この2箇所にコードを書くだけで対応できる方法をまとめたので、同じように困ってる方の参考になれば幸いです! 実装イメージ まず、どういう時にこの「カテゴリやタグ、カスタム分類に画像のカスタムフィールドを実装」が必要になるかという例をあげてみます。 アーカイブ(一覧)ページの画像(又は背景)を、タームごとに変えたいという場合
あとで具体的に触れますが、開発中特にネックになったのは「Cordovaプラグイン(コアプラグインのみ)」でした。 このコアプラグインというのは、Monacaで提供してくれているCordova プラグインのこと。 こちらに一覧があります。 基本 Cordova プラグイン ( Cordova のコア プラグイン ) サードパーティー製 Cordova プラグイン サードパーティー製も一部提供されており、ここらへんはFreeプランでも使用可能です。 一方、Proプランに書かれてるカスタムプラグイン(ユーザー Cordova プラグイン)はmonacaで提供していないcordovaプラグインのこと。 ネット上で配布されているcordovaプラグイン等を使用することができます。 Freeプランを使っていて感じたこと ということで、具体的に感じたFreeプランの壁についてまとめていきます。 ビルド数
このページを最初にブックマークしてみませんか?
『blog.webico.work』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く