WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
WordPressサイトをデザインする時に気をつけていること
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
WordPressテーマのfunctions.phpをクラス化する
プラグインを作成するとき、まるっとクラス化することで 関数名のコンフリクトの心配やら、ちまちまプレフィックスをつける面倒から解放されます。じゃぁテーマの functions.php でも同じことができるんではないか 。子テーマとか考えると function_exists() での判定やら、親テーマと同じプレフィックス付きの長い関数名やら、なんちゅう読み難いんじゃー、といった諸々から解放されてもっと幸せになれるんではないか。そんな思いからテーマ（のfunctions.php）をクラス化する方法を考えてみました。何十個も twentyeleven_ とか書くのシンドイ。 #prefix ってプリフィクスじゃないのね。。。 親テーマ Web 制作会社なら（そうでなくても）自社ルールに則って構築されたテーマのひな形が存在すると思います。無い場合は、この際だから作ってしまいましょう！いつまでもまんま
レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい - かちびと.net
その場でインタラクティブにレイアウトや配色を 調整出来るようなテーマを作る為の開発者向け WordPressテーマフレームワークのご紹介。 久々に凄いなーと感じて脊髄反射的に記事に。 PressWorkで作られたテーマならユーザーが 直感でレイアウトを作る事が出来ます。 以前、直感でWebサイトを作成できるフリーWebサービスという記事を書いたんですが、このサービスのように、インタラクティブにレイアウトやカラーなどを決める事が出来るWordPressテーマ。というだけでも凄いんですが、これがフレームワークとして配布されているのでちょっと驚きでした。 HTML5で出来ています。管理画面に入る事も無く、FTP不要で直感的に、インタラクティブにレイアウトを組む事が出来ます。やばい。 以下に解説を少し。 テーマをアクティブにする 最初にテーマをアクティブにします。外観でPressWorkを選択する
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
マイペースクリエイターの覚え書き-駆け出しフリーランスWeb屋さんのメモ的なブログ。
このブログを2010年10月に立ち上げてもうすぐまる6年。小学生ならもう卒業です。 さて、私といえば「サボテンの人」とか「サボテンダーの人」って認識してくださる方が多いのですが、「実はあれサボテンじゃないんですよ」っていう説明も最近面倒に… Read more
WordPress の自動メディアリンクにメディア形式を追加する - dogmap.jp
WordPress 2.9 から追加された oEmbed (自動メディアリンク) が便利です。 例えば、YouTube や Flickr の URL を書くだけで、投稿が表示される際に URL の位置に自動的に YouTube 動画や Flickr の写真が埋め込まれて表示されます。 現在、デフォルトで対応しているのは、以下のメディアです。 YouTube Vimeo DailyMotion blip.tv Flickr (both videos and images) Viddler Hulu Qik Revision3 Scribd Photobucket PollDaddy Google Video WordPress.tv（現在は VideoPress 形式の動画のみ） SmugMug（WordPress 3.0 以降） FunnyOrDie.com（WordPress 3.0 以
カスタマイズやプラグイン等、今年に入ってブクマしたWordPressの関連記事まとめ・国内編 - かちびと.net
信じがたいですが、もう3月も終わりそう ですね。なんでしょう、このスピード感。 災害の影響もあってか、凄く時間が過ぎる のが早い気がします。さて、今年も1/4が 終わろうとしてるのでWordPress関連で ブクマした記事をまとめました。取りこぼし てないか、確認がてら如何でしょう。 というわけで今年に入ってブクマしたWordPress関連の記事・国内編です。海外編があるか分かりませんが今日は国内のみの記事に絞っています。 尚、プラグインのまとめ記事的なものはあまりブクマすることは無いのでここにも有りません。ご了承下さい。表題にもあるようにカスタマイズ関連記事ですが、そうでないもの僅かにあります。適当ですみません。順不同です。 WordPressでのページ表示高速化の色々まとめ バージョンが上がるに連れてパフォーマンスも向上してる気がしますが、それでも早いにこしたことないですよね。ほとんど
お手軽WordPress Tips：カスタムフィールドを使ってh1を記事に応じて変更出来るようにする - かちびと.net
誰でも手軽に出来るWordPress tips。 今日のお手軽カスタマイズはSEO寄り。 サーチエンジンフレンドリーなtitleやh1 （又はh2）にするカスタマイズは沢山あ りますが、場合によっては融通が効き ませんので、この融通を効かそう、とい う内容です。 テンプレートタグやプラグインでSEOを行う場合が殆どですが、もう少し融通の効く方法を、というカスタマイズの例。シンプルにカスタムフィールドを使います。 コード <h1> <?php if (get_post_meta($post->ID, "h1", true)) : ?> <?php $key="h1"; echo get_post_meta($post->ID, $key, true); ?> <?php else : ?> <?php the_title(); ?> <?php endif; ?> </h1> 別にh1じゃ無
WordPress で細かいところまで手動で SSL 対応させる方法
WordPress で細かいところまで手動で SSL 対応させる方法です。 functions.php への記述 SSL の際に CSS や JS ファイルなども SSL 経由で読み込めるようにするのが主な作業です。SSL を全体を通して使ったサイトを作るのは考えてみたら初めてなので、抜けがあるかもしれませんのでご了承ください・ 以下の記述で WordPress で自動的に出力される URL などのドメイン部分を削除して、/ から始まる絶対パスにすることで http の時は通常の、https の時は SSL 経由でファイルの読み込みを狙います。 function wbsSSLURL($args) { $args = preg_replace("/s?https?:\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?/i",
WordPressで投稿スラッグを取得するテーマ関数 - (DxD)∞
Day by Day Infinity – Webな日々(HTML/XHTML/CSS/JavaScript/PHP/CMS) WordPressで投稿スラッグを取得するためのテーマ関数を作成してみました。 投稿スラッグとは各記事に付けられる固有の名前で、主に記事のURIの一部として利用します。テーマの作成にあたり、XHTMLのIDに投稿スラッグを利用したかったのですが、そういった関数はないようだったので次のような関数を作成しました。 /wp-content/themes/テーマ名/functions.php <?php function the_name($before = '', $after = '', $echo = true) { $post_name = get_the_name(); if (strlen($post_name) == 0) { return; } $post
WordPressでカテゴリー別記事一覧を表示する方法
Posted: 2010.11.18 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressですべての記事一覧やカテゴリーページでの一覧表示などは、わりと標準で機能でできますが、一つのページでカテゴリー毎の一覧を表示したい場合は、ちょっとだけ手を加える必要があります。 この記事ではすべてのカテゴリー一覧を表示する方法と、カテゴリーIDを指定して表示する方法をご紹介します。 とりあえずカテゴリーの数だけ一覧表示する 「get_categories」でカテゴリー情報を取得することができます。 あとはその数だけループさせればカテゴリー別の一覧が表示できますね。 Theme file <?php $categories = get_categories(); foreach($categories as $category) : ?> <h3><?p
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をカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
お手軽WordPress Tips：総コメント数を表示させるコード
情報が見当たらなかったのでメモ。 WordPressで運営しているブログ に付いたコメントの総数を表示させる コードです。ちょい必要になりそう だったのでついでにご紹介します。 需要があるかは分かりませんがｗ というわけで、総コメント数を取得するコードです。 <?php $numcomms = $wpdb-> get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'"); if (0 < $numcomms) $numcomms = number_format($numcomms); echo "計・ ".$numcomms."のコメントがあります"; ?>これで「計・nのコメントがあります」と表示されます。 実装 こんな感じで。 クチコミサイトなんかもたまに見かけますので「～件のクチコミがあります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code1616.net
seotemplate.biz
Artisteerの使い方－できるWebデザイン
http://n1kumeet5.com/2011/08/website-renewal/
http://asklife.info/archives/498
