WordPress記事

WordPressテーマカスタマイズ

【Twenty Ten】サイト全体の余白などの変更

TwentyTenでは、以下の画像のようにヘッダー上部が余白があり、また背景部分の上部にも余白があるようにサイトが配置されていますが、それをstyle.cssを使い余白を無くした設定にします。 style.cssファイルでヘッダー上部の余白...
WordPressテーマカスタマイズ

【Twenty Ten】オリジナルヘッダー画像にする

カスタムヘッダーを使いオリジナルのヘッダー画像にするためにヘッダー画像を用意します。このとき、「画像をアップロード」の右に説明文と一緒に表示されているサイズと自分が用意した画像のサイズが同じ場合は、そのままアップロードします。 違う場合は、...
WordPressテーマカスタマイズ

【Twenty Ten】ヘッダー画像とタイトルを重ね合わせて表示する

変更後もカスタムヘッダーを使い、別のヘッダー画像に変更できるようにして作ります。 header.phpにある以下のコードを削除します。 次にheader.phpのheadタグの中に以下のスタイルシートを追加します。 変更後のヘッダー画像とタ...
WordPressテーマカスタマイズ

【Twenty Ten】ヘッダーのタイトル文を画像にする

タイトル文を画像にするので作成した画像をWordPressにアップロードします。この例では、TwentyTenフォルダのimagesフォルダにアップロードしています。 *imgタグは、作成した画像ファイル名に合わせて/images/○○.p...
WordPressテーマカスタマイズ

【Twenty Ten】グローバルナビゲーションのスタイル変更

TwentyTen1.2には、管理画面から使える機能「背景、メニュー、ヘッダー、ウィジェット」など用意されているので、それらを管理画面から使えるように配慮しながらテーマをカスタマイズしていきます。 グローバルナビゲーション機能が、ヘッダー画...
サイト表示関連

パンくずリスト(ナビ)プラグイン「Yoast Breadcrumbs」

パスくずリスト用のプラグイン「Breadcrumb NavXT」などありますが、相性が悪かったようで他のパンくずリストプラグイン「Yoast Breadcrumbs」をインストール。 使い方(参考):プラグインサイトの表示より プラグインを...
WordPressテーマカスタマイズ

【Twenty Ten】テーマのヘッダー画像を削除する

「Twenty Ten 1.2」の初期設定では、下のヘッダー画像が設定されています。 個人的にこのヘッダー画像が好きではないので、これからカスタマイズする前に削除します。 ヘッダー画像を削除するには、外観からヘッダーをクリックして「カスタム...