最近流行りのAstroフレームワークで、WordPressの静的Headless化がかなりお手軽にできたのでまとめてみました。 開発環境 Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン入り） Astroとは？ Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 (公式ドキュメントより) LocalでWordPressを構築 まずLocalを使って、ローカル環境にWordPressを構築します。 サイト名 Astro Blog（お好みで） サイトドメイン astro-blog.local WordPressの設定 WP AdminでWordPressのダッシュボードを立ち上げ、いくつかの

WordPressは世界で1番使用されているCMSかつオープンソースであるが故に、悪意のある第三者やプログラムから世界で1番攻撃されやすいCMSと言われています。 私自身も何度か攻撃を受けていて、実害に及ばなかったものから及んだものまで様々でした。クライアントの稼働しているWEBサイトに実害があった場合は、原因究明や報告、一次対応から恒久的対策までを行い、安全性を確保した上で再度稼働させる必要があり、その作業は簡単なものではありません。 被害があるのはクライアントだけではなく、そのサイトにアクセスしたユーザーに及びます。たとえ納品後の保守契約を結んでいなかったとしても、実装者の責任としてクライアント、ユーザーに安心して利用できるWEBサイトを目指さなければいけません。 私はセキュリティの専門家ではないもののWordPressを10年以上触っている中で様々な問題に当たり、対応してきました。そ

こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を

WordPressのdocker開発環境用にカスタマイズしたので、 その環境の使い方をできるだけ丁寧に紹介したいと思います。 ブログも放置してましたが、また頑張りたいと思っているはるです！ 何をやってたかというと、このブログ以外にアイドル情報サイトのWebサービスを作っていました。（それはまた、記事にしたいと思います）それ以外にも本業が忙しくなりあわわしてたら今になってしまいました。時間ほんと足りませんね… 今回は、WordPressのローカル開発環境をdockerで用意しましたので、それを紹介したいと思います。

WordPressサイトでテーマ（デザイン）を変えると、SEOにどんな影響があるのか？ 見た目だけだから関係ない？ それとも実はけっこう影響する？ グーグルのミューラー氏の解説から学んでおこう。 ほかにも今回は「小ネタだがピリリと効く」SEO情報をまとめている。 グーグルがタイトルを勝手に変えちゃう件の続報、ページエクスペリエンスアップデートによる順位変動のデータや、CA木村氏によるインハウスSEO成功の秘訣などは、ぜひチェックしてほしい。 また、2ページ目には初心者にも役立つSEO情報をまとめている。リモートワークであまり顔を合わせていない後輩にちょっと教えてあげるのもいいだろう。 グーグルがタイトル生成アルゴリズムを調整、前よりはマシになった!?ページエクスペリエンスアップデートによる順位変動が発生していた!?自己参照rel="canonical"はちょっとしたミスの解決に役立つインハ

[レベル: 中級] Google は WordPress のプラグインとして Site Kit を正式リリースしました。 Site Kit を利用すると、Search Console や Google アナリティクスなどの Google のツールによるレポートを WordPress のダッシュボードから確認できます。 Site Kit はベータ版としてこれまでは提供されていました。 Google のサイトから直接ダウンロードしてインストールしました。 正式公開となったので、WordPress の公式プラグインディレクトリから今はインストールできます。 インストールは簡単、WP ダッシュボードから SC のレポートをチェック Site Kit の利用方法は難しくありません。 手順を簡単に説明すると次のようになります。 インストール Google アカウントにアクセス権付与 AdSense・G

