投稿や固定ページのURLが日本語にならないようにする方法 - OPENCAGE
リンクをコピー WordPressでは、パーマリンク設定に「投稿名」を入れることが推奨されています。 この場合、投稿画面でパーマリンク（URLスラッグ）を編集して任意のスラッグ名を入力できますが、これを忘れると日本語タイトルがそのままURLに反映されてしまします。 ここで問題になるのは、日本語が含まれるURLは（環境によって）下記のようにエンコードされた長い文字列のURLに変換されてしまうことです。 例） https://open-cage.com/%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%91%e3%83%bc%e3%83%9e%e3%83%aa%e3%83%b3%e3%82%af%e3%81%aeurl%e3%82%b9%e3%83%a9%e3%83%83%e3%82%b0%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%9
設定楽々！WordPress (ワードプレス)の自動更新を停止・有効化をする方法！ | CMS比較NAVI
WordPressの自動更新を止めるにはどうすればよいのか、あるいは自動で更新するように設定するにはどうすればよいのか知りたいのではないでしょうか？WordPressの自動更新は、functions.phpにコードを加えるかプラグインを利用することで、有効・停止の設定ができます。有効・停止の設定ができるのは以下の4点になります。 個別に自動更新を有効・停止に設定することも、まとめて設定することも可能です。WordPressの自動更新を有効にしておけば毎回手動で更新する必要がなくなるので、面倒な手間を減らせます。 WordPress (ワードプレス)の自動更新について WordPressではマイナーアップデートが自動で行われる設定になっています。マイナーアップデートはセキュリティに関する内容がほとんどです。不正アクセスを未然に防ぐためにはできるだけ早く更新しておく必要があるため、WordPr
ShopifyとWordPressを連携させて、ECサイトを少額で簡単に構築する方法
2020年7月10日 ShopifyとWordPressを連携させて、ECサイトを少額で簡単に構築する方法 「WordPressサイトとShopifyを連携させて、商品を販売できるようにしたい」 「連携によって、コーポレートサイトとブランドカタログサイトを兼ねたい」 「具体的な連携の手順を知りたい」 本記事はそんな方のための記事です。Shopifyでは、「埋め込みコード」発行機能によってWordPressで作成したサイトにカート機能を持たせることができます。 この方法を使うことで、ECサイトを一から作らずとも、商品やサービスをWeb上で販売できるようになります。 本記事では、そんなShopifyとWordPressの連携について、Shopify Expertsに認定されている弊社が丁寧にお伝えしてまいります。 この記事のポイント ShopifyとWordPressの連携方法がキャプチャ付き
MW WP FormでバリデーションルールにNGワードを追加する方法 | コジンテキネット
WordPressのお問い合わせフォームに「MW WP Form」というプラグインを使っていますが、ここ最近は迷惑な宣伝投稿が増えてきました。 人間が投稿しているのであれば我慢も出来ますが、おそらく誰かがWordPressフォームのURLを収集、リスト化してボットが定期的に自動投稿しているものと考えられます。 パケットの無駄なので、これらの社名・サービス名・ドメイン名をNGワードにして二度と投稿出来ない設定を簡単に追加したのでシェアします（他のプラグインに頼らずに実装） 以下のコードをfunctions.phpに追加する <?php //--------------------------------------------- // + 問い合わせフォームのSPAM排除 //--------------------------------------------- function mwf
40+ Free WordPress Generators to speed up development 🔥
How to use WPTurbo generators? Once you choose a generator, fill the fields on each tab to configure the expected behaviour. Then, click on the Update code button to get the generated snippet. Finally, copy/paste or download the code for your project. Where to put generated snippets? It depends. Some generators are theme related and other are plugin related. Also, if you want to customize a WordPr
プレフィックスの変更の備忘録 ｜ へいぜい！
このサイトの記事には、アフィリエイト広告があります。 年末にサーバー移転にチャレンジしてみました。 ただ… 移転したはいいけど同時にプレフィックスの変更も行なったためか、カテゴリがうまく反映されなくて、めちゃくちゃ困った… 移転前にアップロードしていた画像をダウンロードし忘れて消してしまうし… 気がつくとそのままの状態で、年始に風邪をひいてしまったので結局放置。 2019年、気持ちも新たに日記も新しくって思ったけれど記事は残しておきたいし、このまま使用しても正常に機能してなかったら後々泣きをみそうなので、改めてプレフィックスの変更をしてみたので備忘録。 プレフィックスの変更.step1 1.pypMyAdminにログインして目的のデータベースを選択。 2.SQLタブを選択して下記のクエリを実行。 ※例えば「wp_」を「wp15_」に変更したい場合の例 ALTER TABLE wp_comm
【WordPress】管理画面にオリジナルのメニュー画面を作る方法
WordPressテーマを自作・カスタマイズする時に、よく管理画面にオリジナルのメニュー画面を設けたい時があるかと思います。 たとえば、サイトの使い方を管理画面に記載したかったり、サイト全体の設定を管理画面で分かりやすく一括管理したい場合などにオリジナルメニューを設けます。 今回はそんなオリジナルメニュー画面の作り方について見ていきたいと思います。 WordPress管理画面に独自のメニューを作る参考：管理メニューの追加 – WordPress Codex WordPressの管理画面に以下のようなオリジナルのメニュー画面を作っていきます。 メニュー作成は、トップレベルメニューと、サブレベルメニューがあります。 上の大見出しが、親となるトップレベルメニュー、その下がサブレベルメニューになります。 「add_menu_page」「add_submenu_page」を使用して制作します。 トッ
【WordPress】プラグイン開発：管理画面をクラスで作成する際のadd_menu_page、add_actionの書き方
WordPressのプラグイン開発時での管理画面のコーディング例です。 WordPress管理画面に登録する際のアクションフックの記述方法などいくつか悩んだポイントがありましたので参考までに解説します。 WordPressで管理画面をつくるサンプルコード class-admin.php <?php /** * 管理画面コントローラー */ if (!defined('ABSPATH')) exit; require_once __DIR__ . '/view-admin.php'; // オプション名設定 define('MY_EXT_OPTION', 'my_ext_option'); class adminController { /** * コンストラクタ */ function __construct() { // WordPress管理画面にメニュー登録するアクションフック ad
メールで投稿できるようにする方法【WordPress】 | yama-design
設定する機会は少ないかもしれませんが、WordPressの投稿をメールでするための設定方法です。 ポイントはこちら。 指定のメールアドレスに送ったメールが投稿となる。投稿専用の新しいメールアドレスを作る。WordPressでそのメールをチェックできるようにする。（この時点ではまだ手動）プラグインで定期的に自動でメールをチェックし、投稿してくれるようにする。 順番に流れを記していきます。 目次01.投稿専用の新しいメールアドレスを作る。Googleアカウントを新規作成するGmailの設定をする02.WordPressでメールをチェックできるようにする。03.自動でメールをチェック＆投稿してくれるプラグイン「Postie」を設定04.最後にメールを送って確認WordPressの勉強するならこの一冊01.投稿専用の新しいメールアドレスを作る。 メール投稿は、指定のメールアドレスに送られたメールを
WordPress を PWA 化できる「Super Progressive Web Apps」の使い方・設定方法 - Naifix
WordPress はプラグインを使うことで簡単に PWA 化できます。 PWA 用のプラグインは複数あり、いろいろ試してみましたがどれも使い勝手はさほど変わりませんでした。 ここでは 2018 年 10 月時点でレビュー評価数が最も高く、必要最低限の設定で簡単に扱える「Super Progressive Web Apps（Super PWA）」の使い方と設定方法をご紹介します。個人ブログならこれで十分です。 PWA（Progressive Web Apps）とは この記事をご覧いただいている時点で PWA についてある程度ご存知だと思いますが、ざっくり概要を挙げておきます。 Web サイトをスマホアプリ化できる スマホホーム画面に簡単に追加してもらえる プッシュ通知によって再訪問を促すことができる オフラインでも閲覧してもらえる Chrome などのブラウザ経由より圧倒的に高速表示できる
NullNull
当ブログ（WordPress）をPWAに対応させたので必要なファイルや導入手順を解説します。 必要なファイルPWAに必要なファイルは大きく分けて以下の3つ。 アイコンmanifest.jsonsw.js どれも記述するコード量は多くありませんので次以上の項目で詳しく説明していきます。 アイコンの作成まず、ホームに追加した時に表示されるアイコンファイルを作成しましょう。 必須サイズは192x192pxと512x512pxの2つになります。 このブログではpwa_192.pngとpwa_512.pngというファイルを作成しました。 作成したら任意の名前をつけて、WordPressのインストールディレクトリ（wp-settings.phpなどがある所）やテーマディレクトリなど任意のディレクトリにアップロードしてください。 manifest.jsonの作成次にmanifest.jsonというjso
WordPressの新規・編集の投稿でメールを送信する | カバの樹
はじめに クライアントから記事を投稿した際に、グループメールに通知を送って欲しいと要望がありました。 新規・編集のどちらかを行った時に、通知メールを飛ばす機能を追加することにしました。 設定 WordPressの基本の投稿 及び カスタムタイプで保存をした時に呼び出されるフックとして「save_post」というものが用意されています。 これを利用して、リビジョン・自動下書き・指定のポストタイプ以外を除外してメールを送信する仕組みを組み込みます。 下記のコードを functions.php に設定します。 function my_project_updated_send_email( $post_ID ) { // リビジョンならメールを送らない。 if ( wp_is_post_revision( $post_ID ) ) return; // 自動下書きはメールを送らない。 if(get
ウェブサイトにInstagramを表示させたり、投稿を連動させるベストな方法
InstagramをウェブサイトやWordPressに表示させたり、WordPressの記事を自動的にInstagramにも投稿させる方法など、Instagramの連携方法をご紹介します。 「ホームページにインスタグラムの写真を表示したい」 「ブログを投稿すると、インスタグラムにも自動で投稿したい」 と言ったケースは多いと思います。 ホームページとインスタグラムの連動についてベストな方法をご紹介いたします。 ホームページとインスタグラムの連動させる事前確認 SEOの影響 表示する枚数やキャッシュ機能、LazyLoadなどを利用することで、素早く表示させることができます。 instagramの写真を表示させることで、ホームページの表示速度が遅くなり、SEOへの影響を気にされる方もいますが、当社の事例や、海外の事例をみても影響はありません。 ただし、サイトスピードテストには影響するため、点数が
WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法
2022年12月24日 JavaScript, React, Wordpress 最近はReactをベースにしたフレームワーク、Next.jsをいじっております。今回はWordPressに登録した投稿をNext.jsで表示させてみようと思います！ ↑私が10年以上利用している会計ソフト！ ヘッドレスCMSとは？ ヘッドレスCMSはコンテンツの管理のみをするCMS（＝Content Management System）のこと。例えばWordPressではコンテンツの作成から表示までを行えますが、ヘッドレスCMSではコンテンツの表示は別の方法で行います。ここではNext.jsを使ってみます。 ヘッドレスCMSを使うメリット 表示部分を別途用意することになんのメリットがあるのでしょうか？ざっくりと以下の3点が挙げられるかなと思います： 表示速度の改善 セキュリティの向上 管理しやすい 通常のWo
実はこんなこともできる！MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで
WordPressのプラグイン・ACF Extendedの充実した機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさい！ エンジニアのうーまーです。沖縄からフルリモートでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこともあります。そういうかゆいところに手が届くようにしてくれるのがこのACF Extendedです。 機能があまりにも多すぎてすべては紹介しきれないのですが、個人的にすごいと思う機能をいくつかピックアップして紹介したいと思います。 ACFとは？その拡張とは？ Advanced Custom Fields (ACF) とは、WordPressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるWordPressの追加機能（プラグイン）です。 テキストや画
【セキュリティ対策】WP-Cerberの設定方法！海外在住ブロガーは必須！サイバーアタックやワードプレスのっとり防止
WPプラグイン 【セキュリティ対策】WP-Cerberの設定方法！海外在住ブロガーは必須！サイバーアタックやワードプレスのっとり防止 ワードプレスブログに絶対マストなのはセキュリティ対策プラグインです！ワードプレスの管理画面からログインされてブログを書き替えられたり、真っ白にされてはかないませんから！ サイバーアタックを防止するために万全を尽くすためのプラグインが『WP-Cerber Security, Anti-spam & Malware Scan』です。設定がかなり細かくてブログ初心者さんだとよくわからないかもしれないので、とにかく真似してください！ 私はもともとは別のセキュリティプラグイン『SiteGuard WP Plugin』を使っていたのですが、いつもお世話になっている企業のセキュリティ担当の方からこちらのプラグインを教えていただきました。設定もWebセキュリティ担当の方直々
【WordPress】スラッグに記事IDを自動で指定する方法を解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 小学生のときからモスキートーンが聴こえなかったバックエンドエンジニアのまうみです。 今回はWordPressのカスタマイズでも定番の記事のスラッグの自動記事ID設定を紹介します。 なぜスラッグを記事IDにするのか まずはデフォルトの設定を確認してみましょう。 このように記事を保存した際に、記事のタイトル（日本語）がそのままスラッグに指定されてますね。 URLに日本語が混ざってしまうことを避けたい場合、記事を保存した後に、任意の英数字のスラッグを指定すれば問題ありません。 しかし、もし設定を忘れてしまったら? 日本語のURLが設定された状態でGoogleのインデックスに登録されてしまった場合、スラッグを後から変更するにはリダイレクトの設定が必要です。これは面倒ですね。 記事の保存時に日本語以外でユニークなスラッグが指定されていれば、少なくとも日本語が入ったままのURLで公開され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CocoonのPWA機能は廃止になりました。（2023/2/5）
Wordpressおすすめのメディア設定！最適な画像サイズとは？サムネイル、中、大、フルサイズ4種類の使い方！
