KB Robots.txt KB Robots.txtの使い方はいたってシンプルです。有効化するとダッシュボードの設定に追加されるRobots.txtのEditorを使用して自由にルールを追記できます。 設定画面下部にはいくつかの記述例も表示されています。 ※はじめから記述されている「# This is your robots.txt file. Visit Options->Robots.txt to change this text.」は削除してしまって構いません。 注意しなくてはならないのはここで記述したものだけがrobots.txtの内容になるため、WordPressのデフォルトでブロックされる下記は先頭に記述しましょう。 User-agent: * Disallow: /wp-admin/ Disallow: /wp-includes/ マルチサイトの場合 マルチサイトでも動作し

今までうちのサイト、ガルニもではURLは「wwwあり」「wwwなし」どちらでもアクセスできるようにしてた。でも、SEO的に良くないし、ソーシャルボタン的にも良くないので、本当に今更ですが「wwwあり」に統一することにしました。 ちなみに「wwwあり」に統一するのか「wwwなし」に統一するのかは皆さん言っていますが好みだと思う。私の場合は大昔にGoogleのウェブマスターツールで確か「wwwありに統一する」っていう設定をしたんだよね。試しにGoogleで私のサイト検索したら「wwwあり」のサイトになるからね。よって今更「wwwなし」にする理由もないし「wwwあり」だ。 で、色々ググってみて.htaccessに書けばいいのは分かった。301リダイレクトでwwwありに転送できるんですね。書き方も色々と例示されてる。でもさ、.htaccessに自分のドメインを直に書いてるのばかりなんだよね。 それ

先日、私が作成したサイトが丸ごとコピーされてしまいました。 コピーサイトは海外のもので、英語圏のサイトです。 コンテンツの一部をスパムコンテンツに入れ替えており、不審なexeファイルを自動ダウンロードするサイトになっていました。 しかも、CSS（スタイルシート）や画像ファイルは、 こちらのサーバーからそのままリンクして使っているという図々しさ（笑） 私の元サイトのアクセス解析タグもそのままコピーされたので、異常にすぐ気づいたというわけです。 私の元サイトからの発リンクもコピーされているので、リンク元としても評価を下げそうなので早めに対処しました。 そこで今回は、コピーサイトに対処する方法を時系列でご紹介したいと思います。 外部からの読み込み停止 まずは、自サイトのCSSや画像ファイルを外部から読み込めないようにしました。 これでコピーサイトのデザインは崩れることになります。 htacces

こんにちは！みぞれ（@xxmiz0rexx）です。 たまに見かける「記事の内容を丸ごとコピーされた！」という嘆き。 「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。 経緯 事の始まりは10/21。 Googleの検索結果を見ていたら、わたしの運営するフリー写真素材サイト『GIRLY DROP』のタイトルの下に見知らぬURLがついてました。 「むむ…？」と思いクリックしてみると、そこにはうちのサイトがありました。 「？？？？」 さらに、表示されている写真をクリックして詳細ページを確認してみようと思いました。 カチッ 思いっきりイケナイ大人のWEBサイトが表示されたんですがこれは( ﾟдﾟ)ﾎﾟｶｰﾝ トップページ、写真のダウンロードペ

MySQLを直接いじれば何とかなるだろうと思い、やってみたら実際に何とかなった記録。 Wordpressのバージョンは3.6.1。 DB接続情報を調べる ここら辺の情報も忘れちゃったうっかりさんは、wp-config.phpに直書きされているのでそれを見よう！ $ view wp-config.php define('DB_NAME', 'wordpress'); define('DB_USER', 'wp_user'); define('DB_PASSWORD', 'wp_password'); $table_prefix = 'wp_'; MySQLのシェルを起動させる $ mysql <DB_NAMEの値> -u <DB_USERの値> -p Enter password: <DB_PASSWORDの値> 今のWPログインユーザーを調べる ログイン情報のテーブル名は$table_pr

FooGallery - The Best WordPress Gallery Plugin WordPress ギャラリープラグイン Gallery Plugin レスポンシブ対応「FooGallery」は最強だった！！ 【この記事は、以前書いた記事に追記しています】 ありがたいことに、こちらのフーギャラリープラグイン記事のアクセス沢山頂いております。 使い方がよくわからない方は、分かる範囲でお答え致しますので、お気軽にコメント頂けると嬉しいです。 このFoo Galleryプラグインは、操作もしやすく更新は自社でやりたいというクライアントにも親切設計なプラグインです。いろいろ細かい調整もしやすいです。かゆいところに手が届く感じで非常におすすめ！ギャラリーとして利用するには、やはりLightboxの機能も必要ですよね。 「Foo Gallery」プラグイン単体だと、Lightbox機能が

WordPressには『プラグイン』っていう便利な機能があります。プラグインっていうのは、拡張機能の事です。プラグインを適切に選んで使う事ができれば、例えば集客の効果を高める事ができたり、アクセスアップなどにもつなげられます。

Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

WordPressアンケート投票・集計プラグイン WordPressで利用できるアンケート機能（投票、集計、フォームなど）のおすすめのプラグインは以下です。 WP-Polls WP-Pollsは、WordPressサイトの投稿記事内や固定ページ、サイドバーなどのウィジェットに手軽にアンケートフォーム機能を設置できるプラグインです。 一つのアンケート項目について、回答項目を任意で追加していくことができ、アンケートの投票開始日と終了日を設定することができます。WP-Pollsで作成したアンケートは、ウィジェットとしての利用や、ショートコードとして投稿・固定ページへの設置が可能です。 また、各項目の名称を変更したり、アンケートをランダムで表示する機能や、投票結果がそのページ内でリアルタイムに反映される機能や、同一IPアドレスからの投票をブロックする機能なども利用することができます。 WP-Pol

