「ウェブ制作・運用」に関する記事まとめ

ウェブ制作・運用」に関連したディレクションやデザインなどについて綴った記事のまとめ。

会社やショップなどのウェブサイトの制作・運用に役立つTIPSから、ブログの制作・運用や収益化に役立つ方法を解説。
資格を取得しているGoogle AnalyticsやGoogle AdSenseなどのGoogle関連ツールなどについても、長らくウェブ業界に携わっている経験から綴っています。

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用
今更なのですが、本日は印刷用CSSの話題。 と言っても、記述方法ではなく、デバッグ方法についてです。 個人的にはウェブサイトを印刷することなんて年に一回もないのですが、ウェブサイトを制作する上では、印刷時の見せ方を指定したいという要望が時々あるんですよね。 設定方法は特に難しいこともないのですが、…
ishikawa

Basic認証環境でfile_get_contentsが動かない!?エラー確認と対処方法

PHPのfile_get_contentsが動かない!?エラー確認と対処方法
PHPでfile_get_contentsを使っていた時に陥るエラー。 ローカルではバッチリ動作していたのに、レンタルサーバにアップロードしたら動かなくなってしまうという……。 これが起きるのも、実際の画面で確認したいと言われてBasic認証をかけてテストサイトを構築した際。 file_get_contentsで取得して出力するはずのコン…
ishikawa

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】
バズ部が提供している無料のWordPressテーマ、Xeory。 当ブログ、並びに運営しているWordPressサイトの大半は、そのXeoryをテーマとして利用しています。 とても使い勝手の良いテーマなのですが、最近気まぐれにW3Cのバリデーションサービスで検証してみたところ、これまで何で気付かなかったんだろう?というくらい凡…
ishikawa

リンク否認ツールで低品質リンクからサイトを守る方法(Search Console)

リンク否認ツールで低品質リンクからサイトを守る方法(Search Console)
運用しているウェブサイトやブログへの被リンク。 コンテンツを更新し続け運用を継続すればするほど、たくさんのウェブサイトから自分のウェブサイトやページへとリンクが貼られていくことになります。 調べてみると驚くほど色々なところにリンクが貼られていたりしますが、その中には低品質なサイトからのリンクが含…
ishikawa

WordPressの管理画面に手書きのCSSを反映させる方法

WordPressの管理画面に手書きのCSS・JavaScriptを反映させる方法
初めから投稿画面も用意されていて便利なWordPress。 CMSがあっという間に作れてしまうので、ブログをはじめとしたウェブサイト制作ではなくてはならないものになっています。 そんなデフォルトでも十分な機能を持ったWordPressですが、その管理画面に手書きのCSSを反映させて、カスタマイズしたい時もあります。 …
ishikawa

W3 Total Cacheを更新したら文字化け!?対処法まとめ(WordPress)

W3 Total Cacheを更新したら文字化け!?対処法まとめ(WordPress)
WordPressを高速化するためのキャッシュプラグインの筆頭、W3 Total Cache。 当ブログでも以前より利用しています。 そのW3 Total Cacheにバージョンアップの知らせがあったので更新したところ、ページが文字化けするようになってしまいました。 ページを更新するとなぜか正常に閲覧できるのですが、リロードしない…
ishikawa

Javascriptでformの入力欄の文字数をカウントする方法

Javascriptでformの入力欄の文字数をカウントする方法
コンテンツを登録・更新できる機能、俗に言うCMS。 ウェブサイトの制作をしていれば、構築することの多い機能でしょう。 そのCMSを利用するのはウェブの知識が豊かな人ばかりではないため、コンテンツの登録画面は利用しやすいようにしてあげなければなりません。 そこで付加機能として喜ばれることが多いのが、for…
ishikawa

WordPressでサムネイル画像を正方形に!コードを1行追加するだけ

WordPressでサムネイルを正方形に!コードを1行追加するだけでOK
WordPress(ワードプレス)で作るウェブサイト・ブログで、デザインの重要な部分を担う画像。 アイキャッチで登録した画像を記事ページのキービジュアルとしてだけではなく、サムネイルとして使うことも多々あるかと思います。 デザインによってはサムネイル画像を正方形にしたい場合があるかと思います。 商品を紹介…
ishikawa

ブログがパクられた…Googleに著作権侵害による削除を依頼!

ブログがパクられた…Googleに著作権侵害による削除を依頼!
いやー、ひさしぶりにブログをパクられました。 正確には、ブログ内のページをまるっとコピーされて、トップページとして公開されておりました。 これまでもブログを丸々コピーされたりページを無断転載されたりとありましたが、今回のものはリンクがそのままにパクられていたのでなんとも厄介。 パクリサイトから大…
ishikawa

容量不足解消に!無料で50GB使えるオンラインストレージMEGA

容量不足解消に!無料で50GB使えるオンラインストレージMEGA
パソコンを使っていると、必ずと言っていいほど直面する問題が容量不足。 容量不足を解消するには外付けハードディスクなんかが必要になりますが、物理的に増やすには費用が高くついたり、場所をとったりと面倒だったりするんですよね。 そんな時に便利なのが、オンラインファイルストレージサービス。 ファイルを…
ishikawa

ブログ画像の不正コピー防止に!無断使用を阻止する方法

