WordPress初心者がテーマを作成する上で躓いた事まとめ | webox blog
配布されているテーマで十分なんですが、メインはデザイナーだった事を思い出しちゃったのでBlogデザインをリニューアルしました。 しばらく更新してなかったのはこの為でした。 WordPressなんて2年以上前に1度触ったっきりのほぼ素人がテーマを作成する上で、躓いた事や、参考にしたサイトをご紹介します。 これからテーマを作成したい方の参考になればと思います。 ちなみに製作時のWordPressのバージョンは3.1で、使用文字コードはUTF-8です。 素人なので間違ってても許してねッ！！！ 2011-04-25 アイキャッチ系のところに、やっぱ間違ってたところあったので修正しました＾＾； 目次 そもそもテーマってどうやって作るんだっけ？ bloginfo(‘url’)とbloginfo(‘wpurl’) どっちがいいの？ wp_head()とwp_footer() the_time()で英
お手軽WordPress Tips：Twitterのような「～分前に投稿されました」を実装する - かちびと.net
通常のブログは年月日と曜日が表示 されると思いますが、Twitterのように 「～日前」という表示をさせたい、という 事があるのか疑問ではありますが、こ の「お手軽WordPress Tips」コーナー はそういったニーズを無視したコーナー なので気にせず記事を書きます。 というわけで、相対日時を表示する実装法です。更新ペースが早いのであればその更新頻度をより印象付ける事が出来るかも知れません。 コード コードです。functions.phpに以下を追加。 function time_ago( $type = 'post' ) { $d = 'comment' == $type ? 'get_comment_time' : 'get_post_time'; return human_time_diff($d('U'), current_time('timestamp')) . "" . _
「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file - かちびと.net
いつかやろうと思っていたWPの functions.phpで出来ることのま とめが、海外のWP専門質問サ イトにあったのでこちらをご紹介。 個人的にもかなり役に立ちました。 Q&Aサイトは色々助かりますよね。 WordPressのテーマファイルで使えるfunctions.phpは色々とテーマの機能を拡張するのに大いに貢献してくれます。 このfunctions.phpを使って何が出来るのかは、WebデザインレシピさんのWordPressのfunctions.phpに書いておくといいかもしれないコードいろいろという記事をご覧になってみてください。 今日ご紹介するBest Collection of Code for your functions.php fileというスレッドには79個の回答があります。 WordPressの情報専門のQ&Aサイト・WordPress Answersでのスレッド
お手軽WordPress Tips：コンテンツをサクッと表示させるショートコードを作る & 超絶便利プラグインAddQuicktag - かちびと.net
よく、WordPressのカスタマイズ記事で functions.phpを使って～のような内容を 見かけるかと思いますが、自分で好きな ようにカスタマイズしたいと思うことはあり ませんか？WordPressにはショートコード APIがあって、これを使いこなせればかなり 表現の幅が広がります。 という訳で、好きなコンテンツを簡単なショートコードで記事内の好きな場所に表示させよう、という内容。ビギナーさん向けになります。 これを覚えるだけでかなり表現の幅が広がるはずです。凄く簡単なのでぜひチャレンジしてみてください。 まずはコード。お使いのテーマにあるfunctions.phpに下記のようなコードを追記します。 function sushi() { return 'とき既にお寿司'; } add_shortcode('kachibito', 'sushi'); このコードを追記して、記事内に
Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法
今更ながらTwitter公式の「ツートボタン」を試しました。 ノーマルな使用法なら設置がとても簡単なので、今回は設置方法の紹介ではなくちょっとしたカスタマイズをご紹介します。 Twitter公式の「ツートボタン」、通常設置ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「ツイート数」を取得してしまいます。 これを、個々の記事ごとの「ツイート数」を取得する為のカスタマイズです。 （WordPress利用者を想定して解説してます） まずは公式サイトにアクセス Twitter / ツイートボタン http://twitter.com/goodies/tweetbutton ボタンの外見等はお好みで。変更箇所は2ヶ所。 ツイート内テキスト に <?php the_title(); ?> を記入。 URL に <?php the_permalink
新「はてなブックマークボタン」、WordPressで記事を一覧表示した際にそれぞれ個々のブックマーク数を取得する方法
「はてなブックマークボタン」がリニューアルしましたので、早速試してみました。 新しいボタンの特徴は「デザインの一新」「ページ遷移をせずサイト内でユーザーの操作が完結」だそうです。URLとブログ名を記入してボタンデザインを3つの中から選択するだけで簡単に作成できます。 但し、この状態ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「はてなブックマーク数」を取得してしまいます。 これを、個々の記事ごとの「はてなブックマーク数」を取得する為のカスタマイズを下記します。 （WordPress利用者を想定して解説してます） まずは新ブックマークボタンを作成 ● いやすくなりました! はてなブックマークボタン ● http://b.hatena.ne.jp/guide/bbutton 上記URLにアクセスして、「URL」「ブログ名」を記入し、お好みの
WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…！ テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る
Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。 普段、TwitterではURLとともに感想が書いてあることが多く、フィードバックのツールとしてTwitterを利用しているWebサイトも少なく有りません。このフィードバックをもっと簡易的にしてみよう、というのが今日の内容です。 サンプルは記事の下のほうにあります。 jQueryを使います。僕は基本的にWordPressを使う人なのでWPにあわせたコードです。便宜変更してください。 $(function(){ var url = "<?php the_permalink() ?>"; var post_title = "<?php the_title(); ?>"
「iPhone theme switcher」でWordPressをスマートフォン最適化しよう | cupca
この記事を読むための所要時間：５分ぐらい 内容 ： iPhone theme switcherの導入，Android対応 はじめに 現在、WordPressをスマートフォンに最適化させる方法で１番手っ取り早いのはWPtouchだと思います。導入して簡単な設定をするだけで最適化でき、デザインも数種類の中から選ぶことができる至れり尽くせりなプラグインです。 しかしWPtouchはデザインを自由にカスタマイズすることができません。※正確にはカスタマイズはできますがソースがガッツりPHPで作られているので初心者にはわかりにくい・・・。 これではオリジナリティを求めるWPユーザーは納得できない！ というわけで、今回は「iPhone theme swicher」を使います。 iPhone theme swicher このプラグインはiPhoneからアクセスしたときのテーマを振り分けるプラグインです。
CSS Speech Bubble · David DeSandro
Speech bubble icons have become synonymous with comments. When creating yet another one for a standard comment link, it occurred to me that there might be a way to make the icon without ever opening up an image editor. It could all be done with CSS. After all, a word bubble is only two shapes a rounded rectangle and a triangle. For it to work, I just needed to add a couple tags inside the comment
「Google Reader Plus」のCSS設定追記
“Google Reader Plus”の「Relook」設定でCSSを追記 “ナビゲーション”の幅を若干（+100pix）広げてみる デフォルトのGoogleリーダーでは、左側にある“ナビゲーション”の開閉は出来るものの、幅は自由に変えられない。 Googleが提供するサービスを使う際に主にGoogle Chromeを使っていため、 幅の拡大は、Google Chromeエクステンションである「Google Reader Plus」を使って行った。 Google Reader Plusでは、適応するSkinをプリセットや自分で設定する機能があり、自由にデザインを選べます。 「Google Reader Plus」エクステンションでは、自前のCSSを書いて適応出来る設定項目もあり、 今回はこの機能で幅の大きさを変えてみます。 Google Reader Plusの設定項目 Theme /
過去ログを変更しました
なんか10年前の日記公開してるとあれなんで…… このテーマも作り直したいけど、 自分のいじってる暇があったら仕事しろって言われるからなあ
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
WordPressで作ったサイトを最適化するためのrobots.txt
WordPressで構築している当サイトのrobots.txtを見直そうと思い、参考にした記事をいくつか紹介します。 How to Write WordPress robots.txt for SEO robots.txtファイルは、ウェブを探し回る検索エンジンのロボットに制限を与えるものです。 参考：A Standard for Robot Exclusion ロボットは自動化されており、サイトのページにアクセスする前に、そのサイトにrobots.txtファイルの存在を確認します。 WordPressにとっては、たとえば管理系のファイルなど検索エンジンには必要ではないコンテンツをもっているため、robots.txtの設置は大切です。また、WordPressで生成したページはカテゴリフォルダ、毎月のアーカイブ、タグ一覧など複数のページから同じページを見つけることができます。Googleはコ
WordPressを使ったWebサイトでfunctions.phpによく書いてるやつ - かちびと.net
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exa
あなたのGoogleリーダーを超便利にするChrome拡張機能11個まとめ | フリーソフト,Windows PC活用情報局
今回は、Googleリーダーで使えるGoogle Chrome拡張機能11個を集めてみました。過去にも当サイトでは、FirefoxアドオンやGreasemonkeyスクリプトなどGoogleリーダーをさらに使いやすくするためのブラウザ拡張機能をいくつか紹介したことがありますが、もちろんGoogle Chrome拡張機能にも便利なツールがたくさんあります！ せっかくGoogleリーダーを使うなら、色々カスタマイズしてもっと生産性アップをはかってみましょう！というわけで、これまでGoogleリーダーを情報収集ツールとして役立ててきた人も、他ブラウザにはないユニークなChrome拡張機能をうまく使って、さらに効率的に情報収集できる超便利なRSSリーダーへと変身させてみませんか？ TPGoogleReader（リンク切れ） バックグラウンドで常にGoogleリーダーをチェックし、新着フィードが配信
bodyにカスタムなclassを追加する – わーどぷれすっ!!
Add custom parameters into the body_class() functionより、bodyのclassにカスタムなパラメータを追加するコードのご紹介。どういうことかっていうと、例えばbodyのclassが <body class="home blog logged-in"> となっているところが <body class="home blog logged-in anotherparam"> となります。 使い方は、以下のコードをfunctions.phpに張り付けるだけ。 function custom_body_class($classes){ if(is_singular()){ $myvar = "myparam"; } else { $myvar = "anotherparam"; } global $post; array_push($classes,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
HTML5ベースのWordPressのテーマファイルのまとめ
Taberareloo - wiki
