個人ブログから企業サイトまで、WordPressのテーマを数多くリリースされているTCD様から、個人ブログ・サービスブログ向けの有料テーマファイル「GLUE」を無料でダウンロードできるので、紹介します。 完全無料で、商用...記事の続きを読む

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では、パーマリンク設定に「投稿名」を入れることが推奨されています。 この場合、投稿画面でパーマリンク（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サイトとShopifyを連携させて、商品を販売できるようにしたい」 「連携によって、コーポレートサイトとブランドカタログサイトを兼ねたい」 「具体的な連携の手順を知りたい」 本記事はそんな方のための記事です。Shopifyでは、「埋め込みコード」発行機能によってWordPressで作成したサイトにカート機能を持たせることができます。 この方法を使うことで、ECサイトを一から作らずとも、商品やサービスをWeb上で販売できるようになります。 本記事では、そんなShopifyとWordPressの連携について、Shopify Expertsに認定されている弊社が丁寧にお伝えしてまいります。 この記事のポイント ShopifyとWordPressの連携方法がキャプチャ付きでわかる ShopifyとWordPressの連携にオススメの「ライトプラン」についてわかる より売れるよう

WordPressのお問い合わせフォームに「MW WP Form」というプラグインを使っていますが、ここ最近は迷惑な宣伝投稿が増えてきました。 人間が投稿しているのであれば我慢も出来ますが、おそらく誰かがWordPressフォームのURLを収集、リスト化してボットが定期的に自動投稿しているものと考えられます。 パケットの無駄なので、これらの社名・サービス名・ドメイン名をNGワードにして二度と投稿出来ない設定を簡単に追加したのでシェアします（他のプラグインに頼らずに実装） 以下のコードをfunctions.phpに追加する <?php //--------------------------------------------- // + 問い合わせフォームのSPAM排除 //--------------------------------------------- function mwf

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_c

WordPressテーマを自作・カスタマイズする時に、よく管理画面にオリジナルのメニュー画面を設けたい時があるかと思います。 たとえば、サイトの使い方を管理画面に記載したかったり、サイト全体の設定を管理画面で分かりやすく一括管理したい場合などにオリジナルメニューを設けます。 今回はそんなオリジナルメニュー画面の作り方について見ていきたいと思います。 WordPress管理画面に独自のメニューを作る参考：管理メニューの追加 – WordPress Codex WordPressの管理画面に以下のようなオリジナルのメニュー画面を作っていきます。 メニュー作成は、トップレベルメニューと、サブレベルメニューがあります。 上の大見出しが、親となるトップレベルメニュー、その下がサブレベルメニューになります。 「add_menu_page」「add_submenu_page」を使用して制作します。 トッ

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の投稿をメールでするための設定方法です。 ポイントはこちら。 指定のメールアドレスに送ったメールが投稿となる。投稿専用の新しいメールアドレスを作る。WordPressでそのメールをチェックできるようにする。（この時点ではまだ手動）プラグインで定期的に自動でメールをチェックし、投稿してくれるようにする。 順番に流れを記していきます。 目次01.投稿専用の新しいメールアドレスを作る。Googleアカウントを新規作成するGmailの設定をする02.WordPressでメールをチェックできるようにする。03.自動でメールをチェック＆投稿してくれるプラグイン「Postie」を設定04.最後にメールを送って確認WordPressの勉強するならこの一冊01.投稿専用の新しいメールアドレスを作る。 メール投稿は、指定のメールアドレスに送られたメールを

Cocoon 2.7.0公開。ads.txt編集・リファラー設定機能の追加。AMP・PWA・HTML縮小化機能の廃止 Cocoon 2.6.9からの変更点です。作者がちょっと体調不良でトータル1ヶ月ほど入院してたためアップデートを行えず、その分溜まった変更や修正が多くなりました。機能追加 ads.txt編集機能の追加 Cocoon設定の「SEO」タブにリフ...

WordPress はプラグインを使うことで簡単に PWA 化できます。 PWA 用のプラグインは複数あり、いろいろ試してみましたがどれも使い勝手はさほど変わりませんでした。 ここでは 2018 年 10 月時点でレビュー評価数が最も高く、必要最低限の設定で簡単に扱える「Super Progressive Web Apps（Super PWA）」の使い方と設定方法をご紹介します。個人ブログならこれで十分です。 PWA（Progressive Web Apps）とは この記事をご覧いただいている時点で PWA についてある程度ご存知だと思いますが、ざっくり概要を挙げておきます。 Web サイトをスマホアプリ化できる スマホホーム画面に簡単に追加してもらえる プッシュ通知によって再訪問を促すことができる オフラインでも閲覧してもらえる Chrome などのブラウザ経由より圧倒的に高速表示できる

当ブログ（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の基本の投稿 及び カスタムタイプで保存をした時に呼び出されるフックとして「save_post」というものが用意されています。 これを利用して、リビジョン・自動下書き・指定のポストタイプ以外を除外してメールを送信する仕組みを組み込みます。 下記のコードを functions.php に設定します。 function my_project_updated_send_email( $post_ID ) { // リビジョンならメールを送らない。 if ( wp_is_post_revision( $post_ID ) ) return; // 自動下書きはメールを送らない。 if(get

InstagramをウェブサイトやWordPressに表示させたり、WordPressの記事を自動的にInstagramにも投稿させる方法など、Instagramの連携方法をご紹介します。 「ホームページにインスタグラムの写真を表示したい」 「ブログを投稿すると、インスタグラムにも自動で投稿したい」 と言ったケースは多いと思います。 ホームページとインスタグラムの連動についてベストな方法をご紹介いたします。 ホームページとインスタグラムの連動させる事前確認 SEOの影響 表示する枚数やキャッシュ機能、LazyLoadなどを利用することで、素早く表示させることができます。 instagramの写真を表示させることで、ホームページの表示速度が遅くなり、SEOへの影響を気にされる方もいますが、当社の事例や、海外の事例をみても影響はありません。 ただし、サイトスピードテストには影響するため、点数が

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

こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで

はいさい！ エンジニアのうーまーです。沖縄からフルリモートでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこともあります。そういうかゆいところに手が届くようにしてくれるのがこのACF Extendedです。 機能があまりにも多すぎてすべては紹介しきれないのですが、個人的にすごいと思う機能をいくつかピックアップして紹介したいと思います。 ACFとは？その拡張とは？ Advanced Custom Fields (ACF) とは、WordPressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるWordPressの追加機能（プラグイン）です。 テキストや画

WPプラグイン 【セキュリティ対策】WP-Cerberの設定方法！海外在住ブロガーは必須！サイバーアタックやワードプレスのっとり防止 ワードプレスブログに絶対マストなのはセキュリティ対策プラグインです！ワードプレスの管理画面からログインされてブログを書き替えられたり、真っ白にされてはかないませんから！ サイバーアタックを防止するために万全を尽くすためのプラグインが『WP-Cerber Security, Anti-spam & Malware Scan』です。設定がかなり細かくてブログ初心者さんだとよくわからないかもしれないので、とにかく真似してください！ 私はもともとは別のセキュリティプラグイン『SiteGuard WP Plugin』を使っていたのですが、いつもお世話になっている企業のセキュリティ担当の方からこちらのプラグインを教えていただきました。設定もWebセキュリティ担当の方直々