プログラミングについて教える12万円の情報商材がひどいということがSNSなどで話題になっている。筆者の観測する限り、発端は下記のツイート。 弟が12万のプログラミング教材買おうとしてて中身見たけどようこんなの12万で売ってるなって内容だった。 初心者を馬鹿にするのもいい加減にしろって感じだわ。 — 宮水 (@rails_java_like) May 9, 2019 この12万円の教材というのは、おそらくマナブというブロガー・アフィリエイターのプログラミング独立の完全ロードマップだろう。内容は次の通り。 １．PHPとSQLの基礎を理解しよう ２．jQueryの基礎を理解しよう ３．WordPressの基礎を理解しよう ４．SEOの内部対策を理解しよう ５．WordPressの自作テーマを作ろう ６．鬼のコーディング練習道場（10本） ７．ポートフォリオサイトを作ろう ８．受注できる見積書を作

WordPressを利用して多言語サイトを制作する際に便利なプラグイン「Bogo」の使い方やちょっとしたカスタマイズの備忘録です。 紹介している方法は、WordPress Ver 4.9.2とBogo Ver 3.1.4で確認等行ったものです。 言語スイッチャーを設置 言語を切り替えるためのリンクを出力してくれる言語スイッチャーを特定の記事のみで表示させるといったような使い方をしたい場合は、エディタなどに下記ショートコードを記述することで設置できます。

CakePHPのログ出力方法の解説。app.phpにログ設定をし、スコープやレベルを指定してログ出力を振り分ける方法、CakePHP4で配列出力にはvar_exportが必要なことなどを解説。

[レベル: 上級] WordPress サイトを AMP 対応する公式プラグインのバージョン 1.0 安定版が正式公開されました。 AMP プラグインのディレクトリからダウンロードできます。 統一されたデザインと機能を AMP で実現 v1.0 の大きな特徴の 1 つは統一されたデザインと機能を AMP ページで実現できる点です。 v1.0 以前のプラグインは、AMP ページのデザインが変わってしまい通常のモバイルページと比べるとかなり簡素に変換されてしまっていました。 しかし、v.1.0 では、AMP ページの外観および機能は通常のモバイルページとなんら変わりありません。 最新の AMP プラグインには 3 つのモードがあります。 Native Mode（ネイティブ モード）: サイトを完全に AMP 化する。すべてのページが AMP になり、通常の PC ページやモバイルページはなくな

2018年12月7日にWordPress 5.0がリリースされ、Gutenberg（グーテンベルグ）が投稿エディタとして新しく登場しました。 WordPressの創始者で、現役の開発者でもあるMatt Mullenweg氏による、Gutenbergについてよくある質問集を紹介します。 Gutenbergの準備を確認する方法、導入手順、今後のアップデート予定、特定のユーザーだけが利用できるようにするには、次のメジャーバージョンアップはどうなるのか、など気になる情報が満載です。 WordPress 5.0: A Gutenberg FAQ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Gutenberg（グーテンベルグ）とは何ですか？ なぜGutenbergが必要ですか？ なぜブロックが使用されるのですか？ なぜエディタが変更され

100%GPLライセンス。無償＆商用利用可。 htmlやcssの知識が無くても管理画面からの設定だけでクオリティの高いサイトが作れます。初期構築・サイトメンテナンスの容易さを追求した初心者に優しい設計。 日本の企業・事業・店舗・塾・クリニックなど、ビジネス用途のホームページに必要な要素・仕様・構成に徹底的に最適化してあります。 スマートフォン対応。 ユーザーの閲覧環境に応じても見やすく自動的に最適化するレスポンシブウェブデザイン。 タイトル・ディスクリプションタグも自動で最適化。キーワードはサイト共通キーワードとページごとのキーワードを設定可能。 いいねボタンやツイートボタン、facebooコメント欄など、主要SNSとも連携しています。 新着情報とは別にサイト内ブログも利用可能。

2018年10月9日 便利ツール 手軽にWebサイトを作成するサービスは多々ありますが、「You Don’t Need WordPress」というWebサービスはGoogleドキュメントと連携させるという、今まであまり見なかった角度から発足したCMS。「WordPressは必要ないよ」という挑戦的なネーミングも気になったので、さっそく試してみました！ 「You Don’t Need WordPress」の使い方 さっそくYou Don’t Need WordPressのページにアクセスし、「Create Your Blog」ボタンからアカウントを作成してみましょう！WebサイトのURLは「https://www.youdontneedwp.com/ユーザー名」となり、ユーザー名がそのままドメインに使われます。 Googleドキュメントと連携させるGoogleアカウントを選択します。 Goo

