ち~ぶろ

アラサー主婦chiのレビューブログ。アラサー主婦のキロク!

wordpress TwentyElevenのカスタマイズ

   

なんだか、私のコスメサイトがペナルティなのかなんなのか、検索結果にひっかからなくなったため
この際新しくサイトを作ることにしました!!(T_T)エーン

もうちょっと待ってみても良いかなーと思ったんだけど

アクセス数もものすごく少ないサイトだったので、このまま待つよりは新しく作ろう!!

ってことで今作っています。。。旧コスメサイトは、しばらく様子をみて、ぼちぼち復活してきたら、コスメのニュースサイトのようにしようかと思ってる。

というわけで新しいサイトのテーマは、wordpressのデフォルトテーマということもあり、カスタマイズ例も豊富、そしてレスポンシブデザインのTwentyEleven。

現在カスタマイズの最中なので、自分メモ的にここに残しておきます。

ちなみに、現在カスタマイズ中の新しいサイトは使ってみました!あのコスメでっす。

旧サイトで最近書いた記事は、もったいないので少しアレンジして新サイトへ・・・
ある程度記事をアップしてからASPに申請予定。あーまた一から出直しです。とほほ。

子テーマを作る

参考にさせていただいたサイト
【重要】WordPressテンプレートのカスタマイズ前に・・・子テーマをつくってのカスタマイズ方法 -CSS篇-

ヘッダー上部の隙間をなくす

参考にさせていただいたサイト
Twenty Elevenのヘッダーをカスタマイズする

個別記事にサイドバーを表示する

参考にさせていただいたサイト
Twenty Elevenのページにサイドバーを表示

ヘッダー画像

ヘッダー画像の差し替えのさい、縦のサイズを小さくしたかったので、検索したところ、function.phpを編集し、サイズ変更できるとのこと。
しかし、functions.phpを編集すると、画面が真っ白でエラーに。
どうやら子テーマのfunctions.phpはとりあえずいじらないほうがよさそう(ややこしいらしい)

しかも、ヘッダー画像の縦のサイズは、差し替え画像のサイズにあわせて自動で表示されるのでfunctions.phpはいじらなくてもよかった・・・
デフォルトの画像は1000×288だったけど、差し替え画像を1000×200で用意し、アップロードして設定するとそのサイズに表示される。

サイドバーの幅を広げる

トップページに、サムネイルと横に記事抜粋を表示

1・テンプレートの「content.php」を編集する。

<?php the_content 〜 の部分を <?php the_excerpt 〜 に変更。

2・プラグインThumbnail For Excerptsをインストールし有効化

以上でサムネイル+記事の抜粋が表示されました。

 

 - wordpress ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  関連記事

no image
WordPress2.7.1から3.0.1へアップグレード

今までWordPress2.7.1をつかっていたのですが、、、
管理画面にログインするたびに、「バージョン3.0.1へアップデートできます」
の文字が出てくるので、ムスコもお昼ねしてることだしやってみるか~と重い腰をあげてやってみることに。

no image
トップページをサムネイル画像とタイトルですっきりさせる

WordPressのトップページに、サムネイル画像とエントリータイトルとエントリーの内容の一部を表示させる方法にチャレンジしてみました。

no image
サイトリニューアル中です。

現在、サイトのリニューアル中につき、 お見苦しい状態ですみません。

no image
googlesitemap作成

wordpressって色々なプラグインがあって便利。
今日はGooglesitemapを作成してみた。
これまた作成といってもプラグインまかせ!以下参考にさせていただいたサイト様など。

no image
【wordpress】記事内の見出しレベルを変更したいとき役立つプラグインWP hn Convert

wordpressのテーマ変更するさい気になっていた、記事内の見出しレベルの変更。そんな時便利なプラグインがありました。【wordpress】記事内の見出しレベルを変更したいとき役立つプラグインWP hn Convertというプラグインです。

no image
wordpressで関連性のある記事を自動表示

各エントリーの終わりに「このエントリーに関連性のある記事」を自動表示するプラグインを導入してみました。
以下参考にさせていただいたサイト様など。ありがとうございます!

no image
【WordPress】HTTP500内部サーバーエラーでサイトが表示されなくなった

すみません、また自分メモです(汗) 先ほどこのサイトにアクセスしたところ、HTT …

no image
【WordPress】個別記事にアクセスしてもアーカイブページが表示される

WordPressの個別記事(エントリー)にアクセスしても、なぜかアーカイブページが表示される。個別記事(エントリー)が表示されない。表示されるのはアーカイブページ。query.phpを書き換えたら無事表示されるようになりました。

no image
wp.Vicuna Extメモ

wordpress自分メモ。ずーっと使ってみたかったVicunaのテンプレート。
今までMovableTypeだったのでwordpressは初。
忘れないよう自分メモ。

no image
【wordpress】ハッスルサーバーからさくらのレンタルサーバーへ移転完了なり

wordpressのサーバー移行完了しました。ハッスルサーバーからさくらのレンタルサーバーへ。データベースのインポートでつまづきましたが、なんとか移行完了することができました。