Web制作

WordPressテーマ作成

【WordPress】見出しから目次を自動生成。プラグイン不要!コピペでOK

ブログ記事で目次を自動的に見出しから生成する方法を紹介します。WordPressプラグインは使わないで、自力でJavaScriptで設置しました。Google検索結果にも反映されるようです。
WordPressカスタマイズ

エックスサーバーでブログが表示されない人へ!この設定で治るかもよ

今朝、自分のブログを見ようとするとエラー画面が表示されました。これはエックスサーバーのメンテナンスが原因かもしれません。私には効果のあった対策方法を紹介します。
SEO対策/SEM

【WordPress】パンくずリスト設置方法!プラグイン不要。複数カテゴリから選択可に

記事が複数カテゴリーに所属している場合に、好きなパンくずリストを1つだけ選びたい場合があります。今回はWordPressプラグイン不要で実現する方法を紹介します。
Webサイト高速化

【WordPress高速化】プラグインのCSS・JavaScriptを削減・圧縮・まとめる方法

WordPressプラグインやテーマには、独自のスタイルシートやJavaScriptを読み込み、表示の高速化の妨げになるものがあります。今回はそれらを削除・圧縮・まとめ・下方へ移動させる方法を紹介します。
SEO対策/SEM

【WordPress】ページネーションの自動生成でSEO対策!プラグイン不要

WordPressプラグインを使わずに、ページネーション(ページャー)リンクを設置した方法を紹介します。SEO対策として5ページごとにした理由も共有します。特集記事の第6弾です。
WordPressカスタマイズ

【WordPress】セルフピンバック・リビジョン・自動保存の停止方法!プラグイン不要

WordPressは便利ですが、セルフピンバック(self Pingback)や、リビジョンによるデータベースの肥大化など、運用を圧迫する機能もあります。今回はこれらをプラグイン不要で改善する方法を紹介します。
SEO対策/SEM

【WordPress】サムネイル付の新着記事一覧をカテゴリー別でプラグイン不要で表示する方法

このブログではサイドバーに、カテゴリー別の最新記事一覧を表示しています。テーマを自作する前はプラグインを利用していましたが、現在は簡単なコードで実現しています。その方法を紹介します。
WordPressテーマ作成

【WordPress】カテゴリー順番を自由にプラグイン不要で変更する方法

WordPressテーマを自作した時にカテゴリーをもっと活かそうと思いました。そしてカテゴリーリストも記事内容によって柔軟に変えました。今回もプラグインを使わない方法を紹介します。
WordPressテーマ作成

【WordPress】RSSフィードに画像や関連記事を表示!YARPPプラグイン不要

このブログのテーマ(デザイン)を自作した時にRSS関連の機能も自作しました。それでプラグイン「Yet Another Related Posts」と「RSS Footer」も不要になりはずしました。今回はその方法を紹介します。
SEO対策/SEM

【WordPress】カスタムフィールド設置でAll in One SEOも不要に!プラグインなしで

ブログのWordPressテーマを自作した時に、カスタムフィールドも自力で設置しました。今まではプラグインを利用してましたが、個人ブログの簡単な入力欄のみなので軽量化・簡素化しました。その方法を紹介します。
SEO対策/SEM

【WordPress】公開日と最終更新日の表示方法!リッチスニペットでSEO対策も

WordPressでブログ記事を書いた時に「公開日(または投稿日)」だけでなく「最終更新日」も表示してみました。SEO対策としてGoogleなど検索エンジンにも伝わるよう、HTML5やリッチスニペット記述方法も紹介します。
WordPressテーマ作成

【WordPress】固定ページでpage.phpでなく投稿記事のsingleを共通利用する方法

このブログはWordPressというブログシステムで運用しています。テーマ(デザイン)を自作時に、固定ページのpage.phpを用意せずに投稿記事と同じsingle.phpを利用するよう設定しました。その方法を紹介します。
Webデザイン

【WordPress】新テーマデザインで96点達成!SEO対策・軽量化など7つの特徴をさらします

