こんにちは、Gaji-Labo フロントエンドエンジニアのたにもとです。 WordPress をヘッドレス CMS として活用できることを知り、WordPress をヘッドレス化して動作する Next.js の環境構築してみました！ WordPress のヘッドレス CMS化をするメリットは？ WordPressは執筆者をサポートする機能も豊富で、ヘッドレス CMS として使うメリットに「ユーザーの執筆体験」があります。 他のヘッドレス CMS と比べて多くのユーザーが慣れ親しんだ管理画面が使えることは、導入・利用のハードルは低いのではないでしょうか。 また、WordPress にデータの管理を任せると… WordPress を本体サーバーから隔離することでセキュリティリスクの対策になる データはそのままで、フロントエンドだけリプレイスすることが可能 コンテンツを JSON 形式で取得でき

WordPressからmicroCMSにデータを移行する方法Webクリエイターボックスは2024年11月にWordPressからmicroCMSに移行しました。いろんな方法がありますが、microCMSではCSVでのインポートが可能なので、WordPressでXMLデータをエクスポートして、PythonでCSVに変換して移行した手順を紹介します。 ざっくりとした移行手順WordPressのコンテンツデータをエクスポートmicroCMSのAPIを設定するPythonでWordPressデータ（XML）からCSVデータに変換microCMSの管理画面からCSVデータをインポート1. WordPressのコンテンツデータをエクスポートWordPressの管理画面で、［ツール］→［エクスポート］から、必要なコンテンツを選択し、「エクスポートファイルをダウンロード」ボタンをクリックします。この画面で

The Best Alternatives to Advanced Custom Fields (for non-coders) 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 WordPressの開発コミュニティに大きな影響を与える重要なニュースが飛び込んできました。 Advanced Custom Fields (ACF) のフォークが無断でフォークされ、「Secure Custom Fields」となる なぜ移行を考えるべきか Advanced Custom Fields (ACF) の代替プラグイン ACFの最良の代替案（無料＆有料） 1. JetEngine / Crocoblock Suite（プロ版） 2. Toolset Toolsetとは？ Toolset vs. ACF 3. Pods（無料） 4. Custom Fi

当ブログでリリース中のMovableTypeおよびWordPressの主なプラグインについて、一覧ページを作りました。 プラグイン一覧ページ 現在掲載しているのは、販売実績のある、あるいは最近リリースした下記のプラグインです。 MovableType CSVAuthorDataImExporter：ユーザデータをCSVで管理 CSVDataImExporter：コンテンツデータ・記事をCSVで管理 ListingFieldEditor：一覧画面でコンテンツデータ・記事カスタムフィールド編集 PowerEditContentData：コンテンツデータのユーザー切り替え等 PublishDraft：公開後の下書き保存が可能 SaveWithoutRebuild：再構築なしのデータ保存が可能 Trash：WordPressの「ゴミ箱」機能を提供 Vote：「いいね」ボタンの実装が可能 Workf

WordPressから乗り換える？他社CMSと移行方法を紹介世界中で大人気のCMS（Contents Management System：コンテンツ マネジメント システム）であるWordPress。日本では約8割のCMSがWordPressだそうですね。とっても使いやすくておしゃれなテーマも多く、カスタマイズ性も抜群！私も長年使っていますが、最近なにやら不穏な空気も。そこで、WordPress以外のCMSについて、簡単に紹介してみます。 ちなみに昨今のWordPress界隈のゴタゴタは、こちらの記事が簡潔でわかりやすいかもです： WordPress公式ディレクトリのAdvanced Custom FieldsがSecure Custom Fieldsに変わってしまう – Capital P – WordPressメディア とは言え、「WordPress、だめ絶対！」なんて言いませんよ！た

WordPressを利用している方の中でもかなりの方が利用しているのではないかと思われる有名プラグイン「Advanced Custom Fields」ですが、まだ最新版にアップデートしていない方の管理画面にはこういったアラートが出ているのではないでしょうか？ わたしも長年ACFを利用していますが、こういったアラートはおそらく初めて見たため何事か！？と驚いてしまったのですが、簡単に言うと「the_field()やthe_sub_field()で出力する内容に対してHTMLエスケープかけるようにするね！」という仕様変更に関するお知らせです。 と、書くとなんか大変なことじゃないような気がしてくるのですが、実はこのthe_field()やthe_sub_field()って、ACFで入力した値をお手軽に表示するための関数なので、めちゃくちゃお世話になっている関数だったりします。なので管理画面にアラー

技術ブログを行うときに、まずWordPressなのか、ZennやQiitaで書くのか、という悩みがあると思います。 このページを見にてきている人は、「WordPressでブログを書こう！」と思っている人が多いかと思います。 私もWordPressで書くのが良いと思っています。カスタマイズ楽しいですし、収益化もできますからね。 しかし、こんな悩みありませんか？

最近このようなポストが話題になっていました。今後のWeb制作の将来について考えさせる素晴らしいポストだと思うので、是非見てほしいです。 一応個人名を出すのもどうかと思ったので、モザイクをかけています。 【素朴な疑問】STUDIOを先に学んでしまった者からすると、WordPressでWebサイトを制作するメリットがあまり分からない、、、 WordPress・プラグイン・phpの定期的なアップデートが必要(他にもアプデ必要なものあったら教えてください)、 サーバーの契約も必要、コーディングに工数がかかってしまうし、お客さん側で静的な部分の変更もできない。(つまりWeb事業者からすれば、そこの保守管理がサブスクのサービスになるのは分かる) 逆にSTUDIOのデメリットは、会員登録・予約・ECなどの機能は持たせられないことで、リスクとしては、(絶対ないけど)万が一、サービスが終了してしまうとかなっ