ブログの画像の不正コピー防止に!無断使用はできるだけ阻止
うーむ。 ちょっと前に話題にあがっていた話題、というか結構前から問題とされていることですが、文章や画像の無断転載や不正利用ってやっぱりどうにも腹立たしいですね。 以前、某音楽系サイトに当ブログの文章を丸パクリされたりと色々ありましたが、最近は画像の不正利用が目立ちます。 キュレーションサイトの追…
ishikawa

はてなブログからWordPress(ワードプレス)への移行手順

はてなブログからWordPress(ワードプレス)への移行手順
当ブログを、1年続けたはてなブログをやめてWordPressに移行しました。 思い立ってからすぐに移行作業にはいったのですが、想像通りやはり面倒でした。時間もそれなりにかかります。 同じようにはてなブログからWordPressへの移行を考えている方もいると思いますので、僕がおこなった移行の手順をまとめます。 はて…
ishikawa

ブログのカテゴリーページをカスタマイズしてアクセスアップ!(WordPress)

ブログのカテゴリーページをカスタマイズしてアクセスアップ!(WordPress)
WordPressでブログを運用している方は色々とカスタマイズをしているのではないかと思います。そんなカスタマイズの一環として、今回はWordPressで構築しているブログのカテゴリーページのカスタマイズについて綴ろうと思います。 当ブログにすでに実装済みなのですが、カテゴリーページに表示されているカテゴリーの子…
ishikawa

Xeory Extensionの検索結果ページは変更必須ですよ!(WordPressテーマ)

Xeory Extensionの検索結果ページは変更必須ですよ!(WordPressテーマ)
当ブログはWordPressで構築し、テーマはXeory Extensionを利用しています。 このXeory、無料でありながらほとんどカスタマイズしないでも使うことができるほど優れたテーマとなっています。 しかし1点、検索結果ページだけは変更必須です。1番上の検索結果に表示される記事のタイトルが、H1タイトルになぜか表示されて…
ishikawa

WordPressで「最近閲覧した記事一覧」を作る手順(ブログ回遊率アップ)

WordPressで「最近閲覧した記事一覧」を作る手順(ブログ回遊率アップ)
ページビューアップに必要な対策として大事なのがブログ内の回遊率アップ。 人気記事や関連記事の設置がメジャーですが、今回紹介するのはWordPressでプラグインを使わず「最近閲覧した記事一覧」を作る手順です。 特にアフィリエイト系などの商品を扱うブログには効果的だと思います。 回遊率アップに効果的な「最近…
ishikawa

MAMPのphpMyAdminでインポートするファイル上限をアップする方法

MAMPのphpMyAdminでインポートするファイル上限をアップする方法
phpMyAdminでSQLをインポートしてデータベースに登録……。 ウェブサイトの移行時などに行うことの多い作業ですが、そのインポート時に「アップロードしようとしたファイルが大きすぎるようです」とのエラーがでることがあります。 今回はMAMPを利用している際に上記エラーが出た場合の対処法についてまとめます。php.in…
ishikawa

GoogleアナリティクスAPIの序盤!HelloAnalytics.phpを動かしてみた

GoogleアナリティクスAPIの序盤!HelloAnalytics.phpを動かしてみた
GoogleアナリティクスAPIを触り始めました。 慣れると使いやすいですが、序盤はちょっと取っ付きにくい印象なんですよね。ここではその序盤、GoogleアナリティクスAPIを使い、PHPでセッション数を取得するまでの手順をまとめます。 Google Analytics APIを触ってPHPで解析データを取得する さて、Googleアナリティク…
ishikawa

漫画系のアドセンス広告が気持ち悪い!ブロックする方法(Google Adsense)

漫画系のアドセンス広告が気持ち悪い!ブロックする方法(Google Adsense)
最近ウェブサイトを閲覧していると頻繁に見かける漫画系の広告。ライトなものならいいのですが、なんだかグロ系・エロ系が目につくようになりました。 やめてパパ…私…もう嫌だよ…… 今まで蔑まれ虐げられてきた恨み… こんなキャッチコピーが飛び交う、なんといいますか、ナンセンスな、「気持ち悪い」広告が多いのです…
ishikawa

Google Analyticsのデータをシンプルに確認!スマホアプリSimplytics

Google Analyticsのデータをシンプルに確認!スマホアプリSimplytics
Google Analytics(グーグルアナリティクス)のデータを、スマートフォンではどのように確認していますか? 最近、Simplyticsと公式アプリを僕は併用しています。 僕は複数のサイトを管理しているので、日々ざっと確認したいのはそれぞれのサイトのPVやユーザ数などの一覧。シンプルに簡単に、そう設計されたiOSスマー…
ishikawa

アフィリエイトで稼ぐ!初心者がまず登録すべきASP5選【ブログで収入】

アフィリエイトで稼ぐ!初心者がまず登録すべきASP5選【ブログで収入】
ブログを運用している方、また、これから始めようという方も、一度は考えるであろうブログの収益化。 その収益化には、アフィリエイトが不可欠です。 そのアフィリエイトを始めるにあたって必要なのがASP(アフィリエイトサービスプロバイダー)への登録。しかし、ASPを比較しても、どのASPに登録したら良いか迷ってい…
ishikawa