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

Amazonツール注文情報取得シートでListOrderで想定しない値エラー

会社では商品をAmazonでセラーとして販売している。 宅急便の伝票を作るときに注文情報(ListOrders)をExcelでCSVで出力できないかなあと、何かのツールを探していて、以下にたどり着いた …

重たいTrelloでカードのアーカイブを自動化

会社でTrelloを使っているスタッフから、最近「重たい」という話をよく聞く。そこで、ボードの古いカードを定期的にアーカイブするよう、自動化してみました。3000→500件ほどに圧縮、ずいぶん軽くなり …

no image

オープンソース・又は安価なECサイト比較

近々来そうなショッピングサイト構築仕事。そのために一日かかって調べた。 忘れないようにメモメモ。 今回の仕事の必要要件 ・管理者がバックエンドから顧客の注文データを投入できる(電話注文・FAX注文対応 …

no image

imacrosの作成方法・自分用控え

ヤマトB2クラウドのオートログイン(imacros)の作成方法、控え 1.Chromeのimacros拡張機能がインストールされていなければインストールする。 2.コードを作る。 3.名前を付けて保存 …

秀丸エクスプローラClassicをブックマークが開いた状態で起動したい

Googleを検索したら、誰もブログにやり方を書いていないみたい。 中途半端に面倒で、かつ中途半端に簡易だからだろう。 よって私が。 1.秀丸エクスプローラClassicのパスを調べておく。私の場合は …