BASIC認証かけた状態でのOGPってどうやって確認すればいいんだろう…本番環境で認証外してからしか確認できないって怖くない…? こんな疑問に答えます。 BASIC認証下ではOGP確認をすることができません。 「OGP確認ツール」を使用しても、取得できていません。 実は私はほとんど本番環境で認証外してからOGP確認をしていたのですが、厳密にやるなら本番環境で認証をかけた状態でもOGP確認できたほうがいいですよね。 本来不可能なのですが、便利な拡張機能「Localhost OGP チェッカー」を使えば可能なので、この使い方を解説します。

WordPressサイトにサクッとBASIC認証を実装したいけど、面倒くさいのは嫌だ、かといって変なプラグインも入れたくない。何かおすすめはないかなぁ… こんな疑問を解决します。 結論、「HTTP Auth」を使えばOKなので、使い方を解説します。 何と言っても、.htaccessファイルのためにサーバーを触らなくてもいいのが一番のメリット！！ また、最近はWordPressのログイン画面を見られると、WordPressだとバレてセキュリティリスクが高まるから、BASIC認証もかけて二重ログインにしようという風潮があります。 「HTTP Auth」は管理画面だけにBASIC認証をかけられるので、それにも対応可能です。 設定もとても簡単なので、1分で設定完了します。 この記事を書いたのは しょーご（@samurabrass） 当ブログ「しょーごログ」の運営者。2018年からWeb制作・フロン

WordPressのSEOプラグインって何がいいんだろう、最近はSEO SIMPLE PACKが良いとは聞くけど、具体的なメリットや使い方が知りたい。

WordPressの画像をWebPにしたいけど、画像も大量にあるし、どうしよう。そもそもブラウザは対応しているのかな？方法もわからないし、中々踏み出せない… こんな疑問を解决します。 実はIEが終わった今、WebPは既にほとんどのブラウザで利用可能であり、もうWebP対応しても問題ありません。 https://caniuse.com/webpまた、今回の「EWWW Image Optimizer」を用いた方法はpicture要素を用いるので、WebPに変換しても、未対応ブラウザでは従来のpng、jpgなどで表示されますので安心です。 この記事を書いたのは しょーご（@samurabrass） 当ブログ「しょーごログ」の運営者。2018年からWeb制作・フロントエンドエンジニアとして主にWordPressでのサイト制作やシステム開発のフロントエンドを担当。同時にブログとYouTubeで情報発

以下添付画像のアイコンを作っていきます。 完成のコードは以下です。 <?php // 現在のページURLを取得してURLエンコード $url_encode = urlencode( get_permalink() ); // 現在のページのタイトルを取得してURLエンコード $title_encode = urlencode( get_the_title() ); ?> <div class="container"> <ul class="sns-list"> <!-- Twitterの共有リンク --> <li class="sns-twitter"> <a class="sns-link" target="_blank" href="<?php echo esc_url( 'https://twitter.com/share?url=' . $url_encode . '&text='

AもしくはBの条件に当てはまる場合に表示させると言う分岐？のやり方がわかったのでご紹介いたします。 はじめに ワードプレスで新しく副業用のサイトを立ち上げたのですが、AかBの条件の時に表示させると言うような見せ方をしたくなったので、調べたところ結構簡単だったのでご紹介いたします。 注意事項 PHPなので、一度テストを行ってから本アップするようにしましょう。 今回やりたい事 今回はこういった事をやってみます カスタムフィールドAとカスタムフィールドBのどちらかに記入があった場合表示させる どちらにも記入がない場合は違う内容を表示させる 以上です。では早速作ってみましょう。 PHPのコードはこれだよ Custom Field Suite 私がよく使うCustom Field Suiteの場合はこのように表示します。 <?php if( $cfs->get('カスタムフィールドA') or $c

WordPressはこれまでブログやWebサイトの作成や管理のためのCMSとして多くのユーザーに利用されてきましたが、最近ではヘッドレスCMSとしてWordPressを活用する方法が注目されています。 ヘッドレスCMSとは、フロントエンドとバックエンドが分離されているCMSのことで、様々なメリットがあります。 今回は、WordPressをヘッドレスCMSとして利用するメリットや具体的な方法をご紹介したいと思います。 【2024年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ヘッドレスCMSとは ヘッドレスCMSとは、コンテン

ラジオボタンは以下のコードで実装しておきましょう。 <!-- //MW WP form出力部分 --> <span class="mwform-radio-field horizontal-item"> <label > <input type="radio" name="radio" value="radio1" /> <span class="mwform-radio-field-text">radio1</span> </label> </span> <span class="mwform-radio-field horizontal-item"> <label > <input type="radio" name="radio" value="radio2" /> <span class="mwform-radio-field-text">radio2</span> </label

先日、ベータ版になりますがWordPress.comのビジネスプランとコマースプランにステージングサイト機能が追加され、無料で使えるとのことでしたのでギャップロでも試してみることにしました。 作成手順や情報などは下記の公式情報を参照しました https://wordpress.com/ja/support/how-to-create-a-staging-site/ ステージングサイトの作成手順 公式情報にも書かれているのですが、手順としては 1.WordPressの管理画面のメニューから設定>「ホスティングの設定」をクリック 2.ホスティング設定画面の中に「ステージングサイト」の項目があるので、その中の「ステージングサイトを追加」ボタンをクリック するだけです。 ギャップロの場合、「ステージングサイトを追加」ボタンをクリックから20分前後でステージングサイトが作られました。投稿などのデータ