ブログのデザインって結構頭を悩ますものですが、パソコンとスマホの表示をどう最適化するか？が最近特に重要だと思っています。 当ブログのアクセスはスマホからのアクセスが半数以上となっており、パソコン版のデザインだけ整えても効果が小さくなってきているからです。 デザイン最適化のためにパソコンとスマホで表示を切り替えていますが、その肝となるのはPHPコードによる条件分岐です。アクセスしてくる端末（パソコンなのかスマホなのか）を判定してくれる関数がWordPressには用意されています。 ただ、サイドバーで用いているウィジェットって、普通にやるとPHPコードを記述することができないんですよね。正確に言うと、記述してもブログ上ではPHPのコードが無視されて、処理を実行してくれません。 しかしそこは利用者の多いWordPress。そんな困った状態もプラグインを使えば解決できます。 今回は「PHP Cod

WordPressサイトで、スマホ対応する時に、スマホ閲覧時だけ表示する項目を変更したいこともあると思います。 たとえば、記事の最後に載せる関連記事リンクや、フッターにカテゴリー一覧やアーカイブなどを載せている時に、スマホでは消したいこともあります。 また、スマホでは横幅が制限されるため、見出しの文字数や訴求文を変えたい時もあります。 そんな時に役立つのが条件分岐です。 この時は、記事やページごとに異なる広告を表示したい時などに使えるものとして紹介しましたが、スマホに対する条件分岐タグもあります。 <?php wp_is_mobile(); ?> これがスマホに使える条件分岐です。 なお、この条件分岐タグは、タブレット端末もモバイルとして判定されます。 CSSのdisplay: none;で非表示にする方法もありますが、この場合、一度表示してから消す形になりますので、wp_is_mobil

ここ最近wordpressテーマ「Stinger」をいろいろカスタマイズしています デフォルトの検索のままでもいいけれど、 Googleの検索にカスタマイズすればいろいろ捗りそう ということで、バージョンアップしたときに困らないように 今回も自分用のメモを兼ねた 2StepでStingerのデフォルト検索を Google検索に変更する方法 Step1　Google検索コードをコピー Google　Adsence ↓ 広告の設定 ↓ 検索 ↓ コードを取得 表示されるコードをコピーする Step2　サイドバー(sidebar.php)にコードを貼る ＊カスタマイズする前に念のためにバックアップをとってください ダッシュボード ↓ 外観 ↓ テーマ編集 ↓ サイドバー(sidebar.php) 検索用のコードは5行目くらいにあります

WordPressのテーマに「Stinger3」を導入して1ヶ月弱が経ちました。その間、いくつか変更したい点が出てきたのですが、いかんせんCSSもPHPもちんぷんかんぷんな素人です。 何とかならんかな？とググってみたところ、さすがに人気の無料テーマ「Stinger」ですね。既に同じような意図でカスタマイズされている方が、解説記事を公開しています。 こういう時に利用者の多いテーマだと助かりますね。記事を上げて頂いた方々にはこの場を借りて、心より感謝申し上げます。 他にも私のようにカスタマイズを希望されている方もいるかと思いますので、役に立った記事をカスタマイズの用途に合わせてご紹介したいと思います。 なお、ほとんどの場合テーマを編集しますので、必ず事前にファイルのバックアップを取っておきましょう。実際、何度かレイアウトを崩してしまったり、管理画面にすらアクセスできなくなったことがありますが、

特定サービスの埋め込みiframeだけレスポンシブ化する方法 今回は、Wordpressのfunctions.phpで、PHP＆正規表現だけを用いてサーバー処理だけで実装したいと思います。 以前書いたInstagramのiframeをレスポンシブ対応にする方法と違って、JavaScriptでクラスの付け替えなどをする必要がないので、やり方としては幾分スマートになったかと思います。 以下は、コピペのみで行います。このような処理が必要になった場合は、手軽に試してみてください。 functions.phpの編集 functions.phpに以下を追記します。 //iframeのレスポンシブ対応 function wrap_iframe_in_div($the_content) { if ( is_singular() ) { //YouTube動画にラッパーを装着 $the_content =

先日、PageSpeed Insightsというツールを知りました。 PageSpeed Insightsとは、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールです。 早速、僕のブログも試してみたところ、速度がさんざんな結果になりました。 photo by DAVID MELCHOR DIAZ PageSpeed Insightsでのテスト結果 モバイルのテスト結果、43点。 パソコンのテスト結果、61点。 「これはいけませんぞ！」と思いましたが、とりあえず、いきなり全ての問題を一度に解決するのは不可能なので、まずはパソコンの方から修正していくことにしました。 パソコンの修正提案の概要 PageSpeed Insightsでは、サイトの表示スピードが高速になるように修正箇所を提案してくれます。 当ブログが今

ブログを始めてなににつまづくかって、「CSSってどうやって書いたらいいの？」ってとこじゃないですかね。 WordPressはもちろん、たとえばアメブロやFC2などの無料のブログサービスを使ってる人もCSSをいじることはできます。 CSSは慣れるとものすごく簡単な言語です。 決して難しくないので、初心者の方が怖がらなくてもいいように、CSSの記述のルールを解説します。