全記事一覧(過去記事はこちらから) *投稿日が新しい順に記事が並んでいます。 « < 4 5 6 > » 2015年4月10日 WordPress トップページ用テンプレートhome.phpを作る(get_postsで新着記事を数件表示)[WordPressテーマ作成の手順8] WordPressのテーマ作成を1〜7まで順にメモってきたが、今はまだindex.phpをパーツテンプレートに分割しただけ。投稿や固定の記事を表示するところはまだ無い状態だ。 今回から、トップページや投稿・固定ページの記事を表示する部分を作っていく。 まずは、トップペー …(続きを読む) 2015年4月6日 WordPress 検索フォームのカスタマイズ [WordPressテーマ作成の手順7] 検索フォームを表示したいところに「get_search_form() 」と書くだけで、WordPressは検索フォームを表示する。 これは、あらかじめWordPressで用意された検索フォームが表示されるのだが、この検索フォームの見た目をカスタマイズする方法をメモ。 W …(続きを読む) 2015年4月5日 WordPress footer.phpの編集 wp_footer() とその他の設定 [WordPressテーマ作成の手順6] このブログのフッターはシンプルに、カテゴリーの全リストとコピーライトのみだ。 今回は、カテゴリーリストの全表示と、コピーライト部分のテンプレートタグをメモ。 このほか footer.php にはテンプレートタグ wp_footer() を必ず記述しておくこと。 本日のI …(続きを読む) 2015年4月5日 WordPress header.phpの編集 ページタイトルの出力とRSSフィードへのリンクなど [WordPressテーマ作成の手順5] 今回は header.phpの編集についてメモ。 <head>の<title>部分にテンプレートタグを使ってページタイトルを適切に出力させたり、body内のサイトタイトルもテンプレートタグを使用する。 また、このブログでは「RSSフィード」へのリ …(続きを読む) 2015年4月4日 WordPress カテゴリーリスト、タグクラウドを表示する [WordPressテーマ作成の手順4] 今回はカテゴリーリストとタグクラウドを表示する。 このブログでは、これらを sidebar.phpに表示させている。 このほかのsidebarにある「全記事一覧」や「リンク」などは、WordPressのタグは使わず、普通にHTMLでリンクを貼っただけ。 カテゴリーリスト …(続きを読む) 2015年4月2日 WordPress index.phpをパーツテンプレートに分割する [WordPressテーマ作成の手順3] WordPressのテンプレートファイルには、表示用テンプレートとパーツテンプレートがある。 全ページ共通の部分(ヘッダー・サイドバー・フッターなど)は、それぞれパーツテンプレートにしておき、表示用テンプレートにそれを呼び出すテンプレートタグを貼る。 そうすれば、例えば …(続きを読む) 2015年4月1日 WordPress テンプレート分割の前に下準備いろいろ [WordPressテーマ作成の手順2] 自作テーマを組み立てていく前に、済ませておいたほうが後々ラクな下準備がある。 記事がまったく無い状態では、プレビューを確認することができないので、ダミーの記事を書いておくことが必要。プラグインも作業前に有効にしておくべきモノがある。 また「アイキャッチ画像」を使うなら、 …(続きを読む) 2015年3月29日 WordPress 最初に使うテンプレートタグ bloginfo() [WordPressテーマ作成の手順1] 今回から、このブログサイトをWordPressで作っていった過程をメモっておこうと思う。 WordPress初心者なので、せっかく実現したこの過程もすぐに忘れてしまいそうなので。 本日のINDEX 済ませておくべきこと テンプレート計画 HTMLで数ページをコーディング …(続きを読む) 2015年3月25日 jQuery スクロールしたらフェイドインで表示される「TOPへ戻る」ボタンをjQueryで jQueryで「ページトップへ戻るボタン」をフェイドインで出現させるソースを、本サイトでも使用した。 ただ、ページスクロールの部分は、別に用意したjavaScriptを組み合わせたので、参考ソースから少し書き換えさせてもらった。 また、CSSの「transition」プ …(続きを読む) « < 4 5 6 > » スポンサーリンク
2015年4月10日 WordPress トップページ用テンプレートhome.phpを作る(get_postsで新着記事を数件表示)[WordPressテーマ作成の手順8] WordPressのテーマ作成を1〜7まで順にメモってきたが、今はまだindex.phpをパーツテンプレートに分割しただけ。投稿や固定の記事を表示するところはまだ無い状態だ。 今回から、トップページや投稿・固定ページの記事を表示する部分を作っていく。 まずは、トップペー …(続きを読む)
2015年4月6日 WordPress 検索フォームのカスタマイズ [WordPressテーマ作成の手順7] 検索フォームを表示したいところに「get_search_form() 」と書くだけで、WordPressは検索フォームを表示する。 これは、あらかじめWordPressで用意された検索フォームが表示されるのだが、この検索フォームの見た目をカスタマイズする方法をメモ。 W …(続きを読む)
2015年4月5日 WordPress footer.phpの編集 wp_footer() とその他の設定 [WordPressテーマ作成の手順6] このブログのフッターはシンプルに、カテゴリーの全リストとコピーライトのみだ。 今回は、カテゴリーリストの全表示と、コピーライト部分のテンプレートタグをメモ。 このほか footer.php にはテンプレートタグ wp_footer() を必ず記述しておくこと。 本日のI …(続きを読む)
2015年4月5日 WordPress header.phpの編集 ページタイトルの出力とRSSフィードへのリンクなど [WordPressテーマ作成の手順5] 今回は header.phpの編集についてメモ。 <head>の<title>部分にテンプレートタグを使ってページタイトルを適切に出力させたり、body内のサイトタイトルもテンプレートタグを使用する。 また、このブログでは「RSSフィード」へのリ …(続きを読む)
2015年4月4日 WordPress カテゴリーリスト、タグクラウドを表示する [WordPressテーマ作成の手順4] 今回はカテゴリーリストとタグクラウドを表示する。 このブログでは、これらを sidebar.phpに表示させている。 このほかのsidebarにある「全記事一覧」や「リンク」などは、WordPressのタグは使わず、普通にHTMLでリンクを貼っただけ。 カテゴリーリスト …(続きを読む)
2015年4月2日 WordPress index.phpをパーツテンプレートに分割する [WordPressテーマ作成の手順3] WordPressのテンプレートファイルには、表示用テンプレートとパーツテンプレートがある。 全ページ共通の部分(ヘッダー・サイドバー・フッターなど)は、それぞれパーツテンプレートにしておき、表示用テンプレートにそれを呼び出すテンプレートタグを貼る。 そうすれば、例えば …(続きを読む)
2015年4月1日 WordPress テンプレート分割の前に下準備いろいろ [WordPressテーマ作成の手順2] 自作テーマを組み立てていく前に、済ませておいたほうが後々ラクな下準備がある。 記事がまったく無い状態では、プレビューを確認することができないので、ダミーの記事を書いておくことが必要。プラグインも作業前に有効にしておくべきモノがある。 また「アイキャッチ画像」を使うなら、 …(続きを読む)
2015年3月29日 WordPress 最初に使うテンプレートタグ bloginfo() [WordPressテーマ作成の手順1] 今回から、このブログサイトをWordPressで作っていった過程をメモっておこうと思う。 WordPress初心者なので、せっかく実現したこの過程もすぐに忘れてしまいそうなので。 本日のINDEX 済ませておくべきこと テンプレート計画 HTMLで数ページをコーディング …(続きを読む)
2015年3月25日 jQuery スクロールしたらフェイドインで表示される「TOPへ戻る」ボタンをjQueryで jQueryで「ページトップへ戻るボタン」をフェイドインで出現させるソースを、本サイトでも使用した。 ただ、ページスクロールの部分は、別に用意したjavaScriptを組み合わせたので、参考ソースから少し書き換えさせてもらった。 また、CSSの「transition」プ …(続きを読む)