こんにちは、しばです。 この間、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

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

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

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

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

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

それWebでできるよ！ こんにちは皆さん スマホのカメラを使って写真を撮ると、なんと文字列が返ってくる。 そんなアプリがあるような気がするのですが、現在ではブラウザでもカメラにアクセスできるので、わざわざアプリにする必要もなく ( OSの差異にあまり煩わされることなく ) Webアプリで簡単に作ることができるのではなかろうか、と考えました。 考えたらやるしか無いでしょう。 休日を利用して、ちゃっちゃか作ってみました。 あ、いつものようにPHP使いますね TL;DR 今回の見所は以下のとおりです。 HTML + JavaScriptでカメラを取る tesseract-ocrをインストールしたコンテナを作る PHPでOCRする 何がやりたいのか 掲示板とかで無線wifiのssidとか貼ってあるとき、いちいち手打ちするの面倒なんで、カメラで取ってそのままはっつけられるようになったら嬉しいのになぁ

その1. そもそもアイデアが思い浮かばない 遭遇確率　：★★★★☆ どんな壁？：いざWebサービスを作ろうとしても何もアイデアが思い浮かばない 解決策：身近な課題をひたすら探す サービスを作る上では何かを解決する系のアイデアであり、かつ自分が当事者であるとモチベーションも続きやすいです。 自分が普段ネットを使っていて不便だと思うこと、今使っているサービスの不満点、などなんでも良いのでとりあえず書き出してみましょう。 大体この中に自分の技術力でも解決できるような課題が存在します。 もし自分の中での課題が見つからないという場合は、日々Twitterのタイムラインで流れてくる身近な人が抱えている課題をピックアップしてアイデア化するのもありです。 回避策：しょぼいアイデアでも日々書き残していく いざサービスを作るというときにアイデアも出ないし身近な課題すら見つからない場合は、普段からアイデアを無理

SEO対策をうまく活用すれば、企業ホームページのアクセス数やお問い合わせなどのコンバージョンを低コストで増加できます。

LINE＠は、ビジネス向けのLINEアカウントです。 ユーザーに向けて一斉にメッセージやLINE限定のクーポンを送信でき、2017年４月現在では21万店舗に登録されています。特に飲食店、美容室、エステなどの店舗系ビジネスの企業ではLINE＠の活用が効果的です。 本記事では、LINE＠とはそもそも何かという基本から、成功事例やアカウントの開設方法まで解説するので、店舗系のビジネスを展開している方は、ぜひ参考にしてみてください。 LINEマーケティングの極意3選 ※注意：「LINE＠」は2019年4月に統合され「LINE公式アカウント」に名称が変わっています。最新情報は以下の記事にて解説しています。 使い方の概要：5分で分かるLINE公式アカウントの使い方。必ず使いたい3つの機能とは？料金プラン：2020年最新LINE公式アカウントの料金プラン攻略。コスパよく効果を出す技と無料活用術始め方・作

※1 表示の月額料金は年間契約時のものです。半年契約時よりも毎月約30％引きでご利用いただけます。 ※2 同時ログインアカウントは社内共有を目的としたものであり、社外アカウントの作成はファーストプラン以上のみで可能です。 ※3 自動キャプチャ機能とは、ページの変更履歴を自動で保存してくれる機能です。

Instagramに複数リンクを貼れるツール「Linktree」ってなに？ 「linktree」とはインスタグラムのプロフィールに、1つ以上のリンクを入れられるウェブツールです。 「linktree」（リンクツリー）は、無料ウェブツールでインスタグラムのアカウントで登録することで、プロフィール用のリンクを作成できちゃう優れものです。 インスタのプロフィールに、「linktree」のリンクを入れておくだけで、それをクリックした人は、指定したリンク先を見てもらえるっていうわけです。 しかも無料プランでこんな機能モリモリなんで、正直有料にしなくても当分は大丈夫ですね。 「linktree」の登録方法 まずは「linktree」のトップページの「Sign up with Instagram」ボタンをクリックして、インスタグラムアカウントを通じて新規登録をします。 このような画面が表示されるので、「

LINEスタンプメーカーとは？ POINT 01スマートフォンからLINEスタンプが 簡単につくれます。 スキャナや画像編集ソフトは不要です。無料でスタンプがつくれます。 POINT 02撮った写真や動画を加工して自由に装飾できます。 写真や動画の切り抜きも簡単。 テキストやデコステッカーを加えて自分だけのスタンプにしよう。 POINT 03スタンプの審査申請や販売も スマートフォンから対応できます。 つくったスタンプを友だちとシェアしたり、LINE STOREやLINEアプリ内のスタンプショップで販売したりしよう。 LINE STORE/ショップに掲載したくない人は、プライベート設定で非公開にしてね。 POINT 04販売するスタンプは 売上分配額の有無を選択できます。 スタンプをつくって販売したら売上分配額を受け取ることができます。 受け取らない場合はスタンプをつくった本人のみ無料でダ

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。