アーカイブページ|中級 | WordPressでいこう!

ヘッダ画像

「タグ:中級」記事一覧

WordPressのRSSフィード

WordPressではコンテンツの更新情報を知らせるために標準でRSSをはじめ以下の形式のFeed出力が可能です。RDF/RSS 1.0フィードRSS 0.92フィードRSS 2.0フィードAtom フィードまた、WordPressが出力するフィードにはサイトフィードやコメントフィードなど複数あり、任意のフィードを出力するためにはコントロールが必要です。WordPressのフィードの種類WordP...

スマホサイトの表示速度を実機でチェック

PCサイトの表示速度は重要なランキング要素としてGoogleのアルゴリズムに含まれていますが、今はスマホのランキングには直接影響を与えていません。しかし、公式にアナウンスされているとおり、携帯端末でのページ表示速度は近い将来モバイルSEOの重要なファクターとなります。ページ表示速度チェックは改善案付きで示してくれるGoogle DevelopersのPageSpeed Insightsがありますが...

WordPressで現在のページ表示に使用しているテンプレートをすべて知る

WordPressでは、投稿タイプに応じてデフォルトの構成テンプレートが適用されます。ただし、プラグインなどを使用しなくても、トップページ(インデックスページ)・固定ページ・カテゴリ、あるいはカスタム投稿タイプなど、表示の際にテーマ中のデフォルトとは異なったテンプレートを適用することができます。しかし、テーマ構成が複雑になった場合に該当ページが「どのテンプレートで表示されているか?」分からなくなっ...

「トップに戻る」ボタンでスマホでのユーザビリティアップ!

ウェブサイト上でコンテンツを下にスクロールさせると「トップに戻る」ボタンが出現して、クリックするとビューンとページの初めに戻る。そう、このページでも右下に表示されていますね。今回はそのページ内リンクの実装方法を紹介します。長いコンテンツでは非常に便利ですし、動きがあってちょっと楽しいです。結構前から見かけていましたが、クライアントのスマホ想定が必須となった今こそユーザビリティ的にも活きてきそうな仕...

noindexを任意のページに出力する

SEOでは欠かせないmetaタグのnoindexWordPressでは通常の静的HTMLサイトと違いテンプレートから一律にヘッダ情報が読み込まれることから、ページごとにnoindexを付けるのは面倒です。「All in One SEO Pack」や「WordPress SEO by Yoast」などのプラグインでも可能ですが、これらを使わずより柔軟、かつ記事登校時に手間をかけないようnoindex...

ページ内目次を見出しタグから自動生成

Wikiをはじめ、記事の先頭にリストの目次(インデックス)をつけているサイトを目にしたことがあると思います。記事の内容がざっと理解でき、さらにクリックすることでスクロール移動できます。訪問者にはとても優しい構成ですね。ただし、このリストの目次は手作業で行うとかなり面倒です。ユーザービリティの向上につながるとはいえ、投稿時に手間が掛るようではいただけません。このサイトでも実装していますが、はじめは便...

CGIなどで追加するヘッダー情報を指定ページのみに出力

以前にメールフォームプロCGIのWordPressでの設置方法を書きました。前回までの内容ではCGIでプログラムに必要なスクリプトの読み込みをヘッダテンプレート内に記述するため、例えばフォームが必要なのはお問い合わせのページだけだったとしても、トップページその他不必要なページにまで書き出してしまいます。表示速度やクローラビリティを考えるとヘッダ内はシンプルにしたいものです。プログラムに必要な記述を...

canonicalタグの意味と使い方

現在のWordPressではヘッダ内にrel="canonical"タグが投稿・固定ページには自動で出力されます。どのバージョンから自動でつくようになったか定かではありませんが、ver2.8以上だったような気もします。この際に自動で出力されるのはそのページのパーマリンク(URL)となりますが、はたしてこれで用をなすものなのでしょうか。canonical属性タグとはオリジナルページの明示まずはcan...

メールフォームプロCGIをWordPressに設置

WordPressのフォームについて、定番のContact Form7をはじめ、いろいろとプラグインに事欠きません。しかし、静的なHTMLサイトから移行してきた方は使い慣れたCGIフォームを実装したいという場合も多いようです。ということで、今回は人気のメールフォームプロをWordPressに実装してみます。mailformpro CGI例としてあげてるのはメールフォームプロ(mailformpro...

マルチサイト構築方法まとめ

WordPressバージョン3.0以降に搭載されたマルチサイト機能の構築方法についてまとめます。マルチサイトは通常インストールした後に追加設定を行っていく形となります。マルチサイト化にあたっての準備わたしの場合は既存サイトをサブディレクトリ型で分割して専門性を高めるためにマルチサイトに移行することとしました。その中で事前に決めておいた方がよそうな点をあげます。URLの正規化いわゆるwwwありかなし...

1 2