このブログのPC・タブレットで表示されるデザインを大幅に変更しました。今回は新テーマデザインの特徴や制作で気をつけた点などについて、全体像を紹介したいと思います。WordPress以外でも参考にしてください。
WordPressテーマ作成

【WordPress】スマホサイトで生かす!カテゴリーの活用方法とSEO対策

ブログのスマホ対応デザインでは、PC版よりもカテゴリーの存在をアピールするよう制作しました。今回はその理由と、具体的なカテゴリー重視の内部のしくみについても共有します。SEO対策にもなります。
SEO対策/SEM

Stinger3のSEO対策の考察と使ってみた7つの理由!無料WordPressテーマの感想

一昨日からこのブログのテーマデザインを「Stinger3」に変えました。それほど深い意味はないけど、変更の理由を書いてみます。同時にまだ3日間しか使ってませんが、SEO対策に良さそうな点も紹介します。
WordPressテーマ作成

【WordPress】スマホサイト作成!テーマファイルの効率化

WordPress用のスマホテーマを作成した時に配慮した、PC版とは違ったテーマファイルの効率的な制作方法について共有します。モバイル・ファーストで作成する時の参考にしてみてください。
Webサイト高速化

【Web制作】スマホサイトの高速化!pagespeedで93点達成の攻略方法

スマホ用テーマデザインでサイト作成した時に実装した、表示の高速化に関するチップを紹介します。HTML・CSS・JavaScript・画像の軽量化・配置に気を付けるだけでも、かなり高速化できます。
Webデザイン

jQueryのautopagerで次ページを画面遷移なしで自動読込みする方法

jQueryプラグインautopagerを使うと、ツイッターなどでも導入されているAJAX機能を簡単に実装できます。ページ最後で次が画面遷移なしで自動読込みされるアレです。私もスマホデザインに応用したので設置方法を紹介します。
WordPressテーマ作成

【WordPress】スマホサイトの記事一覧を人気順にした理由と方法!SEO対策にもなる

新しいスマホ用デザインのテーマでは、ホームやカテゴリー・タグ・アーカイブなどの記事一覧に、新着だけでなくPV(アクセス数)の多い順でも表示させています。この理由と方法について紹介します。
スマホ最適化

【スマホサイト作成】jQueryで簡単!ふわっとメニューのアイコン設置方法

jQueryを使ってカテゴリーなどのナビゲーションメニューをふわっと出現させる方法を紹介します。短いコードで簡単に実装できるため、スマホ用デザインを軽く作りたい時にも便利です。
WordPressテーマ作成

【WordPressテーマ】スマホサイト作成工程と役立ったツール類をご紹介

このブログはスマホ表示時には、便利なWordPressプラグイン「WPtouch」を利用していました。しかしついにスマホ専用テーマを制作しました。そこで気をつけた点や役立つツールなどを紹介します。
SEO対策/SEM

【WordPress】SEOやソーシャル対策に効く10項目を見なおしてPVアップ

WordPressで作成したブログはSEO対策に強いとも言われますが、標準設定のままでは足りません。年末年始などの長期休暇の間にチェックしたい項目についてまとめましたので、参考にしてみてください。
WordPressプラグイン

【WordPress】Theme Test Driveプラグインでテーマ作成が捗る!テスト環境不要

WordPressプラグイン「Theme Test Drive」を使えば、作成・編集中のテーマを実際の環境や記事データのままでテストすることが可能です。もうダミーやローカル環境で構築する必要はなくなります。
WordPressプラグイン

【WordPress】Multi Device Switcherでスマホテーマ自動切替!Androidタブレット対応方法も

WordPressプラグイン「Multi Device Switcher」を使うと、スマホ・ガラケー・ゲーム端末などを個別テーマに自動で切替可能です。Androidタブレットを分けるカスタマイズ方法も紹介します。
WordPressプラグイン

【WordPress】WPtouchとPopularPostsでスマホにサムネイル付のカテゴリー別人気記事を表示

WordPressプラグイン「WPtouch」でブログを簡単にスマホ対応した後は、PC版と同じようにカスタマイズを楽しんでいます。今回は記事の下にカテゴリー別の人気記事の一覧を表示する方法についてです。
WordPressカスタマイズ

