vpsを借りてwordpressを設置するのは簡単だが、ただ設置するだけだとデザイン調整を本番ままで調整したりいじってもバックアップ取らないといけなかったりとかが面倒になる。面倒なところは早めに潰しておきたいのでwordpressのデプロイをwp-deployで設定する。 wp-deployの機能として簡単に説明すると capistranoを使用 wordpressのコア部分はgithubにあるWordPressリポジトリからソースを持ってきて設置する 日本語対応させるためにこの設定は無くすけど WordPressのインストール階層の変更を使っている http://example.com/wordpress/に本体が入ります。 databaseの設定がyml管理 ローカル、ステージング、本番共に dbのバックアップがコマンドで実行できる 画像、dbの内容をローカルに持ってきたり本番に持って

WordPress は、プラグインで便利な機能をいくつでも追加できる。本記事では当サイト（Reinx）で実際に使用している WordPress プラグインを紹介する。どれも快適なブログ運営に欠かせないものばかりだ。 2023 年 9 月時点の運用環境は以下のとおり。 サーバー：エックスサーバー スタンダード PHP バージョン：7.4.33 WordPress バージョン：6.3.1 テーマ：Snow Monkey こんなプラグインがあったのか、という発見もあると思うので、ぜひ一通りチェックしてみてほしい。 管理系（バックエンド） Akismet Anti-Spam 「Akismet」は、WordPress にあからじめインストールされているプラグイン。WordPress は公開しただけでスパムが大量に送られてくるから、はじめに有効化しておきたい（要アカウント作成）。 Akismet は有

テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi

どうもコンニチワ、セミの鳴く季節に突入し、ますます外出したくないライターのモリイです。 本業ではWordPress専用のセキュリティ診断サービスを運営しているため、常日頃からWordPressユーザーの皆様のお役に立つセキュリティ対策を提供することを心掛けているのですが、みなさまがよく利用されているセキュリティpluginについては、以下のようなお悩みをよく耳にします。 「何ができるのか？」 「何ができないのか？」 「何が不足してどうすれば補うことができるのか？」 そこで、上記の内容について、以下でまとめてみました。今回の検証はかなり時間を要するものになりましたが、ご覧いただければ幸いです。 なお、今回検証したWordPress、およびセキュリティ対策プラグインのバージョンは以下のとおりです。（2014/07/22現在） WordPressバージョンやpluginバージョンにより設定可能な

慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp

July 10, 2014May 5, 2016WordPress で CSS、JavaScript ファイルを読み込む正しい方法Categories WordPress 誤った方法で行っている方を多く見かけますので説明します。 読み込むエリアにあわせて適切なフックを使用する wp_enqueue_scripts – サイト公開側に読み込む場合に使用するフックです。 login_enqueue_scripts – ログイン画面に読み込む場合に使用するフックです。 admin_enqueue_scripts – 管理画面に読み込む場合に使用するフックです。 上記フックは xxx_scripts という名前ですが、スクリプトだけでなくスタイルシートの読み込みにも使用されます。誤解を招き易い点なので注意してください。また、wp_print_scripts フック、wp_print_styles

「表示速度は検索順位に影響する」という話を聞いて PageSpeed Insights   で調べてみたら、あまりにスコアが低かった。何とかサイトスピードを改善したい。でも具体的に何をしたらよいのか…。 WordPress は自由度が高いぶん、知らないところで表示速度を低下させてしまうこともあります。でも、下手にプラグインを入れて対策すると、今度は別のところに悪い影響が出てくるかもしれません。 本記事では、WordPress 初心者でも「できるだけプラグインに頼らずに表示速度を改善する」方法を紹介していきます。できるところから少しずつ対策していきましょう。 初心者向け WordPress 高速化設定 9 選 WordPress に「ワンクリックでだれでも簡単にスピードアップ」という方法はありません。 キャッシュ系プラグインを使えばよさそうなものですが、エラーが出たり逆に遅くなったりすること

WordPress 管理画面のエディタで記事を編集するさい、作成途中のものは「下書きとして保存」しますよね。 ところが、ついうっかり「公開」や「更新」ボタンを押してしまったり、半角英数字でタイトルを入れているときに Enter を押して公開してしまったことがありませんか？ すぐ非公開に戻せばいいのですが、Twitter を自動連携させていると作成途中の記事が見られてちょっと恥ずかしく、なぜか後ろめたいに気持ちに。 というわけで、今日はそんなついうっかりを回避する小技をご紹介します。 管理画面のCSSを調整してボタンの色を変える まず、「下書き」ボタンを強調し、「公開」ボタンを目立たなくする小技から。 通常、投稿エディタの右上はこのように公開ボタンが目立っています。 夜中に記事を書いているときなど、ぼーっとしているとついつい公開ボタンを押しちゃいそうですね。 下書きボタンのほうを目立たせるよ

どうも〜こんにちはぁ！好きな食べ物は、SEO（スーパー・エッグ・オムライス）でありますライターの、のび太です。 サイト作りで忘れちゃいけないのがSEO。検索結果で1つでも上位に表示させるため、そして、アクセスアップのためにSEO対策はどんなサイトでも重要です。 WordPressには、SEOを強化するための便利なプラグインがたくさんあります。今回はその中でも特に使えると思ったものを厳選して8つご紹介したいと思います。 ※ここでご紹介するプラグインがすべてのサイトで100%使える保証はありません。使用する際は自己責任でお願いいたします。 SEOを強化するWordPress無料プラグイン8選 All In One SEO Pack https://wordpress.org/plugins/all-in-one-seo-pack/ SEOプラグインとして、定番中の定番なのが「All in On

