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

中国製品は・・・

会社で印刷用の大型ロール紙を某国から直接仕入れているのですが、今回分に、数メートルおきに小さな穴が開いている品が混じっていたそう。。。ひどい。担当者が「今度は、そうきたか・・・」ってため息ついてました …

no image

APCのUPSがバッテリー切れで警告音

正月明け。 突然に、会社のUPSを設置してある部屋からピーピー音がする。 購入してから3年、とうとうバッテリー交換の時期か。 しかしこれ、どうやって止めるんだ? 止めるようなボタンは見あたらない。 W …

WooCommerceのメール通知設定「注文保留」は支払方法「銀行振込」において必須

はまった。 先ほどからWooCommerceをテスト環境でテストしている。 困ったことに、支払方法を銀行振込にしたときに限り(クレジットカードと代引きは影響なし)、メールが注文者に送信しなくなった。 …

no image

ExcelWebAddin でWebフォームを自動入力

たまーーに、おじさんの不動産物件の入力をボランティアでお手伝している。 電話オーダーが多く、また前回メールで問い合わせたもんだけど・・・という方が結構多い。ありがたいことである。 その際、見積システム …

Yahooショッピングで提供している商品をカートごと自身のページに設置できるか

やってみた。 結論からいうと、カートボタン以外は、できた。 カートボタン以外は・・・。 てすと YahooショッピングAPIの公式ガイドは、こちら。 ショッピング:商品コード検索(商品詳細) &#82 …