Post Thumbnail Editorは、サムネイル画像の表示範囲を手動で指定できるWordPressプラグインです。 サムネイル画像のトリミング範囲（表示範囲）を自分で指定できます。 通常の場合は、サムネイル画像の表示範囲は、自動的に画像の中央になりますが、たまに変な表示範囲でトリミングされてしまう場合があります。 サムネイル画像の表示内容が変になってしまった場合は、このプラグインを利用してトリミング範囲を手動で指定し直しましょう。

基本設定編 WordPressをブログとして利用するのであれば、基本的には、FC2やLivedoorブログといったブログサービスとあまり変わらないと思います。ここでは、Pingやトラックバックといった基本的な設定をご紹介します。 1ページに表示される記事数を設定 まず、1ページに表示される記事数を設定します。管理画面左メニューの「設定」→「表示設定」をクリックし、「1ページに表示する最大投稿数」の値を変更します。 Ping送信先の設定 Ping送信先を設定しましょう。管理画面「設定」→「投稿設定」→「更新情報サービス」にPing送信先を設定します。 Ping送信先は検索するとたくさん出てきますが、とりあえず以下に一覧を掲載しておきます。 http://www.blogpeople.net/servlet/weblogUpdates http://blogsearch.google.co.j

WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それをなぜどのように使用しているのか非常に参考になりました。 CAPTCHAはコメントではなく、管理画面のログインに使用しているとか、なるほどと思いました。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 コンテンツ配信 検索エンジン最適化 メンテナンスとセキュリティ パフォーマンス デザインと記事の編集 パーミッションとモデレーション 販売 使

画像：http://girlydrop.com/girls/1315 こんにちは！みぞれ(@xxmiz0rexx)です。 WordPressが吐き出すデフォルトのRSSではSmart Newsなどのサービスできちんと表示できない場合があるようで、 自分で少しカスタマイズする必要があったので具体的に何をしたのかメモを残しておきます。 Smart Newsに限らず、WordPressのRSSをカスタマイズしたい人には参考になると思います。 やること テーマディレクトリにRSSテンプレートを作る functions.phpでRSSテンプレートを指定する RSSの中身をカスタマイズする rss要素の開始タグに追記 コピーライト・ロゴURLの設定 記事サムネイル表記 フィードの確認(SmartFormat Validator) 1.テーマディレクトリにRSSテンプレートを作る まずはRSSのテンプレ

[対象: 上級] 気付いている人もいるかと思いますが、このブログ全体をHTTPSにしました。 この記事では、備忘録を兼ねて、完全HTTPSへの移行を検討しているサイトの参考になるように僕が実行してきたプロセスをまとめます。 実行した主な作業は次のとおりです。 サーバー証明書の取得 HTTPSへのリダイレクト 内部リンクの修正 各種ツール・パーツのHTTPS動作確認 すべてのコンテンツがHTTPSでダウンロードされているかを確認 WordPressの設定変更 rel=”canonical”の更新 ウェブマスターツールへの登録 サイトマップの更新 ソーシャルシェアの引き継ぎ HSTSの設定 外部リンクの更新 高速化 順に説明します。 1. サーバー証明書の取得 サーバー証明書をまず取得します。 手順は利用しているサーバー会社によって変わってきます。 詳しくはお使いのサーバー会社のヘルプを参照し

WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress

ツールを活用すれば、簡単にブログを持つことができることから、最近個人ブログを始める人が急増しています。現在、様々なブログツールがありますが、本格的に始めたいのであればWordPressを使うのがベストでしょう。 なぜなら「SEO」に強く、きちんと設定することで安定してPV数を伸ばしていくことができるからです。とはいえ、ブログ初心者は記事を公開することばかりに目がいってしまい、SEO対策がおざなりになりがち・・・。きちんと、初期段階からSEO設定をしておくことで、後々目に見える効果が生まれるようになります。聞き覚えのない言葉が出てくるからといって敬遠せず、一度しっかりと設定しておきましょう。 1：タイトルタグの設定 SEO対策として重要度の高いタイトルタグ。SEOを意識せず設定したタイトルは何の意味もない、お飾りのタイトルになってしまいます・・・。攻略したいキーワードや関連したキーワードを含

WordPressでTwitterやFacebookのアイコンを表示する場合、プラグインを使うことを思い付きます。ただし、プラグインのメニューが充実し過ぎでちょっとしたアイコンを表示するには逆に設定に手間がかかって面倒なこともあります。 表示したいリンクアイコン そんなときはアイコンフォントが役立ちます。アイコンフォントは文字通りアイコンが定義されたフォントで、自前で画像を用意しなくても や のようなアイコンを手軽に表示できます。 ここでは、アイコンフォント「Font Awesome」を例にTwitterやFacebookへのリンクアイコンを表示する方法を紹介します。 アイコンフォント「Font Awesome」の導入 アイコンフォント「Font Awesome」を使うにはライブラリを読み込む必要があります。ライブラリをダウンロードして自分のサイトにアップロードする方法もありますが、ここで

<div id="sns-buttons" class="sns-buttons-pc"> <ul class="snsbv"> <li class="balloon-btn-vertical twitter-balloon-btn-vertical"> <span class="balloon-btn-set"> <span class="arrow-box-vertical"> <a href="" target="blank" class="arrow-box-vertical-link twitter-arrow-box-vertical-link"> 0 </a> <a href="" target="blank" class="balloon-btn-vertical-link twitter-balloon-btn-vertical-link"> <i class="icon