作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ

WordPressプラグインの利用メリットとデメリット はっきり言ってメリットの方が大きいです。いろんな機能をプラグインで簡単に実装できるからこそ、WordPressを使う意義があると思っています。メリットのほんの一部だけ紹介します。 時間短縮：自作する前にすぐ実装できる。機会損失を防げる 知識補完：SEO・高速化など不慣れな人でも複雑機能を設置できる メンテが楽：WordPressバージョンアップ時も作業不要 記事に集中できる：ブログの裏方でなく本質に専念できる しかし何でもプラグインを使うクセがつくと、気づかない間に20、30ものプラグインを有効化してしまっています。簡単な機能でも数が増えれば、次のようなデメリットが生じます。 高速化の阻害：1つ1つは簡単機能でも、数が増えるとさすがに重くなる 更新停止：WordPressのバージョンアップについて来れないと問題発生もありうる 自分の好

WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、WordPressの表示速度を高速化させる方法をご紹介する。

WordPressには便利なプラグインが沢山あり、それらを使うことであまり知識がない方でも様々な機能を実装して自分好みのブログやサイトを作ることができます。 ソーシャルボタンやページネーションを簡単に設置できたり、関連記事や人気記事を手軽に表示できるといったような見栄えを変えたりするユーザー向け（表向き）の機能を実装するタイプのプラグインはよく見かけるのでご存じの方も多いと思いますが、WordPressにはこういったプラグインだけでなく、何かと捗る開発者向けの裏方タイプのプラグインも便利なものが数多くあるので、それらの中から自分が覚えておいて損はないと思うものを紹介します。 全部のプラグインを普段の開発時に使用しているというわけではありませんが、以下で紹介しているものはいずれも個人的に開発時に便利だと思ったプラグインです。 有名なデバッグ系プラグインをはじめ、テンプレートファイルやIDを容

「便利だから」とついインストールしてしまうWordPressのプラグイン。しかし、このプラグインがサイトの表示速度を遅くしている事があるのです。 それをチェックするために便利なプラグインを見つけました。ぜひ、チェックしてみましょう。 サイトにかかっている負荷を調べられるWordPressプラグインそのツールがP3(Plugin Performance Profiler)というWordPressプラグインです。導入方法と使い方も簡単ですので、以降を読んでいきましょう。 サイト高速化に必要な「P3」の導入方法まずはいつも通りプラグインをインストールしましょう。 ダッシュボードの「プラグイン」ー＞「新規追加」から検索フォームで「P3」と検索すると、一番上に出てきます。それをインストールして有効化してください。 すると、ダッシュボードの「ツール」に「P3」が表示されますので、 クリックします。 プ

WordPressが公式提供しているプラグイン「JetPack」。 このプラグインを入れるだけで、様々な機能をWordPressに追加することができるわけですが、さきごろアップデートが行われてバージョン2.9となり、新たに関連記事を表示する機能が追加されました。 うーむ、ますます便利なプラグインに進化してますねぇ。 今回追加された新機能「関連記事」を有効化すると、記事下にアイキャッチとタイトル、それとカテゴリー加わった記事リンクが追加されるとのこと。 via. Related Posts — Jetpack for WordPress 特にCSSでデザインをいじらなくてもこのようなスタイルがデフォルトで指定されるようなので、HTMLとかCSSとかよくわかんないよ! なんていう人でも気軽に利用することができますね。 表示件数や関連記事エリアの表示箇所などは、functions.phpにコード

著者：シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm（プラズム、って読みます）」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb

こんにちわ！　初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single()　詳細ページか判定 is_page()　固定ページか判定 is_category()　カテゴリアーカイブか判定 is_tax()　タクソノミアーカイブか判定 is_post_type_archive()　ポストタイプアーカイブか判定 is_author()　筆者アーカイブか判定 is_singular()　投稿タイプの詳細ページか判定 is_preview()　プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし

title: Jetpack 次バージョン (2.8) では関連記事表示とマークダウン・パブリサイズのカスタム投稿タイプ対応… WordPress をサーバーへインストールして使っている人ならもはや、ほぼ使っているでしょうか、Jetpack。 パブリサイズ共有という SNS への自動投稿機能がカスタム投稿タイプに対応していなかったため、 Jetpack の開発動向を Github でずっと追いかけていたんですが、めでたくカスタム投稿タイプ、パブリサイズ対応。 と他を見てみるとなんと関連記事表示とマークダウンの機能が追加されており。 関連記事表示とマークダウンの機能が追加 試してみたんで紹介もかねて。 Jetpack 関連記事表示 有効化しまして設定へ。 Jetpack 関連記事設定 設定項目は “関連記事” 題名の表示・非表示 サムネイルの表示・非表示 が現段階で設定できる模様。 Prev

Pocket News Generator Pocketにクリップしたアイテムから日にち時間と数を設定して、自動でブログ用の記事を生成してくれると言う、とても便利なWordPressのプラグインです。