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

トップページに「新着一覧」としてカスタム投稿を日付つきで出したく、以下のページを参考にして(コピペして)作ってみたのだが、うまくいかない。 WordPress カスタム投稿の一覧をトップページ表示する …

no image

2年ぶりくらいにルミーズカートを使おうとしたのだがうまくいかん

2年ぶりくらいにルミーズカートを使おうとしたのだがうまくいかん カートのバージョンはVer1.4.5。 早速、サーバへの設置がうまくいかない。 「非公開ディレクトリ」の設定をしたがどうもdbフォルダに …

no image

HTML整形関係の秀丸マクロ

久々の投稿。 自分のHTMLファイルの作成スタイルは、 1.Artisteerでおおざっぱなデザインを決める。 2.同ソフトでHTMLソース(またはWPテンプレート)を出力する。 3.ソースを秀丸&F …

PhotoshopElementsで写真の角を丸くする

方法を見つけるのに2時間ほどかかってしまったので備忘録・・・。 1.写真をCtrl+Aで全選択。 2.選択範囲-選択範囲を変更-境界線-10px。境界線が選択される 3.選択範囲-選択範囲を変更-滑ら …

no image

突然Windows10でBiND7が起動しなくなった

2016の新年が明けて、久々にBiND7を起動しようとしたが、オープニング画面は出るのだが本体が現れないというトラブルに遭遇した。 変だなーと思ってメーカーのWebをチェックしてみたのだが、新たな情報 …