はじめに AWSチームのすずきです。 先日紹介させて頂いた、CloudFront、ELB、EC2を利用したWordPress環境。 ELBやEC2のパブリックIPアドレスを知り得た第三者により WordPressの実行環境が直接攻撃される事があった場合、DDoSなどの被害を受けやすいリスクがありました。 今回、この対策としてNginxをリバースプロキシとして導入し、 CloudFrontを経由と、正しい認証情報を持つ管理者のリクエストのみWordPress環境に中継、 他の不正なアクセスは遮断する方法を紹介させていただきます。 構成図 環境 OSは、Amazon Linux2のAMI (amzn2-ami-hvm-2.0.20190508-x86_64-gp2) を利用しました。 CloudFront、ELB、EC2の各リソースは、以下の環境を一部変更して利用します。 CloudFront

WordPressはコンテンツが投稿されるごとにページが生成される動的サイトですが、合わせてページURL（パーマリンク）も合わせて生成されます。ですので下層コンテンツページなどはURLの形が決まっており、WordPressとは別にディレク…

WordPressと静的ファイルを共存させて部分CMS化する Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 投稿日2010年12月03日 更新日2012年11月12日 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール

2019年4月9日更新: 2018、2019年にかけて公開されたWordPressテーマを中心に、30個の素材を新しく追加し、合計60個のテーマをジャンル別にまとめています。 WordPressの人気のひとつとして、テーマを切り替えるだけでお好みのデザインを反映できるという便利な点があります。「これが無料ダウンロードできるの？！」と思うような、デザイン性にも優れた高品質なテーマが数多く無料で公開されています。 全テーマレスポンシブ対応、最近アップデート済み 今回は、オススメしたい無料・有料WordPressテーマをまとめてご紹介します。紹介しているテーマは、あらゆる画面サイズや端末での表示に対応したレスポンシブ仕様。また、ここ数ヶ月以内にアップデートされたテーマのみを厳選しているので、新しいGutenbergエディタにもばっちり対応。 ジャンル別にまとめているので、用途に応じてお好みのテー

WordPressのテーマ選びはデザインも重要ですが、SEOが実施されているテーマかどうかも確認する必要があります。凝ったデザイン、キレイなデザインのテーマを使ったが全くアクセスがないなんてことが起きてしまいます。 今回はそのようなことがないように、WordPressでどのような機能が入っているテーマが良いのかを紹介します。 1.タイトルと見出しの最適化が出来る デフォルトのテーマやSEOに最適化されていないテーマの場合は、タイトルと見出しの内容が同じものが反映されるようになっているものが多い傾向にあります。特に気にしない人はこのままでも問題ありません。 ですが、実際には以下のように検索エンジンから来る人と既にサイト内にいる人向けに変えた方がいい場合があります。 タイトルはそのページを外から見た人向けにわかりやすい内容 見出し（文頭の見出し）はサイトを閲覧している人にわかりやすい内容 2.

HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。

WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。

WordPressを今から始めるぞ！！という方向けに、サーバーの選び方と申し込み手続き、ドメインの取得手続き、WordPressのインストール作業、WordPress管理画面の操作説明などを手取り足取り説明します。 ワードプレスを始めるには、まず、しっかりしたレンタルサーバーを選ばないといけません。「無事故」「速い」「落ちない」は最低限必要な条件です。この条件を満たすおすすめサーバー２つを紹介します。 ググって「事故なし」「速い」「落ちない」を確かめる まず、サーバーには事故無しであることが求められます。 レンタルサーバーはプロが運営しているので安くても安心…と言いたいところですが、過去においてはいろんなサーバーで事故が起こっています。 事故歴こそ、サーバーの運営体制を評価する上で、最も大事です。 私は、以下のような検索で名前が出てくる会社が運営するサーバーは、絶対に避けます。 レンタルサ