ホーム スタッフブログ 集計が便利に！WPプラグインの「Contact Form7」からGoogleスプレッドシートに自動で貼り付ける方法 こんにちは。JAGURAです。 今回もWordpressネタでいきたいと思います。 Wordpressでお問い合わせフォームを作る時、殆どの人は「Contact Form7」というプラグインを使用すると思います。私もそのうちの一人です。 PHPがわからなくてもプラグインを使用するだけでフォームが作成できますし、HTML変更やデザインも変更できますし、返信メールや控えメールも送れるので本当に便利です！ ただし、「Contact Form7」だけですと、結果を管理・集計する場合、メールからコピーしてシートに貼り付けないといけないのでとても手間が掛かります。 そこで便利なのが「cf7-google-sheets-connector」です。 これは、conta

お問い合わせの鉄板プラグインと言えば「Contact Form 7」です。カスタマイズ性も優れていて、世界中のたくさんのサイトで使われています。その「Contact Form 7」はデータ保存機能はなく、メールが送られるだけなのでもしもメールがフィルターをかけられて見えづらいところに振り分けられたりすると、せっかくのお問い合わせに気がつけないというようなこともあります。 最近「Contact Form 7」の管理画面を見たところ、データ保存機能を追加するプラグインFlamingoについて紹介されていましたので、さっそくいれてみました。 Contact Form 7の管理画面にFlamingo 「Contact Form 7」の管理画面を見ると、 このように　こぼしたメールを嘆く前に　というタイトルでFlamingoのことが紹介されていました。 Contact Form 7 は送信されたメッ

Flamingoは、お問い合わせフォームの送信履歴を管理できるWordPressプラグインです。 過去のやり取り履歴を簡単に確認できます。 「Contact Form 7」と連携して、お問い合わせフォームから送信されたメールの履歴を記録できます。 難しい設定はありません。プラグインを有効化するだけで利用できます。 お問い合わせフォームの送信履歴を記録したい場合に活用しましょう。 はじめに このプラグインが優れていること お問い合わせフォームの送信履歴を確認できる。 ブログのコメント欄に投稿したコメントの履歴を確認できる。 問い合わせやコメントを投稿したユーザーとのやり取りの履歴が分かる。 プラグインの管理画面が日本語表記なのでわかりやすい。 信頼性 プラグインが定期的にアップデートされており、安定的に保守が行われています。 サポートフォーラムでも開発者が質問に回答しています。 プラグインの

WordPressでオリジナルのテーマを作成する際のフローをまとめました。サンプルも配布してるので、是非使ってみてください、 テーマ開発をやったことがない、それほどやってないという人でもなるべく分かるように書いていますので、手順通りにやっていただければ、テーマ開発をどうすれば良いのか？をわかってもらえると思います。 尚、執筆時点でのWordPressのバージョンは 4.8.2 です。 この記事を書くに当たり WordPress Codex日本語版と、WebDesign Recipes はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました を参考にさせていただきました。 目次 テーマのデザインをパーツに パーツの種類 コーディング WordPressの環境構築 必要なファイル テンプレートの種類 トップページのテンプレート化 header.php の編集 i

WordPress とは クリエイターや中小企業から大企業にまで、世界中の何百万ものウェブサイトに選ばれているオープンソースのパブリッシングプラットフォームです。 デザイン どんなウェブサイトも、柔軟なデザインツールとブロックによって作成できます。テーマを選ぶか、真っ白なキャンバスから始めましょう。細部までカスタマイズできます。コードを書く必要はありません。