(image by 写真AC)

WordPressをどこまで使いこなせていますか?最低限の機能を使えるだけでもいいのですが、細かい機能を覚えれば、その幅は格段に広がります。そこで、今日はWordPressに関するサイトを20個厳選しました。初心者の方はもちろん、基礎を学んで、更なるレベルアップをしたい方も参考になる記事を意識して集めましたので、お気に入りに登録し、困った時の索引にしてみてくださいね。

WordPressに関するブログ

WordPressに関する個人のブログです。WordPressだけでなく、それ以外のWeb関連の記事や、その他Web系クリエイターが興味のあることなどが知れて面白いです。

Web design recipes

初心者向けにWordPressのやり方を解説しています。

はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマ...。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています。今回は初めて WordPress

webdesignrecipes.com

Webクリエイターボックス

Web design recipesより少し上級な解説付きです。

Webクリエイターボックス

WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。

www.webcreatorbox.com

ワンランク上のテクニック

基礎を網羅した方のワンランク上のテクニックです。ケース別に書いてあるので、全記事読まなくても大丈夫です。その時々に必要なものを選んでください。

「最近の投稿」ウィジェットに日付をつけたい時

一般的なウェブサイトにおける「新着情報」コーナーの作り方を解説してくれています。

ページが見つかりませんでした | comemo com

WordPress.com での記事作成&カスタマイズ

comemo508.wordpress.com

画像URLの取得をしたい時

Q&A形式で、お悩みを解決しています。当然ですが、わからない人の観点から質問が投げかけられているので、あまり知識が無い方でもわかりやすくなっているかと思います。

WordPressでカテゴリ毎に画像を変更したい時

個人のブログです。書いている方はWebディレクターなので、同サイトの他の記事も参考になります。

WordPress標準機能を利用し、Guestbook(掲示板)を設置したい時

WordPressの標準機能(コメント欄)を使って、掲示板を作ってみるというものです。元々ある機能をこうやって色々アレンジできるようになると楽しいですよね。

WordPressの表示を劇的に速くする!jQuery/JavaScriptを高速化したい時

WordPressを直接操作するという類のテクニックではないですが、WordPressを使う人に読んでほしいお役立ち良記事です。

WordPressの表示を劇的に速くする!jQuery/JavaScriptの高速化テクニック | Find Job ! Startup

数多くのメソッドが存在するWordPressの高速化。エンジニアさんならともかく、ディレクターやWeb担当者、ブロガー等 がやるとなると「本当に速くなるの?」「バグらない?」と心配にもなりますよね? そこで今回は、Find Job ! Startupで実際に実装しているWordPress高速化手法を大公開!ぜひ参考にしてみてください。 ■Find Job ! Startupで実装しているWordPress高速化処理 1.Quick Cacheプラグインで読込スピードUP 2.Adaptive Imagesで画像読み込みスピードを向上 3.SNSボタンを遅延読み込みさせ体感速度を改善 4.ファーストビュー以下の画像読み込みを遅延させるjQueryプラグインで体感スピードUP 5.HTML内でのJavaScript読み込み順最適化 6.お約束の高速化処理も忘れずに 1.Quick Cacheプラグインで読込スピードUP 初回アクセス時にキャッシュデータを自動で作成し、WordPressの記事表示速度を静的ページ並みに高速化してくれるプラグイン「Quick Cache」をインストールします。 リンク先からダウンロードし /plugin/ ディレクトリにアップしてもOKですが、WordPress管理画面上から適用しても大丈夫です。 PC/スマホの表示切替が上手くいかない場合の対処 Any Mobile Theme Switcherなど、PCとスマホの表示切り替えをレスポンスの出しわけで行っている場合、「Quick Cache」導入後にUserAgentを判定して処理を切り替えるルールをサイト全体で統一する必要があります。 統一されていない場合、PCなのにスマホ版が表示されたり、スマホなのにPC版が表示されるバグになってしまいますので、以下の手順を参考に設定を追加してください。 管理画面から「Quick Cache>Config option」をクリック MD5 Version Salt:の欄に、「MD5_VERSION_SALT_NAME」と記入 wp-config.php に以下のコードを追加 [html]$user_agent=$_SERVER['HTTP_USER_AGENT'];if(preg_match('/ipod/i',$user_agent)||preg_match('/iphone/i',$user_agent)) {define("MD5_VERSION_SALT_NAME","mobile")}else if(preg_match('/android/i',$user_agent)&&preg_match('/mobile/i',$user_agent)) {define("MD5_VERSION_SALT_NAME","mobile")}else if(preg_match('/opera mini/i',$user_agent)){define("MD5_VERSION_SALT_NAME","mobile")}else if(preg_match('/blackberry/i',$user_agent)) {define("MD5_VERSION_SALT_NAME","mobile")}else if(preg_match('/(iris|3g_t|windows ce|opera mobi|windows ce; smartphone;|windows ce; iemobile)/i',$user_agent)) {define("MD5_VERSION_SALT_NAME","mobile")}else{define("MD5_VERSION_SALT_NAME","others")}[/html] 記事公開後にスマホとPCでそれぞれ一回ずつ自分でアクセスしておけば、次にアクセスしたユーザーからかなりの高速読み込みが可能になります。 ※現在のVer.ではPC/スマホの振り分けが機能Pro版のみになっているのでご注意ください。  ⇒参照:Quick Cacheを無料で使いたい方はバージョンアップに注意! 2.Adaptive Imagesで画像読み込みスピードを向上 基本的には画面サイズによって最適化された画像を返すというPHPモジュールですが、これをちょっと改造することで記事の読み込み速度をかなり改善できます。 手順01:HTML側にスクリプトを追記 [html]<script type="text/javascript">document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>[/html] 閲覧中の画面サイズを持ったcookieを仕込むためのスクリプトです。設置場所は</head>の手前あたりに。 手順02:adaptiveimages.phpをダウンロードしてちょっと改造 Adaptive Imagesの公式サイトから最新版のadaptiveimages.phpをダウンロードし、.zip内にある「adaptiveimages.php」のコードを若干改造します。 該当ファイルの15?20行目の部分を対象に、Find ...