新たに追加したプラグイン Auto Post Thumbnail 自動でアイキャッチ画像を設定してくれるプラグインです。 勝手に一番最初に挿入した画像をアイキャッチ画像に設定してくれます。インストールして有効化するだけで機能します。 私の場合はアイキャッチ用の画像は最後に挿入することが多いので、別の適当な画像がアイキャッチに設定されてしまうことがありますが、その場合は設定されてしまっているアイキャッチ画像をいったん削除して、下書きとして保存すれば、一番上に挿入した画像に差し替わってくれます。

こんにちは Latin です。 コンフェデレーションズカップはじまりましたね！夏のフットボール観戦はやっぱり燃えます。 さて今回は、WordPressの「3大カスタム要素」と題しまして、「カスタム投稿タイプ」、「カスタムタクソノミー」、「カスタムフィールド」についてまとめていこうと思います。 目次 カスタム投稿タイプ カスタムタクソノミー カスタムフィールド 3大カスタム要素を使ったサイトの運用例 追加されたカスタム要素の表示サンプル どういったケースで使うの？ 例題として今回は、「コーポレートサイト」の場合を想定してみます。 カスタム投稿タイプ 通常の投稿記事と「切り分けたい場合」や「体裁の違うコンテンツを投稿したい場合」によく用いられます。 例えばコーポレートサイトの場合、通常の「投稿」は「お知らせ」などの記事で運用しているケースが多く、 そこに「本の紹介」などの「体裁の違う記事」を投

HTML Editor Syntax Highlighterは、エディタに書いたコードを見やすくできるWordPressプラグインです。エディタに表示するHTML・CSS・JSなどのコードを見やすくできます。 投稿・固定 […]

ホーム› BLOG› WordPress› プラグイン› WordPress コメントフォームに星の評価機能を追加出来るプラグイン Comment Rating Field Plugin 使い方 今回は、WordPressのコメントフォームに星5段階評価機能追加出来るプラグイン【Comment Rating Field Plugin】のご紹介です。 こちらのプラグインを有効化すると下記画像のように、コメントフォーム・コメント欄に星の評価機能が追加されます。 実装もとても簡単で、設定ページでセッティングするだけで実装が出来ます。 ただ残念なことに、【無料版】では限られたことしか出来ません。 僕的には、無料版で十分と思いますwww WPでネットショップや星付きの評価機能が必要なサイトにはとても便利なプラグインでは無いでしょうか？ プラグインのインストール・有効化 それでは、【Comment R

ホーム› BLOG› WordPress› プラグイン› 高機能でいてレスポンシブにも対応 WordPressスライダープラグイン【Meta Slider】使い方 WordPressのスライダープラグインは、数多くありますが、今回ご紹介するのは、その中でもとても人気で初心者にも使いやすい【Meta Slider】です。 Meta Slider(無料版)は、jQueryスライダーの【Nivo Slider】【Coin Slider】【Flex Slider 2】【Responsive Slides】の4つのスライダーが利用できる高機能プラグインです。 また、Flex Sliderなどはレスポンシブにも対応していますので、多彩なデバイスにも対応出来るようになっていますので、現在ご利用のWordPressテーマがレスポンシブの場合はとても相性が良いプラグインです。 スライダーの画像やオプションは

今回は、任意のページのスクリーンショットをショートコードで表示する方法のご紹介です。 WordPressには、Browser Shotsというスクリーンショットをショートコードで表示させるプラグインがあるのですが、こちらを利用してもいいと思いますが、スクリーンショットの為だけにプラグイン1つ導入するのもどうかな～と思いましたので、こちらの自作のショートコードをご紹介したいと思います。 最終的にやっていることは、同じですが、プラグインを利用するか、それともご自身でfunctions.phpにショートコードを登録して利用するかの違いです。 今回ご紹介するショートコードを利用すれば、下記のようにリンク付きでスクリーンショットとタイトルも表示します。画像のサイズも変更可能です。 ショートコードやCSSのスタイルも含めコピペで簡単に導入可能です。 上記のショートコードは、下記のようになります [sc

FacebookやTwitter、はてブなどの各種ソーシャルメディア・ソーシャルサービスにおけるシェア数を取得、一時的にキャッシュ保存して高速表示してくれるプラグイン「SNS Count Cache」に切り替えました。 シェア数を合計して表示できるようになった 今回新しく追加された関数を用いることで、Facebook、Twitter、Google+、はてなブックマーク、Pocketのシェア数を合計した数値をサイト上に表示できるようになりました。 現在、当ブログではページトップの注目記事で実装しています。 対応以前でも、無理やりどうにか実現してしまうことも可能だったと思いますが、こうしてプラグインの公式機能として実装されたので、変に頭を悩ませる必要がなくなりましたよ。いやはや良かった良かった。 Feedlyの登録者数が表示できるようになった さらに、Feedlyの登録者数を表示する機能も追加

今回は、WordPressのRSSに記事のアイキャッチ画像も表示させる方法のご紹介です。 すでに皆さんご存知だとは思いますが、自分の備忘録として残しときます。 また、アイキャッチ画像も表示させたけど、RSSが全文表示になって管理画面の表示設定から抜粋のみ表示にチェックをしても全文表示になるという経験をされた方もいるとは思います(僕もその内の一人ですwww)ので、そちらの対策も一緒に書いています。 RSSに記事のアイキャッチ画像も表示する方法 RSSに記事のアイキャッチ画像を表示する場合は、下記コードをfunctions.phpに貼り付けてください。 /*-------------------------------------------*/ /* RSSに記事のサムネイルを表示 /*-------------------------------------------*/ functio