WordPress管理画面のデザインを自分好みにカスタマイズできることをご存知でしたか？ ちょっとしたデザインのアレンジを加えるだけでも記事作成に対するモチベーションは大きく変わってきます。「いい気分でつくればいいものができる」とはよく言われますよね。気分のノリがカスタマイズ前とは大きく違うので記事作成の効率もクオリティも自然と上がります。 さて、今回はそんなメリットも見込めるWordpress管理画面デザインのカスタマイズ方法を紹介します！ プラグインを使わずに管理画面をカスタマイズする さて、実際のやり方について触れていきます。 プラグインを使用しない場合、functions.phpを直接編集していきます。functions.phpの編集に失敗するとWordpressにアクセスできなくなるので、かならずfunctions.phpのバックアップを取ってから自己責任でカスタマイズしてくださ

個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす

WordPressのフロントエンドを使わず、WordPressをバックエンドのAPIとして構築するHeadless CMSという手法が人気を集めています。今回は、WordPressで、Headless CMSのREST APIを使う開発環境をDocker上に構築し、JWT認証でCRUDする方法を紹介します。 はじめに 従来は、WordPressでCMSを構築する場合、フロントエンドとバックエンドを分けることなく、外観はCSSとPHPでテーマとして作成する方法が一般的でした。しかし、最近では、フロントエンドが多様化しており、WordPressだけであらゆるフロントエンドに対応することが困難であるため、WordPressをバックエンドのAPIとして動作させるHeadless CMSという手法が人気になっています。最新のWordPressはデフォルトで複数のフォーマットのAPIをサポートしており

概要 Elasticsearchの日本語の形態素解析をする際に利用されるkuromojiは非常に便利ですが、その辞書であるIPADICは更新が止まっているためやや古い状態です。 その辞書を更新してくださった方がいらっしゃり、neologdとして公開されているためそれを導入して新語でもきちんと解析できるようにします。 環境 Elasticsearch 2.3.2 kuromoji 2.3.2 neologd 5.5.0-20160411 プラグインインストール kuromoji # ./bin/plugin install analysis-kuromoji neologd ./bin/plugin install org.codelibs/elasticsearch-analysis-kuromoji-neologd/2.3.0 最新版だと以下の様なwarningが出るので「y」でインスト

2017年10月10日 nginx + PHP-FPM7 + HTTP/2 版の解説エントリを公開しましたので、そちらをご覧ください。 docker-compose で作る nginx + PHP-FPM7 + HTTP/2 に対応したモダンな WordPress 開発環境 はじめに 久々に WordPress を使って web サイトを作成する機会があったので、これを期に Docker を使った WordPress 環境を構築する手順を学んでみることにしました。単に WordPress を動作させるだけの手順であればググればいくらでも出てきますが、テーマ開発に適した構成や WP プラグインインストールの自動化などがまとまった情報がイマイチ見当たらなかったので、備忘録として残しておくとします。今回は docker-compose を使って複数のコンテナによる構成を組んでみましょう。 doc