www.find-job.net

「カテゴリー」ウィジェットのカスタマイズをしたい時

ホーム画面上で、ひと目で情報を得られるように小型化されたアプリを売りジェットと言いますが、要するにカテゴリーを一目で見てわかるように設定する方法について説明されています。

「カテゴリー」ウィジェット カスタマイズ

「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加・設定 特定のカテゴリーを除外 カテゴリーの順番

kwski.net

画像のトリミング範囲を手動で設定したい時

「Post Thumbnail Editor」を使えば、トリミング範囲(切り抜く範囲)を手動で決める事ができ、一度生成されたサムネイルを再生成する事ができるようになるとのことです。詳しい使い方は記事を読んでみてくださいね。

ページが見つかりませんでした | mono-lab | ページ 306

WordPressのテーマ,プラグイン,カスタマイズ情報サイト

www.mono-lab.net

WordPressでNew!を表示したい時

New! を表示したいケースというのは大きくわけて4つだそうです。そのパターン別のハウツーが書かれています。

突然画面が真っ白くなってしまうのを解消したい時

WordPressを使っていると、突然画面が真っ白くなってしまう場合は「デバッグモード」というものを使用しましょう。

WordPress初心者におすすめ!デバッグモードの使い方

WordPressを使っていたら、突然画面が真っ白に!って経験ありませんか?そんなときにおすすめなのがWordPressの「デバッグモード」です。Wor ...

mignonstyle.com

WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させたい時

リサイズされた画像はどうしても画質が落ちますが、簡単に画質を上げることができるのです。

WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる - かちびと.net

WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる方法です。

kachibito.net

タグやカテゴリーの説明文にHTMLのタグを使いたい時

Q&A形式で、タグやカテゴリーの説明文にHTMLのタグを使う方法を教えてくれています。

wordpress3.5に関して質問です。タグやカテゴリーの説明文にHTMLのタグを使う事を検討しています。…

wordpress3.5に関して質問です。タグやカテゴリーの説明文にHTMLのタグを使う事を検討しています。対応方法、もしくはプラグインがあればご教授頂ければと思います。… / テーマの「functions.php」に次の記述を追加します。 function allow_html_description() { remov…

q.hatena.ne.jp

WordPressでカテゴリ(terms)オブジェクトをツリー順に並び替えたい時

カテゴリ情報を並べ替える関数を作ってくれています。

WordPress関連記事

WordPress関連の話題やニュースなどを集めました。読み物としても面白いと思います。

WordPressのカテゴリはindexするべきかno indexするべきか?

読んでみてください。

WordPress で重複コンテンツを防止する必要はない

こちらの記事も参考になります。

WordPress で重複コンテンツを防止する必要はない

フィードを眺めていたら流れてきた記事を受けて、重複コンテンツについて僕の考えを書いてみます。

8bitodyssey.com

おわりに

頻繁に使えるワンランク上の機能を覚えて、スキルアップに繋げてみてくださいね。