IT仕事

WordPress初設定の覚書

投稿日:

まずは、ヘッダー画像を始め画像関係をいろいろと。
Defaultテンプレートを改造する方向でお客さんのテーマを作成したのだが、どうCSSを調べても直しても背景の浮き出し効果のある画像が消えてくれない。
わかったのは、header.phpの#page { background: url~に原因有。そこをコメントとすることで解決。
別の人が作ったWordPressのテーマソースを眺めてみると、そのコードは各ページでヘッダー画像を入れ替えるなどに使えるみたい。1時間ほど消費。

次にカラムの左右入れ替えに苦労。
index.phpとpage.phpの<?php get_sidebar(); ?>をともに上部に移動、CSSの左位置や幅やFloatを調整。1時間ほど消費。

パンくずリストをつけるためにプラグイン導入。
Breadcrumb Nav XT、普通にインストールして有効化してコードをテンプレートに貼り付け。http://sw-guide.de/wordpress/plugins/breadcrumb-nav-xt/ 英語ながら作者のページに詳しいインストールのしかた有。20分ほど消費。

左メニューの背景をグラデーションにするのに、Classを探すのに苦労。#pageとかliの部分なんだね。わかると少し楽になるけど。メニューにマウスを乗せると三角サインがつくようにするなど本日はメニューの作りこみで半日以上かかった。5時間消費。

H1はソース上残したいが視覚上は見えなくする設定。
text-indent : -10000px ;
display : block ;20分ほど消費。

そうそう、display : block ってのは恥ずかしながら今日始めて意識して使ったけど、文字属性を段落属性に拡大してくれるので、文字にマウスを乗せて色を変えたいとき、文字属性だけど右に寄せたいときに、活用。

今回もHPBとFireFoxのWebDeveloperを駆使して何とか完成へと近づく。とりあえず今のところは疑問点や致命的な部分はナシ。
WordPressはテーマエディタが使えるのが少しラク。

-IT仕事

執筆者:

関連記事

no image

MDTM対応FTPクライアント

Webサーバにあるファイルをほとんど全て上書きしたい。 しかし、その中に最近お客様が書き換えたファイルが2・3あり、それは対象外。 しかししかし、量に埋もれているのでファイル名で探すのが骨。更新日で探 …

no image

来週やるExcelVBAセミナーの準備をしていて、

同じ「飛び物」でもロケットが好きな人とラジコンが好きな人がいるよな、とふと思った。 ロケットの好きな人は、 準備をきちんと整えて、万全を期して発射スイッチを押す・・・飛んだ!あんなに高く。感動! 飛ん …

no image

B2の送り状の印刷時に、どうしても3枚(無駄紙2枚)出てしまう。

クロネコヤマトのB2送り状ソフトを使っているのだが、標記の件で毎日いらいら。 今回、色々やって解決に至ったのでメモ。 やったこと: プリンタドライバの設定画面で、用紙サイズを変更したり、フィットページ …

no image

Improved Include Page は便利

最近WordPressを使っていて、「お、これは掘り出し物だ!」と喜ぶことになるプラグインが少ない。 以前は新たなプラグインを発見しては、WordPressのすばらしさ(というよりその周りに集まってき …

no image

・・・

山を登り終えたら、海に潜って、空を飛べ・・・みたいな仕事(もちろん比喩)が連日続いていて、クタクタ。 この他に、メール読んだり書いたり、スケジュール確認やら優先順位の組み直しやら、社内の指示やら伝達や …