WordPressセキュリティを考える会第6回資料 WordPress(PHP) からjQuery(JavaScript)に動的に値を渡す方法について WordPressに限らず、ウェブアプリケーションでPHPからJavaScriptに値を渡したい場合はあるかと思います。 以下の方法を検証してみます。 1. data-XXX 属性の値に渡す 2. wp_localize_script 3. esc_js wp_localize_scriptは、内部でjson_encodeを使用しているが、HTMLエスケープはしないので注意が必要。 詳細は -> http://www.rescuework.jp/blog/wp_localize_script-json.html 2014-09-07（日）14:00 - 17:00 東京都中央区新川1-3-4 PAビル5F コワーキングスペース茅場町 コワー

19. <div class="menu-mainmenu-container"> <ul id="menu-mainmenu" class="menu"> <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu- item-30"><a href="http://localhost/wp/">HOME</a></li> <li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page current- menu-item page_item page-item-2 current_page_item current_page_parent menu-item-

画像圧縮、キャッシュ、リビジョン削除などサイト高速化が可能なWordPressプラグイン「WP-Optimize」 2025.01.09

こんにちは。 開発部エンジニア見習いの渡辺です。 今回はこれから、WordPressでブログ構築してみたいという方はサラッと目を通してみてください。 そんなん「アタリマエダYO！」ということや「普通やん！」という内容もあるかも知れませんが備忘録の一部として残します。 はじめに WordPressとは世界中でたくさんのユーザーが利用しているオープンソースのブログソフトウェアです。 2014年8月現在バージョン3.9.1の配布を行っています。 GPLライセンスの元で無料で利用でき拡張性・カスタマイズ性ともに高く、さまざまなWebサイトで利用されています。 このブログもWordPressを利用しているので構築の際に行ったことを書きたいと思います。 1.最新のWordPressで構築する 最新バージョンに対応していないプラグインなどもありますが、リビルドでなくゼロから構築する場合は極力

TMLやCSSなどの専門知識がなくても簡単にウェブサイトを構築できる「WordPress」。CMS（コンテンツ・マネージメント・システム）の中でも世界ナンバーワンのシェアを誇っています。 WordPressに用意されているテーマ「Twentyfourteen」を使って作成したウェブサイトを、iPadやiPhoneで表示してみましょう。パソコン版としてレイアウトしたサイトが画面の小さなモバイルデバイスに最適化された状態で見えるはずです。 「Twentyfourteen」で作成したウェブサイトをパソコンで見ると3コラム構成になっており、iPadでは2コラムになっているのがわかります。また、左のサイドメニューはボタンで画面表示を切り替えられるなど、デバイスによって閲覧方法も変わっています。 このように、どのデバイスで見ても読みやすく、美しく配置されたウェブレイアウトを「レスポンシブデザイン」とい

WordPressを始めるときには、「これだけは入れておいた方がいい」というプラグインがあります。 それを入れておくだけで、SEOやユーザビリティに配慮したWordpressサイトを構築することができます。 また、作業面においても効率化されるので、とても便利です。 今回は、私がWordpressでサイトを構築するときに必ず導入するプラグインをいくつかご紹介します。 All in One SEO Pack 「All in One SEO Pack」は、タイトルやメタタグを簡単に設定できるプラグインです。 SEO関連として定番のプラグインで、多くのサイトで導入されています。

LIGブログ読者の皆様、はじめまして！ウェブデザイナーのムススこと清野です。 健康に気を使いランニングをしはじめたら3日で靭帯を痛めてしまいました。趣味も仕事もほどほどに、気をつけましょう。 さて、みなさんはWordPressを使っていますか？使っていないと答えた人の中にも、気がつかずに使っている人が結構いるはず。なぜなら、WordPressはそれくらい幅広く普及しているのです。 そこで今回は、WordPressの特徴と、人気の理由をまとめてみました。 WordPressとは http://ja.wordpress.org/ そもそも、WordPressとは何かというと、CMS（コンテンツ・マネジメント・システム）と呼ばれるソフトウェアの1つです。 世界のトップ1000万ウェブサイトのうち、37%がCMSを使っているが、WordPressはその60％のシェア率と圧倒的な人気を博しています。

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