【WordPress】ブログに連続更新の日数と現在の全記事数を表示する方法

このブログのサイドバーに「連続の更新日数」と「現在の記事数」を表示しています。WordPressでのこのような表示方法について何度か質問されたので、紹介したいと思います。
WordPressプラグイン

【WordPress】WPtouchでソーシャルボタンやAdsense設置と日付表記の変更方法

WordPressプラグイン「WPtouch」は簡単にブログをスマホ用にできるけど、標準のままだと機能的にも見栄え的にもいまいちです。ソーシャルボタン、記事下へのAdsense設置、月日書式の変更について共有します。
Googleアナリティクス使い方

【WordPress】WPtouchでスマホ対応!サムネイル表示やAnalytics設定方法

WordPressプラグイン「WPtouch」は、ブログを簡単にスマホ対応にできます。今やスマホ最適化は必須ですし、Googleにも評価されます。今回はサムネイル、アドセンス、アクセス解析などの設置方法などを紹介します。
SEO対策/SEM

【WordPressまとめ】内部リンクのいろいろ設置方法!SEO対策やPVアップのために

WordPressでは様々なナビゲーションにより訪問者が記事を探す手助けをできます。カテゴリー別・人気・最新・関連記事などの一覧はSEO対策になるだけでなく、訪問PVアップにもつながります。そんな手法をまとめます。
WordPressプラグイン

【WordPress】Category Orderでカテゴリ表示の順番変更が自由自在に

最近のSEO対策では、カテゴリーによる構造化が重要だと言われています。またカテゴリーページの重要性も見なおされてきています。カテゴリー順序を好きなように設定できるプラグインも紹介します。
WordPressプラグイン

【WordPress】Smart update pingerプラグインでPing機能強化する方法

「Smart update pinger」はWordPressのPing送信機能の欠陥をいくつか補ってくれるプラグインです。現在はWordPress管理画面からはインストールできないようなので、その方法やメリットを紹介します。
Webサイト高速化

Zenbackが非同期対応して20%も高速化!更にページビュー増が期待できるかも

サーバーを無事に移転しました。そして記事下のZenbackを引き続き使うか迷ったのですが、ちょうど1週間前に非同期対応して20%も高速化したそうなので、タイミングも良かったため利用を続けることにしました。
WordPressカスタマイズ

【WordPress】エックスサーバーに移転!データ移行・動作確認・DNS変更の方法

「Bluehost」から「エックスサーバー」に引っ越した時の、WordPressの移転方法についてです。今回は旧サーバーからデータベースやファイルをコピーして、新サーバーへ移行する手順について説明します。
WordPressカスタマイズ

【WordPress】エックスサーバーへ乗り換え・移転!ドメインやDB設定方法

今月に入ってから、アメリカの「Bluehost」から「エックスサーバー」に引っ越し(移転)しました。WordPressも無事に移行できたので、その時の手順を私がやったよりさらに効率よく行う方法を紹介します。
WordPressカスタマイズ

【WordPress】アイキャッチ・サムネイルのアップロード保存場所の変更方法

WordPressではアイキャッチ画像を簡単に設定でき、縮小サムネイルも自動的に生成されます。それ以外にもブログ記事に画像や写真を掲載できます。それら画像が保存されるフォルダを変更する方法を紹介します。
WordPressカスタマイズ

【WordPress】ログインできない!ユーザー名やパスワードの変更方法

サーバーの移転時に新規インストールしたWordPressにログインできなくなりました。あせりましたが原因は単純、対処法もこのブログに書いてました。今回はもう少しわかりやすく原因と対処法を書いてみます。
WordPressカスタマイズ

【WordPress】URLを変更する2つの方法!サイトアドレスからWPを削除

WordPressをインストールしたフォルダと、サイトアドレス(URL)を違うものに変更したい場合の2通りの対処法について紹介します。WordPress管理画面だけでうまくいかない場合もこの方法でできますよ。
WordPressプラグイン

【WordPress】Crazy Boneプラグインでログイン履歴確認!不正アクセスが恐怖すぎる