さくらインターネットのレンタルサーバーにWordMoveを使ってデプロイしようと思ったら、下記のエラーが出てデプロイ出来なかったので、備忘録として残しておきます。 もしかしたら、さくらインターネットだけではなく他のサーバーでも起きるかもしれないです。 エラー内容 gzip: /home/ystk-kai/www/ystklog/wp/wp-content/dump.sql: Text file busy /home/vagrant/.gem/ruby/2.3.0/gems/wordmove-2.0.0/lib/wordmove/deployer/base.rb:132:in `run': Return code reports an error (Wordmove::ShellCommandError) from /home/vagrant/.gem/ruby/2.3.0/gems/wor

便利すぎて、正直びっくりした。 Local by Flywheel のウェブサイト WordCamp US へ参加した際にブースを出していたのを見かけていたのが “Local by Flywheel” というローカル環境を構築するためのツール（https://local.getflywheel.com/）。 MAMP (Pro) の UI が綺麗で速くて各サイトが分離されていて、機能がとても多い版というと分かりやすいでしょうか。また、WordPress の環境に特化しており、ワンクリックインストールやマルチサイト、SSL、Apache/Nginx の選択や切り替え、メールのデバッグツールや開発中のサイトの一時的な公開など、WordPressを使ってウェブサイトを作りましょう、となった場合に必要になりそうな機能を備えています。 で、無料です。 トップページに書かれているその機能は以下のように

Eストアのショップサーブの WordPress ショップサーブが WordPressサービスを開始 2014年9月9日に Eストアのショップサーブが WordPressサービスを開始しました。 http://help.shopserve.jp/support/management/new-function-guide.html このページの 2014年9月9日の辺りを参照してください。 ショップサーブは、ECサイトの ASPサービスですので、FTPでサーバにファイルをアップロードすることなどは出来ますが、データベースを利用することは出来ませんでした。 そのため、WordPressなどのアプリを使ってスタッフブログやプロモーションコンテンツを作ろうと思っても対応できかねる状態にありました。 ですが、WordPressのオプションサービスを開始したことで、これが可能になりました。 ショップサー

横田です。このサイトもWordPressで動いておりますが、WordPressのインストールは意外に面倒なものです。最近のレンタルサーバでは1クリックでインストールできる物も増えておりますが、MySQLの設定をしたりと結構面倒です。今回は「さくらのクラウド」を利用して「レンタルサーバ」でのWordPressの設置よりも簡単にWordPressをインストールする方法をご紹介いたします。 《会員登録からアカウント登録》 まず「さくらのクラウド」を契約してコントロールパネルにログインしてください。会員登録は「さくらのクラウド」のページの中にある「アカウント開設はこちら」というページから登録して電話認証などが済めばログインができます。正直面倒ですが、ここは歯を食いしばって登録してください。 会員登録が済めば「さくらのクラウドのコントロールパネル」にログインできます。ログインをすると、こちらのページ

営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理

プラグインを使わずに設定 OGPメタタグを追加する専用のプラグインを利用せずに、HTMLのhead領域にメタタグを出力するコードをfunctions.phpに追加する方法でOGPに対応します。 やり方 functions.phpの場所 WordPressで設定中のテーマ内にfunctions.phpが配置されています。公式テーマtwentythirteenの場合は、 wp-content/themes/twentythirteen/functions.php に配置されています。 コピペするコード functions.phpの最後に下のPHPコードをコピーして追加します。 function add_ogp() { // 変数の設定 $site_name = get_bloginfo('name'); $permalink = esc_url((empty($_SERVER["HTTPS"]

初めてのシェルスクリプト！ 便利なものを作ってみたいな、ということで普段使いができる、時間がかかってしまって面倒なことを自動化する試みであります。 さて、今回は、たとえば、 複数の WordPress のサイトやプロジェクトを管理していて定期的に、あるいは WordPressの本体がアップデートされた時にコアやプラグインをアップデートし、チームやクライアントにメールで報告するタスク 機能追加やバグ取りなどを実施する前に本番の環境を手元に持ってきて、その際にバックアップも作るしそのログも残すタスク を自動的にやってくれるコマンドを作ってみました。 ローカルのDBのバックアップをする リモートのファイルとデータベースを持ってきて反映 同時にバックアップも作る ついでに作業内容のログを残し、 クライアントサイトの場合には、報告のメールの文章を用意したい という内容でございます。 もっとこういう風

WordPressは手軽にWebサイトが構築できるパワフルなツールですが、昨今その脆弱性を狙った攻撃が多様化しており、保守に関わるコストも増大しています。 そこで本サイトでは、ローカルの仮想環境に構築したWordPressからHTMLファイルを生成し、完全な静的サイトとして安全に公開・運用するフローを導入しました。 仮想環境や、WordPressの静的化というと難しく聞こえるかもしれませんが、便利なツールやプラグインを使えば、比較的簡単に実現することができるので、今回はその方法を紹介します。 注意：このページの解説はMac OS X 10.9.5環境での作業を前提に動作の検証を行っています。 WordPressのセキュリティ対策について 近年、WordPressに対するアタックが増加しており、度々ニュースにもなっていますが、皆さんWordPressのセキュリティ対策はどうされていますか？例