更新する内容はいくらでもあるのに、更新するほどコンテンツの迷宮化が進んでしまう。そんな悩める会社WEBサイトを改修した。最初はテーマとプラグインでお手軽にそれなりにいい感じのサイトにしようと思っていたが、全然企業サイトっぽいテーマがない。あっても使いにくい。外注すると高いしどうせ要件定義も保守も自分でするんだし、いっそ自分で作るか。キーワードでググってはトライアンドエラーを繰り返し、どうにか年内に公開できた。せっかくなので参考にしたページをまとめてみよう。
なんかちょっと調べるときに使った。
- WordPress Codex 日本語版
- HTMLクイックリファレンス
- WEB色見本 原色大辞典 – HTMLカラーコード
- 【みんなの知識 ちょっと便利帳】使いたいときの HTML特殊文字 & 機種依存文字 – 括弧(かっこ) / 年号・曜日など
子テーマを作らないと、テーマを更新したときにソースをいじったファイルが元に戻ってしまう。
- 【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇｜ThePresentNote
- 【注意】子テーマをつくってのカスタマイズ方法 -functoins.php篇-｜ThePresentNote
トップページをレイアウトからいじりたい。固定ページを同じレイアウトで見せたい。→テンプレートファイルをいじる。
特定カテゴリの新着記事だけを拾って表示させたい
- 今さら…いや今だから「WordPressのトップページに、新着記事数件を表示する」サンプルコードをあげとく[WordPress使えそうなスニペットシリーズ] | マイペースクリエイターの覚え書き
- [WordPress]最新5記事から特定カテゴリーを除外して表示させる | 株式会社イン・ザ・コム
カテゴリIDが2と3を除いた新着記事を拾わせたかったがget_postsでの絞り込み条件の書き方がわからなかったので、query_postでの話だけどこの絞り込み条件にしてみたら動いた。あとposts_per_pageで記事数を増やしても5件しか表示されなくて謎だったのだが、どこかのフォーラムでnumberpostsで指定すればいいと書いてあったのでその通りにしたら6件以上表示されるようになった。
段組したつもりが重なって表示されてしまう
- スタイルシートによる崩れない 2カラム 3カラム・レイアウト
- これからのCSSレイアウトはFlexboxで決まり！ | Webクリエイターボックス
- 【CSS】Flexboxのプロパティ（flex-direction、flex-wrap、flex-flow、order）を紹介します
margin-leftでレイアウトするとスマホで見たときに可変カラムが細長くなってしまって困ったので、結局flexboxでレイアウトすることにした。今考えると画面サイズに合わせてCSSを変えればよかったんだけどもう面倒臭いから今回はflexboxのレイアウトに統一。モダンブラウザ以外の動作保証は切り捨てた。
スクロールバーを表示させたらブロック要素からはみ出た
施工実績のページで同じ構造や用途の物件を表示させたい
- WordPressでカテゴリとタグを基に関連記事を表示する – UKLab開発者ブログ
- サムネイル付き関連記事(タグ)をプラグインなしで表示させる【wordpress】 | かわたま.net
- 【WordPress】全タグ毎 or 指定タグの記事を取得して表示 – 俺氏、本を読む
CSSを整理しようとしたがどこをいじればいいのかわからない。Chromeの検証機能を初めて知った
工事現場だよりはタグで現場を分けて、同じ現場で前の記事・次の記事へ移動できるようにしたい
事業案内とかで簡単に施工実績とかを引用できるようにしたい
施工実績のページだけ違う記事レイアウトにしたい
更新情報にリンクの付いてないカテゴリ名を表示させたい
で、いざドメイン直下URLに公開しようとして、やりかたがわからない
…ほかにも色んなページを探しに行っては試行錯誤を繰り返し、ようやくどうにか形になった。ドメイン直下に移行してからもちょこちょこ不具合が見つかっては直している。前のサイトはたぶん15年くらい使ってたので膨大なコンテンツをまだ全然移せてないし、古いコンテンツも大事だけど新しく作りたかったコンテンツもまだ作れてないし、とにかくいろいろまだまだなんだけど、まあこれで2015年の最後の目標はなんとか達成したということで。
コメント