「Crazy Bone/狂骨」は、WordPressの管理画面にログインを試みた履歴を、記録して表示できるセキュリティ関連のプラグインです。乗っ取り攻撃や不正アクセスが増えているので、入れておいて損はないでしょう。
WordPressプラグイン

【WordPress】Search Regexプラグインは一括検索や置換で過去記事を活用できる

WordPressプラグイン「Search Regex」は、ブログ記事の内容・タイトルなどを過去記事も含めて一気に検索・置換できます。しかも動作が速い。今回はこのプラグインの利用方法を紹介します。
SEO対策/SEM

Google検索結果でも表示される!HTML構造化データschemaの記述方法

HTML5が広まるにつれ構造化マークアップという言葉もよく聞くようになりました。今回紹介するschema.orgのArticleを導入すれば、Google検索結果にも反映されるようになるかもしれません。
WordPressプラグイン

WordPressプラグインで利用してた29をまとめて紹介!やめた一覧も

現時点で利用しているWordPressプラグイン一覧と、やめたプラグイン(簡単に理由も)を紹介します。便利、SEO対策、高速化、リピーター促進、セキュリティ対策などいろいろあります。
Webサイト高速化

EWWW Image OptimizerプラグインでWordPress画像圧縮!表示も高速化

WordPressプラグイン「EWWW Image Optimizer」はブログで使用している写真・画像を圧縮・最適化してくれます。表示速度の高速化もはかれます。過去画像やサムネイルまで圧縮できます。
Webデザイン

CSSのmicro clearfix最新版!親要素からはみ出さない方法も

最近のブログやサイトは2カラム、3カラムが主流です。カラム分けはCSSでfloatを使っている場合が多いです。しかしfloatの解除忘れでは不具合が発生する場合があります。それを解消するのがclearfixです。
SEO対策/SEM

robots.txtの設置方法!SEOとセキュリティ対策。WordPress用も紹介

ブログなどでrobots.txtを設置すると、Googleなどの検索エンジンがアクセスするファイルを制限できます。SEO関連書籍でもrobots.txtの設置を薦めているので少しは効果があるかもしれません。
WordPressカスタマイズ

【WordPress】アイキャッチとサムネイルの違いを解説!プラグインで再生成も可能

ブログにおける「アイキャッチ」と「サムネイル」という言葉の違いがわかりますか。ブログの画像や写真は記事を引き立てるためにも重要な存在です。今回はこの違いと関連プラグインについてまとめてみました。
SNS対策/SMO/RSS

【WordPress】FacebookのOGPとTwitterCardsに固有タイトルを設定!プラグイン不要で

FacebookのOGPでいいね!した時のタイトル、写真、説明文などを設定しましょう。今回はSEO対策としてtitle、descriptionのページ固有設定やTwitter Cardsにもプラグインなしで対応します。
SNS対策/SMO/RSS

FacebookページやGoogle+の投稿をブログに埋め込む短縮コードの生成方法

最近ブログ記事などで見かけるようになった、FacebookページやGoogle+の投稿の埋め込み。私もやってみましたがとても簡単にできます。今回は無駄なコードをのぞいた貼り付け方法を共有します。
Webデザイン

スタイルシート/CSSの優先順位について解説!Webデザインに生かそう

スタイルシート(CSS)ついては覚えたつもりなのに、久しぶりに更新しようとすると反映されなかったりします。原因の多くは優先順位を考慮していないからです。今回はCSSの優先順位をわかりやすく共有します。
WordPressカスタマイズ

【WordPress】タイトル文字数を投稿画面で表示!jQueryで全角カウントする方法

ブログ記事で最後まで悩むのがタイトルです。今回はタイトルの文字数を自動カウントしてくれる機能を共有します。WordPressの投稿画面のタイトル入力欄にツイッターより高度な文字数カウンターが現れます。
Webデザイン

Googleアドセンスが表示されない!jQueryが動かない!原因は…

今日の午後、ふと自分のブログを見てみたら、jQueryやJavaScriptが動いていないのを発見しました。Google Adsenseが表示されてない箇所もあります。すぐ原因はつきとめたのですが、対策は1つではダメでした。