はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La

WordPressで会員サイトを作る時は、WP-MembershipやGianismなど色々なプラグインがあります。 今回はその中でも、SimpleMembershipの使い方をご紹介します！ SimpleMembershipは無料のプラグインなのに、PayPalの決済がついていたりするプラグインです。 ただ、今回は無料会員サイトを作るということを前提にして、基本的な設定方法や設定後の流れなどを紹介していきます。 最初の基本的な設定は決済を入れる場合も入れない場合も同じなので、ぜひ最後まで読んでみてください！ SimpleMembershipのインストール WordPressメニューのプラグインから新規追加をクリックします。 あとは、右上の検索バーにSimple Membershipと入力して検索。 検索後にSimple Membershipのプラグインが表示されるので、「今すぐインストー

WordPressを使って、プログラムなしでカスタムフィールド検索を行いたいと思い調べてみました。 どうやらWP Custom Fields Searchというプラグインがカスタム検索に向いているようです。 また、Advanced Custom Fieldsを使うと自由にカスタムフィールドを作りことが可能です。 これらの2つのプラグインを組み合わせた簡易的な検索画面の作成例はなかなか見つからなかったので、今回、この二つのプラグインを合わせて簡単な検索画面を作ってみました。 Advanced Custom Fieldsのインストールのインストールと設定 まず、Advanced Custom Fieldsをインストールします。 Customise WordPress with powerful, professional and intuitive fields Advanced Custom

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.(&#91;Hh&#93;&#91;Tt&#93;&#91;Aa&#93;)"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。

[追記] 2013年当時は結構使い道があったデバイス別表示設定。 あれから年月も経ちスマホ性能がかなりよくなり、通信状況も5Gが登場するなど格段に良くなりました。 今はこの設定は私はしていませんのであしからず…。 [追記終わり] パソコンとスマートフォンで表示を切り替える、と言うのはWordPress界隈では特段珍しくない技術です。 wp_is_mobile関数 – WordPress3.4から実装されたパソコン用サイトとスマートフォン用サイトを分ける条件分岐タグ | 株式会社コミュニティコム WordPress：PCとスマートフォンでコンテンツを切り替えたい際に便利なwp_is_mobile関数＋α | NxWorld WordPress本体に組み込まれている『wp_is_mobile関数』とそれを少し使い勝手を良くした『is_mobile』の2つが王道。 ですが、これらの関数を使う際に

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の２つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも２つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 ま

有名なWorpdressプラグイン「All in One SEO Pack」。多分に漏れず私も使っております。 今回「ある一部のページだけ例外的に異なるタイトルを生成したい」と思いました。 All in One SEO Pack が生成するタイトルでは、不都合なページがあるというわけです。 タイトル生成に関わるwp_titleフックを使って変更しようとしてみたのですが、All in One SEO Pack が生成するタイトルの優先度が高いので、変更できません。 そこで少し調べると、All in One SEO Pack にフックが用意されているのがわかりました。 All in One SEO Packとapply_filtersとadd_filterと | funxion aioseop_titleフックが使えます。 add_filter( 'aioseop_title', 'my_ch

今では自動アップグレードが主流のWordPressですが、使用しているサーバーが貧弱だったりする場合、この自動アップグレードが使用できません。そんな時はWordPressを手動でアップグレードする必要があります！その方法をご紹介！ まえがき 先日、とある「Bizメール NTT Communications」とかいうサーバー上で使用しているWordPressを管理画面からアップグレードしようとしたら 「out of memory」というエラーがでて自動アップグレードできなかったので手動でアップグレードしました。 その方法を自分用も兼ねてのメモでごわす。 サーバー上のファイルとデータベースのバックアップをとる 手動アップグレードの前には必ずファイルとデータベースのバックアップをとってください。 サーバー上のファイルは基本的にFTPソフトを使用してバックアップをとります。 データベースのバックア

あまりにもうちのブログが遅いので、とりあえずやれるだけの事はやってみようと思い立ち、色々なサイト高速化に取り組んでみました。やったこととしてはざっと以下の感じです。 キャッシュ系のプラグインをつっこむ.htaccessに画像やフォントの有効期限＆圧縮転送の設定を入れるSixcoreでAPCを有効化するアップロードしている画像を片っ端からロスレスに変換■まずは結果からとりあえず、GTmetrixで計測した結果、最初がEランクという残念きわまりない結果だったのに対し、 キャッシュ系の対策後はページスピードがかなり改善（53%⇒74%） 指摘されている項目「Minify CSS」はこの後Head Cleanerというプラグインの設定をいじったら改善されました。「Enable gzip compression」はプラグインでgzip化してもダメだったので「Leverage browser cach

WordPressではショートコードを自作して 好きなときに使う事が出来ます。ショート コードを利用すると、通常記事内では出来 ない事もできる様になったり、面倒なマーク アップを簡略化できたりと、とても便利 ですので、ぜひ覚えてみてください。 という訳で、WordPressで作っておくと便利なショートコードをいくつかご紹介します。 その前に宣伝。 WordPressのスニペットを集めてシェアする事にしました ご存知のように、WordPressで使える便利なコードは日々世界中で公開、シェアされています。その背景にWordPressがOSSであることが理由の一つとしてあげられるかと思います。 WordPressはGPLですので、極論を言えば有料のプラグインも無料で配布可能です。このあたりがGPLが一部の方に嫌われる原因でもありますが、沢山のコードを割と自由に使う事が出来るのも利点の一つです。

ブックリーダーの覇権争いや、書籍フォーマットの標準化などで、何かと混沌としている「電子書籍」ですが、コンテンツを持っている人たちが、出版社を経ずに気軽に出版、販売できるようになったのは間違いない感じです。そういう意味だと、電子書籍として読み方／読まれ方のイノベーションというよりは、出版と流通のイノベーションと考えた方が良いのではないでしょうか。 これから同人誌、自費出版するようなニーズも増えると思ったので、Wordpressで配信に便利な方法を考えていました。 比較的、誰にでもお手軽にできると思われるのが、Wordpressプラグインの「Download Manager」を使った方法。ダウンロード関連のプラグインは色々吟味してみたけど、これが一番使いやすくて良かった。 WordpressのDownload Managerプラグイン 作者のサイト 設定もとても簡単で、プラグインをWordpr

3分しか時間がない人向け WordPress の管理画面を開く WP File Cache をインストールする MO Cache をインストールする 完了！設定の必要はありません もう少し時間がある人向け この記事は WordPress Advent Calendar 2011 の10日目の記事です。 今日は MO Cache という WordPress プラグインの紹介をしたいと思います。 先日初めて WordPress を使いサイトを作成したのですが、インストール直後からのあまりの遅さにびっくりし、そりゃあチューニング記事が人気になるよなぁなんて考えていました。しかし最近になって WordPress 3.3 Beta が出たためちょっと触ってみようかなと英語版をインストールしたところ、以前日本語版 3.2.1 をインストールした時よりも明らかに速いことに気づきました。 最初はバージョン

以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン

現在、WordPressを使ってギャラリーサイトを構築しているのですが、その過程でプラグインに頼らず多言語化（日本語と英語の自動切替）の方法がわかったのでここにまとめておきます。 なぜプラグインに頼らないかというと、プラグインを使用していた場合WordPress本体がバージョンアップしたときにプラグインがうまく動かなくなる可能性があるからです。 ちょっとした箇所ならともかく、サイト全体がうまく表示されないなどということはあってはならないので、今回はWordPressの基本的な機能を使い、自力で多言語化する方法をご紹介します。 多言語化の目的 今回は、WordPressを使いギャラリーサイト（たくさんの写真素材を無料配布するサイト）を構築中です。 文章中心のブログだと多言語化しようにも翻訳など大変ですが、写真素材が中心のサイトの場合ナビゲーションなどのインターフェースさえ多言語化されていれば