WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
WordPress のページによってサイドバーを切り替える方法
今回は例として、会社情報ページ(about)は会社情報用のサイドバー。商品紹介ページ(item)のページは商品紹介用のサイドバーに切り替えたい場合の手順を紹介します。 ページ用のサイドバーを用意する それぞれのページで読み込むサイドバーのファイルを用意します。サイドバーのファイル名は、sidebar にハイフンを付けてページのスラッグ名を入れます。今回の場合だと以下のような感じです。 sidebar-about.php sidebar-item.php ページによって切り替える分岐タグ ページによって読み込むサイドバーを切り替えてくれるタグを書きましょう。このタグを書く場所は page.php とか index.php とか人によっては違うと思いますが頑張ってみてください。 <?php if(is_page('about')): ?> <?php get_sidebar('about');
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サイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_ → example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン
2011年、WordPressに効果があるSEOの15のテクニック
WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本
TRANS - WordPressで企業サイトを作る際に押さえておくべき10個のこと
少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」というブログの時系列には影響されない個別のコンテンツを作るための機能があります。まず、はじめに考えておくべきことはWP自体をどの階層にインストールしておくのか、ということです。 同時に、あるコンテンツを作る際にそれを「ページ」で作るのか、それともブログベースの「記事」で作るのか、それともWPとは別に単なるHTMLファイルとして作るのか、そのあたりを考えておく必要があります。僕がよく使う方法は、「お知らせ」や「新着ニュース」などは「
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
オリジナルテーマの作り方 3.0+
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
WordPressで困った時に役立つお助けコード8つ
2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文
スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ | hT DESIGN blog
2010.07.12 - 07:40 スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ jQuery Image Lazy Load WPはサイト閲覧者のスクロールに合わせてページ中の画像を読み込み、フェード効果を付けて表示してくれるWordPressプラグインです。 スクロールされてから画像を読み込むので、最初のページ表示にかかる時間は少し短くなる筈です。特に画像を多く扱うギャラリー系のサイトなどには効果的なプラグインだと思います。 少し前から探していたプラグインだったので、早速このブログでも導入してみました。もちろんWordPressプラグインなので導入は超簡単。 このWordPressプラグインの設定方法 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。 jquery-image-laz
知っておいて損しない、地味に便利なWordPressのデフォルト機能
WordPress存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった！便利！」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図の
iPhoneなどのスマートフォンに最適化されたWordPressテーマ「iPhonsta」などを配布するサイト「WPSHOWER」
WordPress 3.0との互換性ありで、各種タッチスクリーンデバイスでもテスト済み、なおかつ無料で利用できるクールなテーマがこの「iPhonsta」で、ほかにもjQueryを駆使したオンラインマガジンやポートフォリオ向けの「Imbalance」やグリッドデザインを使ってできるだけ軽くした「Paragrams」が配布されています。 ダウンロードは以下から。 iPhonsta Wordpress Theme - WPSHOWER - Free wordpress themes Imbalance Wordpress Theme - WPSHOWER - Free wordpress themes Paragrams Wordpress Theme - WPSHOWER - Free wordpress themes
HTMLをWPテーマ化する時の手順リスト
WordPressWPテーマ化手順 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リストSTEP.1HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクル
かなり美麗なフリーのWordPressテーマ60:phpspot開発日誌
60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30＋ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集
日本語版 WordPress チートシート | Webクリエイターボックス
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる - かちびと.net
WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい！という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめに これはPHPの記事ではありません。コピペ（ファイル間でのソースの移動など）が基本になるのでプログラマーさんからすれば酷い記事になると思いますが、デザイナーさんが少しでもプログラミングに興味を抱き、理解する事でチームの作業が円滑になる側面も期待しつつエントリーしてみます。 で、カスタマイズする前に以下にご注意頂きたいと思います。 テーマファイ
自分でWordPressのテーマが作れるようになるプラグイン – creamu
WordPressのテーマを作りたい。 そんなときにおすすめなのが、『Elastic Theme Editor』。自分でWordPressのテーマが作れるようになるプラグインです。 ダウンロードした「elastic-theme-editor」フォルダを、「wp-content/plugins」に置いてプラグインを有効化することで、利用可能になります。 ヘッダやコンテンツ、サイドバーの領域をドラッグすることで、それぞれのテーマファイルを作ることができます。シンプルな2カラムで作ったのが以下ですね。 カラム数やレイアウトを自由に作れるのと、ヘッダやサイドバーなどのシンプルなテーマファイルがそれぞれ作られるので、一からテーマを作りたいときに便利なのでは、と思います。 ぜひ見てみてください。 Elastic Theme Editor プログラマと打ち合わせ。周りに仕事を振れるようになってきました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lovelog
xml+FlashのギャラリーをWordPressテーマ化し、更新出来るようにする為の作成チュートリアル
WPデザインギャラリー