【管理画面から選択できる】WordPressで「デフォルトでコメントに表示するアバター」をオリジナル画像にする方法｜今村だけがよくわかるブログ
WordPressで作ったサイトにコメントを表示している方は、コメントそれぞれに「アバター」を表示している方もいらっしゃると思います。 例えば下の画像のような感じです。コメントしている方のメールアドレスが「gravatar」と紐づいていない場合は「デフォルトアバター」が表示されます。 「デフォルトアバター」は、WordPressの管理画面より「設定」→「ディスカッション」のページにある「デフォルトアバター」の一覧から選ぶことができます。 表示したいアバターを選択 このアバターを一覧にはない「オリジナルの画像にしたい」という事もあると思います。そんな時は「デフォルトアバター」の一覧から選択できるようにアバターを追加すればOKです。 こんな感じでアバターを追加できる 以下に追加する方法を書きましたので、興味がありましたらご参考ください。 デフォルトアバターを追加する方法WordPressのテー
プラグインは使わない！WordPressサイトに高品質なパンくずナビをコピペで設置する方法
プラグインを使わずにWordPressサイトに高品質なパンくずナビをコピペで設置する方法をご紹介します。設置はコピペだけで実装可能です。興味のある方は3分間だけコンテンツを確認してみてください。 今回はプラグインを使わず、高品質なパンくずナビを実装する方法をご紹介します。 WordPressのサイトにパンくずナビを設置しようとする場合、プラグインを使うことが多いかと思います。例えば、【Breadcrumb NavXT】がパッと思いつくのではないでしょうか？ 私も【Breadcrumb NavXT】を使っていた時期がありました。 でも、今は使っていません。 とある案件でプラグインを使わずパンくずナビを実装してからは、プラグインを使うことはなくなりました。 パンくずナビは、プラグインを使わなくても簡単なコピペだけで実装可能です。 プラグインを使わずパンくずナビを実装したい方は、続きをご覧くださ
WordPress でページごとに個別の CSS を設定する方法 7 選 - Naifix
WordPress は基本的にトップページでも下層ページ（投稿・固定ページ・アーカイブ）でも同じ CSS を読み込んでいます。 場合によっては、特定の CSS をそのページでのみ読み込みたいケースもあるんじゃないでしょうか。たとえば「CSS を使った見出しのデザインサンプル」といった記事を書くときや、オリジナルテーマを制作して納品するときですね。 すべて style.css やカスタマイザーの「追加 CSS」に書くと管理が面倒ですし、他の記事でまったく使わない CSS が大量にあると表示スピードにもわずかながら影響します。 そこで、そのページにだけ個別のスタイルを適用する方法をご紹介していきます。 個別の CSS を設定する方法 01. <head> 内で条件分岐する 投稿編集画面での CSS 編集を必要としないなら、特定のページに適用する CSS ファイルを FTP でアップロードしてお
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ
WordPress：最初・最後・奇数・偶数の記事にそれぞれclassを付けたり、表示内容を変更する方法 - NxWorld
実装方法を教えてもらったので、復習も兼ねた備忘録です。 WordPressで記事を表示する際に、特定の件数時にclassを付けたり表示する内容を変更させる方法です。 やろうと思えばスタイルの調整とかclass付ける程度であればCSSやjQueryで疑似classを使って実装することも可能ですが、中身をガラッと変えるときや特定の件数後に何かを表示させたいというときなどに非常に便利です。 最初とそれ以外とでclassを変更する たまに実装しているブログを見かけることもある、記事一覧などで最初の記事だけ背景色や文字サイズを変更するといったことをやりたいときに便利な方法です。 実装にはまずfunctions.phpへ下記のように記述します。
[WordPress] functions.phpを編集、修正、管理しやすくする書き方
WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か
![[WordPress] functions.phpを編集、修正、管理しやすくする書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e5474958574310504f6db4f8639c1ef6a4eeff/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fmillkeyweb.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fmedium_3769771267_mini.jpg%3Ffit%3D640%252C510%26ssl%3D1)
プラグインを使わずに WordPress カテゴリーページに説明文を表示する方法 - Naifix
WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。以下は当サイト（Naifix）の例です。 ブログ運営に関する記事一覧 – Naifix 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順で
WordPressプラグイン「JetPack」に関連記事の機能が登場
WordPressが公式提供しているプラグイン「JetPack」。 このプラグインを入れるだけで、様々な機能をWordPressに追加することができるわけですが、さきごろアップデートが行われてバージョン2.9となり、新たに関連記事を表示する機能が追加されました。 うーむ、ますます便利なプラグインに進化してますねぇ。 今回追加された新機能「関連記事」を有効化すると、記事下にアイキャッチとタイトル、それとカテゴリー加わった記事リンクが追加されるとのこと。 via. Related Posts — Jetpack for WordPress 特にCSSでデザインをいじらなくてもこのようなスタイルがデフォルトで指定されるようなので、HTMLとかCSSとかよくわかんないよ! なんていう人でも気軽に利用することができますね。 表示件数や関連記事エリアの表示箇所などは、functions.phpにコード
【WordPress】スマホサイト作成！テーマファイルの効率化
index.phpでホーム、カテゴリ、タグ、アーカイブを共通運用 通常のテーマでは、ホーム（トップページ）は「home.php」、カテゴリ一覧ページは「category.php」、タグ一覧ページは「tag.php」、年月日のアーカイブページは「archive.php」を利用します。 私が今回作成したスマホテーマでは、これらは全て「記事一覧」を表示することにしました。そしてデザインや構造も統一して「index.php」という1つのファイルで共通管理することにしました。 WordPressは該当するテーマファイル（例えば「tag.php」など）が見つからなければ、最後には「index.php」を探して適用します。ファイルの優先順位は下の記事も参考にしてくだい。 ⇒WordPressのテンプレートファイルの種類と使い方を覚える – MdN Design Interactive このように1つのテ
WordPressを使っていると入りやすい中身のないタグ要素をjsで抹殺する方法
WordPressを使っている人には憶えがあると思うのですが、記事を書いて更新して、その後記事のソースを見てみると、入れたはずのない<p></p>や<span></span>が入っていることがあります。 なんだか気持ち悪いし、HTMLの文法上よろしくないんですよね。そんなわけで、こいつらを強制抹殺してみましょう。 なぜ勝手に空の要素が入るのか? これはもうWordPressの仕様上、しゃあないといえばしゃあないことなのですが、主に<p></p>が入ってしまう理由は、pタグやbrタグを整頓するwpautop関数ってのが動いているため。 もちろん制御は可能なんですが、タグを整頓するかしないかの2択しかないんですよね。 そのため、仮に整頓しないように制御してしまうと、投稿画面で改行したはずのものが記事を見ると改行されなくなったり、それまで勝手に段落分けされていたものが、されなくなってしまったり。
WordPress管理画面の投稿一覧で、記事の文字数がチェックできるようにしてみた - 拡張現実ライフ
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 「検索エンジンの検索結果で上位表示を狙うためには、質の高いコンテンツを作るべし」なんていう話をよく聞きますが、「質の高いコンテンツ」とは一体どういったものを指すのでしょうか？ 様々な判断基準があるかと思いますが、その1つとして、「記事の文字数が少なすぎない事。適切な文字数であること」という点が挙げられるのではないかなあと思います。 しかし、ブログ記事を書いていく上で文字数を意識するには、何らかの仕組みを用意しておかないと難しいですよね？ そこで、WordPress管理画面の投稿一覧で、それぞれの記事の文字数を簡単に確認できるようにカスタマイズしてみたので、その方法を紹介したいと思います！ functions.phpに記述を追加する 現在使用しているWordPress
WordPressのテーマ作成で気をつけてほしいこととか・アンチパターンとか。 - Toro_Unit
WordPressのテーマ作成で、ありがちなアンチパターンです。 テンプレート内にロジックは書かない query_postsは使わない。 wp_head(),wp_footer()はちゃんと書く .alignleft, .alignright等のCSSは定義する JavaScriptは、wp_enqueue_scriptを使って読み込む 更新のあまりないページでも静的にせず、固定ページに入れる テンプレート内にロジックは書かない 関数はここから引用。 http://www.2ndgate.jp/archives/614 before <ul> <?php while(have_posts()):the_post();?> <li> <?php the_post_thumbnail();?> <p>ファイルサイズ: <?php $attachment = get_post_thumbnail
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet
見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・ Easingのチートシートです。ニッチですね・・・
WordPressのプラグインを開発しよう（初級編）
プラグインってなんだろう。 WordPressのテンプレートをカスタマイズしてるとfunctions.phpにコードを書くことがあると思います。 基本的にこのコードをプラグインフォルダに入れるだけでプラグインになります。 そのテンプレートに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるものでしたらプラグイン化すると良いと思います。 簡単なプラグイン 簡単な例を見てみましょう。 functions.php に次のようなコードがあるとします。 functions.php function show_text() { echo 'おはようございます。'; } これはテンプレートファイルに「<?php show_text(); ?>」と書くと「おはようございます。」と表示するだけのコードです。 これをプラグイン化してみます。 プラグインは「wp-co
WordPress3.4のテーマカスタマイザーで自由度の高いテーマを作ろう
Posted: 2012.06.20 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 WordPress3.4からテーマカスタマイザーとい機能が追加されテーマファイルを編集しなくても管理画面から色や画像などリアルタイムで確認しながら編集できるようになりました。 この記事ではテーマカスタマイザーの使用方法とカスタマイズ方法をご紹介します。 テーマカスタマイザーの使い方 WordPressの管理画面で左メニュー「外観」→「テーマ」で「テーマ管理画面」を表示し、「カスタマイズ」ボタンをクリックします。 テーマカスタマイザー画面が表示されます。 何も設定していなくても「サイトタイトルとキャッチフレーズ」と「固定フロントページ」という項目があります。 たとえばテーマファイルで下記のように設定してあると、「サイトのタイトル」などの変更箇所がリアルタイムで
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
functions.phpに書いておくといいかもしれないコードいろいろ
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressの管理画面カスタマイズ時に使えるハック #4 - NxWorld
omotan.com
WordPressのカスタムメニュー（wp_nav_menu）を使って、サブタイトル付きのナビゲーションを実装する