WordPressのセキュリティ対策！プログラミングの知識不要の対策をまとめてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Webディレクターのなべちゃんです。 LIGではサイト制作のうちの多くをWordPress（以下：ワードプレス）を使用して構築しています。また、皆さんのなかには企業のコーポレートサイトだけではなく、個人のブログでもワードプレスを使って運用しているよ、という方も多いのではないでしょうか。 かなり多くのユーザーに使われているワードプレスですが、「セキュリティの問題が不安で……」という方も多くいると思います。今回は、プログラミングの知識不要で、ディレクターでも、趣味でブログを運営している方でも簡単に設定できるセキュリティの対策をまとめてみました。 そもそもなぜワードプレスが狙われやすいのか 「ワードプレスはセキュリティがなぁ……」と良く言われると思います。 そもそも、なぜワードプレスが狙われやすいのか。それはLIGもあなたも使おうとしているほど、「多くのユーザーが使っているから」なの
URLのカテゴリ階層をカスタマイズしてフラットなURLにする | Webエンジニアブログ
WordPressのパーマリンク設定でカテゴリーを追加している場合 カテゴリーを階層化するとURLが意外と長くなる パーマリンク設定でカテゴリー名を含む設定にしていると、いろいろとトラブルというか、余計な部分に気を使う必要が生じる。そのため、カテゴリ名をURLに含む設定をすることはおすすめできない。 上の画像は、おなじみのパーマリンク設定の画面になりますが、カスタム構造として、 /%category%/%postname%.html を設定しています。本記事は、このパーマリンク設定をしていることを前提にした記事です。 なお、個人的におすすめのパーマリンク設定は、 /%postname%.html になります。 カテゴリの階層化 階層化するとURLも階層化される パーマリンク設定でカテゴリ名をURLに含む設定した状態で、カテゴリを階層化してみました。 [ネットショップ]というカテゴリを作成し
カスタム投稿タイプのURLに階層構造を持たせる[WordPress]
まえがき カスタム投稿タイプのアーカイブのURLは普通こんな感じ。 “kotori-blog.com/投稿タイプ名” これに階層構造を持たせたい場合が多々あります。 例えばこんな感じ。 “kotori-blog.com/custompost/投稿タイプ名” 第三階層くらいまであるサイトだとURLの構造って大事だったりしますよね。 今までは「無理だろ」と思って諦めていましたが先日、とうとう発見しました！ そんな感じでこの記事はカスタム投稿タイプのURLに階層構造を持たせる方法を紹介します。 因みにプラグイン「Custom Post Type UI」を使用します。 使用したこと無い人は使ってみてください。 カスタム投稿やカスタムタクソノミーの追加がめっちゃ簡単にできます。 Custom Post Type UIの使い方 この記事では「Custom Post Type UI」の使い方は割愛するの
![カスタム投稿タイプのURLに階層構造を持たせる[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/641b15857bacca5b0cc7e3ff84b54dc0283159c1/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb2.gif)
WordPressのサイトアドレスを別ドメインにする方法
WordPressのサイトアドレスを別ドメインにする方法を紹介します。 １．はじめに さくらインターネットで運用している既存のウェブサイトを、WordPressでリニューアルすることにしました。 で、既存のウェブサイトとは別のディレクトリにWordPressをインストールし、そこでウェブサイトを構築して、さくらインターネットの「ドメイン設定」の「指定のフォルダ」を変更することで元のURLをWordPressのサイトに振り替える作戦にしました。 さくらインターネットの「ドメイン設定」の「指定のフォルダ」 ウェブサイトのURLと新旧ディレクトリは次のとおりです。 ウェブサイトのURL：http://hoghoge.com ウェブサイトのディレクトリ：/home/hoghoge/www/info WordPressのURL：http://hogehoge.sakura.ne.jp/wordpre
Google Analyticsの「カスタムディメンション」の機能と設定方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 突然ですが、この記事のURLを見ていただけますか？ https://liginc.co.jp/187767 リニューアル前までは、https://liginc.co.jp/カテゴリー/記事IDのような形だったのですが、リニューアルを機にURLがシンプルになりました。 URLが長かった頃は、記事公開後にカテゴリーを変更すると記事のURLが変わり、LIGブログの指標であるSNSの拡散数「ソーシャルカウント」が変わってしまうという問題が起きていました。それを回避すべく、現在のシンプルなURLにしたのですが、今度はアクセス解析時に、記事URLから「それがどのカテゴリーの記事か」を判別ができなくなりました。 ですが、GoogleAnalyticsには「カスタムディメンション」という機能があり、その機能を使えば、URLとは別にカテゴリーなど任意の情報を計測できる
HTML5 History APIで非同期通信時にURLを変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの店長です。 先日記事が出てましたが改めて自己紹介します。 大学卒業後はカフェで仕事をしていたのですが、退職して1年半ほどWebデザイナーをしていました。そして、LIGにはフロントエンドエンジニアとしてジョインすることに。 お察しのとおり、店長というアダ名はカフェで働いていたためです。 今後ともよろしくお願いします。 さて、今回はHTML5のHistory APIについてお話したいと思います。 History APIについて History APIには以前からブラウザの履歴（スタック）を行き来する機能があったのですが、HTML5でさらに以下のような機能が追加されました。 画面を遷移せず、履歴に新たなURLを追加する。 現在のページの履歴を変更する。 ブラウザの戻る・進むボタンをクリックしたときにイベントを検知する。 このような機能がどんな場面で使われてい
WordPressの不正ログインに効果あり！管理画面のログイン時のURL(wp-login.php)を簡単に変更できるプラグイン -Login rebuilder
WordPressの管理画面へのログイン時のURL(wp-login.php)を簡単に変更できる国産プラグインを紹介します。 管理画面に総当たり攻撃をされて困っている人は是非お試しください。 当ブログはこのプラグインを使用して解決しました、作者様に感謝！ Login rebuilder -Plugin Directory Login rebuilder公式ページ（日本語） Login rebuilderのインストール Login rebuilderの設定 Login rebuilderのインストール WordPress公式のPlugin Directoryから通常のプラグインと同様にインストールできます。 管理画面の「プラグイン」から「新規追加」を選択。 「プラグインの検索」に「Login rebuilder」を入力して検索。 「Login rebuilder」の「いますぐインストール」を
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば http://example.com/foobar.jpg といった画像があった場合、 http://firesize.com/400×300/g_center/http://example.com/foobar.jpg のようにサイズを指定すればそのサイズに変換して返してくれます。特に特定のライブラリやCSSを読む込む必要はなく、Firesizeにサイズとリサイズする画像のパスを指定すればそのサイズに変換しCDNにホストされるので、そのパスを使ってね、という類のもののようです。こういった仕様なので用途は限られますが、覚えておいても損は無いかもですね。 Firesize
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 １．はじめに jQuery.ajax()を使ってウェブページのコンテンツを入れ替えた場合、ブラウザのURLは変更されません。 が、本エントリーで紹介する「PJAX」を利用すれば、コンテンツを入れ替えと同時にURLの変更を行うことができます。 PJAX 「PJAX」とは「pushState」と「Ajax」を組み合わせた機能をもつjQueryプラグインです。 URLの変更は「History API」というHTML5の機能を使って実現しています。 「pushState」は、History APIで履歴を追加するメソッドを指します。 ２．プラグインのダウンロード PJAXのダウンロードページにアクセスし、最新版のjquery.pjax.jsまたはjquery.pjax.min.jsをダウンロードします。 ３．サ
jQuery ---- タブ(画像置換タイプ) - Qiita
jQueryを使ってタブを作ってみます。 このサンプルは自分で使うことを想定してるので作りが少々自分設定になってるますが、サンプル事態はきちんと動きました。 完成品イメージ↓ tab001に完成品をアップしておいたので動きはこっちで見てください。 ファイル構成 index.htmlHTMLのタグのみで、JavaScriptやCSSは外部ファイルで読み込みです。 selector.jsタブをクリックしたときの動きを扱う用のJavaScriptです。 selector.css今回のタブ用のCSSです。 コード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww
jQueryを使いマウスオーバーで画像を変える基本 | ニトなび
マウスオーバーのアクションで画像を変化させるという方法はたくさんのサイトで用いられていますが、 今まではCSSで割り当てたりHTMLで直接書いてみたりというのが一般的だったと思います。 ここ近年、jQueryというJavaScriptとHTMLの相互作用を強化する軽量なライブラリが登場したことに よりjQueryが普及してきましたが、jQueryは難しいとか思われがちです。しかし、基本さえ覚えてしまえばCSSを書くよりも簡単な感覚で覚えられますので、一番初歩的な画像のマウスオーバーアクションをjQueryを使って動かす方法を記事にしてみたいと思います。 jQueryでマウスオーバー？画像を変える？ つまり、こういう事です。 demo おそらく誰でも目にしたことがあるかと思います。何故、わざわざjQueryで動かすのが良いのか？って思うでしょうが、ズバリ管理が超楽なことと、jQueryという
サイトルートに表示する | DriftwoodJP
トップページを作成するWordPress の管理パネル 固定ページ > 新規追加 でサイトのトップページを作成し、公開する。 ルートディレクトリを設定する管理パネルで「設定 > 一般設定」を開く。サイトのアドレス (URL) 欄を、ルートディレクトリの URL に変更し、保存する。
WordPressでサイトアドレスを変更する方法
WordPressでサイトアドレスを変更する方法を紹介します。 定番カスタマイズだと思いますが、カスタマイズの理由まで言及している記事が見当たらなかったので、その解説も含めて備忘録で残しておきます。 ここでは、ドメインのサブディレクトリ（http://user-domain/wordpress/）にWordPressをインストールしている状態で、サイトアドレスをドメイン（http://user-domain/）に変更する手順で説明します。 １．サイトアドレスとは 「サイトアドレス」はWordPressで作成したブログのURLを指し、WordPress管理画面の「設定」→「一般」→「サイトアドレス」で確認できます。 WordPressをインストールすると、「サイトアドレス」はその上にある「WordPressアドレス」と同一のURLになっていますが、サイトアドレスをドメイン直下にしたいケースが
WordPressでスラッグが自動で変更される場合の対処
WordPressでスラッグが自動で（勝手に）変更される場合の対処について、情報展開します。 １．問題点 固定ページなどで「スラッグ」に「news」と設定しました。が、自動保存されたあとのパーマリンクの末尾が「news」ではなく、「news-2」になってしまいます。 また、公開後は「スラッグ」の内容も「news-2」に変更されてしまいます。「スラッグ」の内容を「news」に戻しても変更できません。 ２．原因と対処 「news-2」「news-3」という風に、末尾に番号が付与されるのは、同じスラッグの記事がすでに存在しているのが原因です。 スラッグを変更できるようにするには、同じスラッグの記事のスラッグ名を変更するか、その記事が不要であればゴミ箱に移動したあと、完全に削除します（下）。 完全に削除しないと同じスラッグが存在しているとみなされます。 ３．真の原因 そもそも、スラッグの末尾に番号
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える - かちびと.net
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コード var url = window.location; $('.menu a[href="'+url+'"]').addClass('current'); jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリ
カスタム投稿タイプのパーマリンクをカスタム設定できるWordPressプラグイン・Custom Post Type Permalinks - かちびと.net
WordPressのカスタム投稿タイプに関する記事が凄く多くなって来ましたが、まだWPに不慣れですとコードの管理が結構大変です。functions.php頼りという感じですしね。そういうわけなので、せめてパーマリンク化くらいはプラグインにお願いしましょう。 当サイトも含め、カスタマイズ記事は沢山あるんですけど、WordPressの大きな魅力はプラグインの豊富さです。もちろん、他デベロッパーへの依存にも繋がるのでメリットばかりとは言えませんが、工数を大きく減らせるのは間違いありません。 こんな感じでカスタム投稿タイプで作成した記事のURLを、通常の投稿同様にカスタム構造のパーマリンクに変更できます。※事前にパーマリンク設定がカスタム構造に設定されている必要があります。 各カスタム投稿タイプのパーマリンクを設定 各カスタム投稿タイプごとのアーカイブのURL,日付によるアーカイブのURLを追加
Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
Movable Typeでスマホ用トップページのURLに、PCサイトと異なるURLを設定する方法を紹介します。 １．サイトパスがドメイン直下の場合 例えば、サイトパスがドメイン直下、 http://user-domain/ となっている状態でスマホ用のトップページのURLを http://user-domain/i/ としたい場合、スマホ用トップページ（インデックステンプレート）の出力ファイル名を次のように設定します。 ファイル名にパスを設定することで、再構築時に「i」というパスを自動生成し、その直下にindex.htmlを出力します。 ２．サイトパスがサブディレクトリの場合 サイトパスがサブディレクトリ、 http://user-domain/blog/ になっていて、スマホ用のパスを http://user-domain/i/blog/ と、サブディレクトリの間に挿入したい場合もあると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
(削除しました)
パーマリンクの使い方 - WordPress Codex 日本語版