wp12更新履歴

twenty twelve のカスタマイズ記録

★トップページのリストに赤い丸の画像を利用
  リストの作り方 画像の利用方法 

★トップページのポスター オンマウス時にフェード効果をプラス
 説明はこちら

★トップページのミニリニューアル
ウイジェットを失くして、画像の左寄せ、右寄せを利用して、文章も入れ、3分割のレイアウトをしました。
不完全ですが、リストも作ってあります。 スタイルシートでかわいくできるかも。
ポスター画像(右寄せ) 改行して 文字の画像(左右の指定なし)改行して文字を入れてあります。

★投稿のフォーマットを調べました。
標準 アサイド 画像 リンク 引用 ステータス についてそれぞれ作ってみて、固定ページにまとめました。
画像フォーマットは、普通の画像挿入と、ギャラリーとして挿入を作ってみています。あまり変わりません。
アサイドが一番変化が大きく、水色できれいなので、利用したくなりますが、
aside(アサイド) 通常タイトルなしで表示。Facebook の Notes のようなもの。
という説明が理解できずにいます。フェースブックを見にいかねば。

★ヘッダー部分の余白を少なくしました。pxとemの両方で設定を行っているため、なかなか煩雑です。
両方を変えないといけないそうです。子テーマをこのように変えました。

.site-content {   半分にした
margin: 12px 0 0;
margin: 0.857142857rem 0 0;
}

.header-image {   1/4にした
margin-top: 6px;
margin-top: 0.428571428rem;
}

オンマウスの利用は無理だとわかりました。ワードプレスは「レスポンシブwebデザイン」を目指していて、
スマホなどの画面でオンマウスのページを見ると、画像のアスペクト比が変わってしまうのです。
とても残念ですが、ギャラリーを充実させることで凌げるかもしれません。 参考のぶさんの投稿

オンマウスのテストをしました。htmlで作っていた表をコピーして貼り付けた所、サムネールが右により、下に落ちて散々。

兎サイトにSOSを出して、水兄ぃがプラグインで解決してくださいました。その方法にヒントを頂いて、
いつものオンマウスからテーブルタグを取り除き、オンマウスの呪文を入れたイメージタグを並べることで、かなりいい感じになりました
nameの値を変えることで、同じ投稿にいくつも掲載できます。ヤッター!!

フロントページ(homeの固定ページ)のタイトルを無くしました
elevenの時はスタイルシートで修正が効きましたが、twelveではcontent_page.php の書き換えが必要になります。
こちらのページを参考にドキドキしながらやってみました。http://www.nishi2002.com/3836.html
初めに、content_page.phpの初期値をコピーしてエディタに貼り付け、pcに保存しておきました。

★ヘッダーの画像とメインメニューの場所、上下を入れ替えました。水兄ぃにお願いして変えて頂きました。
header.php で、書いてある順番を変えただけだそうです。htmlと同じように、書いてある順番に表されます。詳細は後程。
こちらのページに詳しいです。

★木の実のギャラリーを作成
固定ページ「木の実」を作成。全幅ページテンプレートに変更しておきます。
ギャラリーにして画像を6コマで作成しました。

★固定ページの「home」を編集
テンプレートを「フロントテンプレート」に変更します。 サイドバーがなくなります。
ウイジェットに行くと、二つの「フロントページウイジットエリア」が作られています。
ここに、ウイジットをドラッグすると、左右にスペースが作られました。
テキストとリンクのウイジットを入れてあります。

★トップページとブログの入れ替え。
固定ページで「blog」とタイトルに入れて、ほかは何もしないで公開しておきます。
固定ページで「HOME」というタイトルをいれ、こんにちは●●のブログです。とか書いて、公開します。

外観のメニューへいって、新規作成でメニューを作って、名前を付け
固定ページの中からをメニューに入れたいものを入れておきます。
カスタマイズの「固定フロントページ」へ行って
フロントページの表示 を固定ページにチェックを入れ、blogを投稿ページ homeをフロントページにします。

★背景の色を赤くしました。

★ヘッダー画像の挿入 外観のヘッダーに行くと、画像をアップロードする場所があります。
960×260  になっていますが、高さが226しかなくて、このままアップしました。

画像の上の文字はなくす。というボタンがありますので、消しました。
画像にタイトルがついて、リンクが貼られているので、これでOKです。
メニューバーが一番上なので、気になります。
画像を上にするには、phpを触るようになるので、困っています。

★準備 スタイルシートの全文をコピーして、エディタに貼り付け、「wp2012css既定値.txt」のファイルを作ります。
次に子テーマを作りました。

★さくらmukagoのWPを2013にしてみたものの、何やら難解なので、2012にトライしてみることにしました。
テーマを12に変えても、プラグインや作った投稿、固定ページはそのままです。