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

ExcelのリボンUIにボタンを配置して、そのボタンクリックでExcelVBAを実行させたい

それをするには、こんな感じ。 1.Excelマクロで、標準的なやり方でVBAコードを作る。 2.「Custom UI Editor Tool」で1のファイルを開き、リボンを作り、上書き保存する。フォー …

no image

研修会

所属しているNPOの会員大会(研修会)に出席。 講師の先生、とても熱心。 世の中には立派な人がいるもんだなと、感心。 自分も何か成し遂げたいなと思った。

no image

phpESPつまづいたところ

AKI ON WEB: Webアンケートシステム「phpESP」を試してみた を参考に、このソフトのインストールに挑戦。 しかし、DB作成で、まず転ぶ。 mysql_populate.sqlが通らない …

no image

spam対策

Yahooの外部メールがWebメールの画面で受信できなくなった。 Yahooアカウントのメールはできるのに。 Yahooに問い合わせたとこと、「外部メールのプロバイダに障害が起こっている可能性があるか …

no image

以前から興味のあったCreateerというサービスを試用中。

https://beta2.createer.com/Wordpress 公式サイトにある動画を見れば、大体イメージが掴めると思うけど、テンプレート化されたデザインコンテンツを選択してさらに自身でカス …