キャラメルソース

CMS Dashboardを使ってメニューボタンを表示してみよう

CMS Dashboard
今回はWebに疎い人のためのプラグイン『CMS Dashboard』をご紹介します!
Wordpressの管理者画面って、webが分かる人にとってはそう難しくない仕様だと思うんですが、
webに疎い人からすると、何が並んでるのか分かりづらいということがあります。

Webページ制作のディレクションをしているときも、お客様に納品後の更新方法について
説明するんですが、メニューがたくさん並んでいるとどれを選択していいか
迷いが生じてしまうようで、なかなか理解に苦しんでるみたいなんですよね。

そんなユーザーにも使ってほしいのが、このCMS Dashboardです。

つづきをよむ

WordCamp TOKYO 2011に参加中

WordCamp TOKYO 2011に参加中

WordCampに初めて参加してみてます!

現在、午前中のセッションが終わって昼食時間。
お弁当頼んどけばよかったな・・・

午後からは楽しみなセッションがいくつかあるのでしっかりメモしてこようと思います!!

懇親会ではいろんな人と話がしたいですね!!

WordPressで「続きを読む」ボタンを設置してみました!

続きを読む

ブログを更新していて、ついつい記事が長くなってしまうことがあるんですが、これまでの表示方法だと
全文が表示されてしまって、トップページがものすごい長さになっちゃうこともあったので、
「続きを読む」ボタンを設置して記事の長さを調整するようにしてみました。

今回は、ここでも設置した「続きを読む(Read more)」の設定についてまとめてみることにしました。
つづきをよむ

WordPressにトラックバック用のURLを表示させるためのポイント

Wordpressにトラックバック用のURLを表示させるためのポイント

そういえばWordpressってトラックバック用のURLが表示されてないですよね。
せっかく情報(記事)を更新してもブログにトラックバックに関する情報がないと
ちょっともったいないですよね(´・ω・`)
そんなわけで、今回はトラックバックを表示させるためのコードをご紹介します。

トラックバック用のタグを埋め込もう

WordPressのトラックバックについて調べてみると、カイ士伝さんのブログで細かく紹介されていました。
※今回ご紹介するコードも、こちらで紹介されているものになります。
どうやらwordpressのトラックバックURLは「Trackback」というテキストにリンクされていて、
そのURLをコピーしないと使えないようです。リンクされているからといってそのリンクをクリックすると、
同じエントリーが再度表示されるだけでまったく意味がない仕様になっているようです。

■トラックバックの表示コード


TrackBack URL : ” readonly=”readonly” class=”trackback-url” onfocus=”this.select()” />


▲実際の表示イメージ

このコードをトラックバックを表示したい場所に埋め込めば作業完了となります。
自分はこのコード以外にcssで少し加工しています。
※トラックバック用のアイコン(img)や文字の装飾

自分もあまりトラックバックを使う方ではないんですが(-∀-`; )
これを機にちょっと意識したいと思いおます。

それにしてもWordpressは、個人に合わせていろんな使い方ができて楽しいですね!
情報も多いので、オリジナリティ溢れるブログが作りやすいです!!
まるでプラモデルを作っているような感覚ですw

WordPressのログイン画面をカスタマイズしてみた!

Wordpressのログイン画面をカスタマイズしてみた!

WordPressのログイン画面をカスタマイズできることは知っていたんだけど、
実装まで出来ていなかったので、後輩たちがまとめているブログを参考に、自分のブログでも実装してみました!
今回は、ログイン画面のカスタマイズが完了するまでの作業の流れを紹介していこうと思います。
すごく簡単でしたので、試してみたいと思っている方はゼヒ!!

1.オリジナルのロゴ画像を作成する

まずはオリジナルのロゴ画像を作成します。
今回CARAMEL SOURCE.ではメンテナンスページをイメージするイラストを作成しタイトルの横に表示しています。
ここはタイトルだったり、好きなイメージデータで大丈夫だと思います。

ログイン画面のロゴ

[画像サイズ]
326px x 82px
※背景が白ではないので、透過していないとちょっとみっともないかもしれないです。
 塗りつぶしの画像やロゴの外枠に枠線が付いた画像だったらいいかもしれないですね。

[画像のファイル名]
なんでもOK!このサイトでは『wp_login』と設定しています。

[画像のアップロード先]
ロゴ画像は、現在使っているテーマのimagesの中にアップしてください!!
別の場所にアップすると、正常に呼ばれてこない場合があります。
自分の場合は画像が表示されませんでした・・・

2.テーマのfunction.phpにロゴ画像の設定をする

WordPressで使用中のテーマのfunction.phpにロゴ画像を表示するためのソースを記述します。

function my_custom_login_logo() {
  echo '';
}
 add_action('login_head', 'my_custom_login_logo');

ソースを追記する位置は、それぞれにお任せいたします。

3.設定できたか確認してみる!

[これまでのログイン画面]
これまでのログイン画面

[変更後のログイン画面]
カスタマイズしたログイン画面

ちょっとしたことですが、自分専用って感じがしていいですよね!
まさにオンリーワンです!!
例えば、仕事でお客様のサイトをWordpressで制作していた場合、ログイン画面をその会社のロゴにしたりしておくと
お客様の満足度も高まりそうですね!こういう小さな気配りが後々ビッグビジネスを呼びますからね!!

次回はログイン後の管理者画面のロゴを変更してみたいと思います!


今回参考にした後輩たちのブログ。

デザイン どや!?