今日もあと5分だ。カスタムフィールドで投稿できるようにカスタマイズ

ベタ打ちHTMLだと私以外の人と共有するのはさすがにやばいな。と思い、
急遽カスタムフィールド作って作成。

wordpress カスタムフィールドテンプレートでチェックボックスを利用して画像を表示する
これを参考にしたけど、どうしてもできなくて

チェックボックスからラジオボタンに変更笑

その後は、
カスタムフィールド作った日付で年別アーカイブページを作りたいけどつまずき中

WordPress でカスタムフィールドの日付から年別アーカイブリストを作成する

を参考にしたけれど、
そもそもの前提である
カスタムフィールドの値の書式は ‘yyyy年mm月dd日’。
は、どうしたらいいんだ?
てつまずいてます。

最初か最後に年4桁がきてるわけじゃないんだね。
また次回に。

あと5分で日報かかなければ〜〜

自分だけの日報だから、書かなくてもOKだけど、
一度休んだらたぶんずっと休む笑

本日は
・サイドバー表示崩れ改修
だけ完了!

その他、
あるタームのカスタム投稿タイプ記事一覧と、同じタームの固定ページを記載したいのに、
うまくいったようで、あとからおかしくなってしまった・・・

カスタム投稿タイプの
ページ送りもおかしいし。

単純なカスタム投稿タイプのページ送りは無事表示

単純なカスタム投稿タイプのページ送りは無事表示

なんでつぎからつぎへて難しいことが・・・

固定ページと共通のタームをもつカスタム投稿タイプ記事一覧だすのが難しかった

teblepressは結構使えそう!

ガーデニングサイトの栽培スケジュールを何でつくろうと探してる時に
見つけたプラグイン「teblepress」。
やり方をググって背景色を指定することによって、栽培スケジュールを作ったけれど、
背景色の指定が結構面倒くさいな。
アボカド___ぽちのベランダガーデニングとビオトープ 2
今後、作ってく上で、毎回
この行この列のセルに色付けって何個もやるのが・・・

もっといい方法ないかしら。

固定ページが属してるタームの記事の取得

今日は、ここでだいぶつまずいた。
固定ページとカスタム投稿タイプ共通のタームがあって、
固定ページと同じタームのカスタム投稿タイプの記事を表示したかったけれど、
tax_queryのtermsの指定がなかなかできなかった。

WordPress PHPで現在表示しているタクソノミーIDを取得しtax_queryでカテゴリーを絞り込み、表示する方法
の記事を参考にしてなんとか表示。

それと、query_postsでなく 参考書みながらWP_Queryでやろうとしたけれどうまく表示できなかった。
理由はまたこんど考える。

固定WIKIページのデザインはこんなかんじになった。
アボカド___ぽちのベランダガーデニングとビオトープ

カスタムフィールドを使って投稿画面のカスタマイズをした

相変わらず、本日の予定が消化できないわ。

今日はホームページの更新作業もろもろ忙しかったかな。

Advanced Custom Fieldsを使ってオリジナル投稿画面作成

ガーデニングサイトのWIKIシングルページを作るにあたり、
カスタムフィールドを利用することに。

プラグインはAdvanced Custom Fields
これ、結構使いやすいかも。

使い方は下記サイトで

Advanced Custom Fieldsを使って、wordpressの記事入力項目を作り替える

tontotakumi.com

これ見て、すんなり表示されることは確認できたので、
CSSは次回。

ちゃんと吐き出せた

ちゃんと吐き出せた

自分で書いた記事「WordPressでカスタムフィールド内の改行をそのまま表示させる」も
すっかり書いた事忘れてたけど参考になった。
ブログ役に立ってる!!

それと、固定ページにするか投稿ページにするか悩んだ。
当初は投稿ページと思ったけれど、そうするとsingle.phpを使うかカスタム投稿タイプになるかで
何もひっかからないときにsingle.phpが表示されるけど、
そういうデフォルト系のデザインになる予定もさらさらなく。

wikiだし固定ページでいくことにしました。
なんだか、投稿ページを全く使わなくなりそうだ。

タクソノミー一覧とWIKIページ作成

本日の予定、また全然やってないわ・・・

先週とちゅうまでやったタクソノミー表示のCSS調整

「,」を最後つけないのができなかった

「,」を最後つけないのができなかった

親一つ、子供が数個って時の表示方法はぐぐってコピペ。

[WordPress]カスタムタクソノミーに親子関係(階層)を持たせ、複数選択したタームの並び順を親>子の順番に表示する

それでもエラーが表示されるので、
それまたググって、↓arrayで対応

PHPのforeach文でnullチェックなしでエラー回避

ぐぐると9割はヒットするね。

wikiはまたもやbootstrapを利用

CSSでいつもつまずく

CSSでいつもつまずく

あ、なんでul liタグつかわなかったんだろう。と後からやり直しした。

そして、植物の前にフリーイラストいれたかったけど、どうもうまく入らなくて飛ばした・・・

少しずつ分かってきてる事実感した一日ε-(´∀`*)

経験値が増えてきた感じがする

・投稿時にツイッターへ自動POST設定
WordTwit Twitter Pluginプラグインを使って実装完了!
なぜか、実装したかったサイトにはうまくいかず、他のサイトで試したらすんなりOK。
なので、あまりイライラせず、プラグインを再インストールしたり
ツイッターをログインしなおしたりしていたら無事できました。

・カスタム投稿タイプ別にサイドバーに新着記事5件表示
こちらもそれなりにすんなり実装完了
ついでにWordpress Popular Postsプラグインを使って人記記事も表示PLANTS___ぽちのベランダガーデニングとビオトープ

ただ、困ったことに表示が崩れる・・・
twentyywelve使ってるのに?何か大事なの消しちゃったかしら。
PLANTS___ぽちのベランダガーデニングとビオトープ
とりあえず、後回し。

あとは各タクソノミのターム表示
ついにハイビスカスシンデレラも咲いた!___ぽちのベランダガーデニングとビオトープ
CSSで整えてないけど、
結構スムーズに表示できて自分で感動してしまった。

参考にしたサイト

LIGさん
WordPressで投稿した記事のカスタム分類(タクソノミー)からタームの親を取得する
array_popとarray_shiftを知ることできてよかった!

新サイトオープンした!途中だけど!

新サイトオープンまでこぎつけた

いままでは、誰も見ないだろうと、検索可のまま構築していたけれど、
今回は手強いと思ったので検索できないようにして構築。
それでも途中だけれど。本格的にスタートだ!というわけで旧ブログ削除。
思えば、ブログから画像の引っ越しができなくて手作業でやったなぁ・・・

さて、今日の作業

ナビゲーションを中央に

ネットサーフ中に見つけた写真でーんのデザインを見て
TOPページのデザインも変更

昔の庭写真見てたら懐かしくなった

昔の庭写真見てたら懐かしくなった

参考にしたサイト
大きな背景画像を使った魅力的なWEBサイトをつくろう
WEBクリエイターボックスさんにはほんと、お世話になってます。

ナビゲーションを真ん中には
[CSS]レスポンシブ対応、ナビゲーションを水平の真ん中に配置するテクニックのまとめ
から「position:relative」を利用させていただきました!

久しぶりにwacomでお絵かき

本当はもっとイラストの勉強したいけどそうもいかず・・
だって、ペンタブレットつなげるのに時間かかってるレベルですから・・・

pochigardenlogo2
うさぎだけ新しく描き変えました。は は ははははは

プラグインをちまちまインストール

PHP Code Widget
Wordpress Popular Posts
WordTwit Twitter Plugin
wp-jquery-lightbox
WP Social Bookmarking Light
を追加
WordPressで記事投稿すると自動でPOSTするのがうまくできなかったので明日以降に。

taxonomy.phpの山を越えて整ってきた

予定していた事、全くやらなかったな・・・
ま、いっか。参考書は結構読めたし。

taxonomy.php作成

無事に表示

無事に表示


ずっとarchive.phpが表示されていて、なんなんだよーと思ったら
ただのスペルミスでございました。
ぽちさまベランダガーデニングとビオトープ___理科好きの観察日記
デザインも少し変えてみた。
が、ナビゲーションが中央にいかない。
これ、前もつまづいた気がする・・・
そして相変わらずどう対応したか覚えていない涙

次から次へと細かい部分を設定しようと思うとつまずく。

カスタム投稿タクソノミーのターム一覧ページのリンクをつける

本日の予定のうちこれだけできたよ。
えっと、どうやったんだっけ?
うぉー既に忘れてるっていう。

そのための、日報・・・です・・・

<h4><a href="<?php echo get_term_link($child,'plants_group'); ?>"><?php echo esc_html($child->name); ?></a></h4>

あれ?これだけ?なかなかできなかったのに・・・涙

写真一覧ページを作成するも、細かいカスタマイズができない!

今までの記事に使った画像をサイドバーにランダムに表示させたい
を参考に作ってみたものがこれ。
写真ランダム表示___ぽちさまベランダガーデニングとビオトープ
細かい所、日付やら、タイトルやら、カスタム投稿の種類やらもろもろおかしくでてしまうのですよ。
悲しい。

タクソノミーの親は除くという、大きな山はひとつ越えたけれども。

親と子両方ともまざってしまっていた一覧


ーマリーゴールド
ーパンジー
野菜
ーなす
ーピーマン

花と野菜以外の一覧を作りたかったのに、親も子も全部含めてでてしまった一覧。

当初は、

<?php get_terms( $taxonomies, $args ) ?>

 'exclude'       => array(), 

で、親のIDを指定して除外することでなんとかしましたが、
先輩が教えてくれました!!!

continue;

実はこれ、昨日ドットインストールで知ったばかり。
それでも、これ使うって気づかないもんなー(;´д`)トホホ…

これを使って無事親を覗いて表示することできました!!

<?php if ($child->parent == 0) { continue; } ?>

PLANTS___ぽちさまベランダガーデニングとビオトープ
写真を入れたらぐっとサイトらしくなってきました。

でもね、
この「アボカド」や「ブルーベリー」でその一覧ページ飛びたいけれど、そのリンクがつけられないんですわ。

明日もまた苦しみそうだわ

親子関係をもつだけで難易度がぐっとあがってもうわけわからん

タクソノミーに階層(親子関係)作る

植物大分類と中分類を別々にタクソノミーを作っていたので、
大分類の中に中分類を作り直し。

親子関係を作り直すのも大変。
そして、親子をどうやってひっぱってくるかもっぱらぱー

沢山のサイトをサーフィンし、

親と子両方ひっぱってきちゃう

親と子両方ひっぱってきちゃう

結局できずじまい。

これは、植物のカテゴリーページ。
植物中分類、たとえばピーマンとかアボカドとかの記事をまとめて表示したいのだけど、
さらに上の野菜とか果実とかの親もひっぱってきちゃう。。。うー。

基礎もできていない私にはほんとわけわからん。くそぅ。

参考にした本


ついにこの本のお世話になりはじめました。
今までは、これ読んでもぱっぱらぱー。
うぉ〜〜

疲れたよ〜。WordPress難しいというか自分がまだ全然わかっていない・・・

今回もtwentytwelveを利用していくよ

時間短縮の為にと、既存のテーマを使うんだけれども、
そのせいでわけがわからなくなることも多々あり・・・

デザインはあとにして、組み込んでいこう!って思ったけれど、
テンプレート作るときに、複製して作ることもあるので
ある程度のデザインは作らなきゃだよなぁ・・・と本日は始めました。

ナビゲーション

ナビゲーション


今回もまた、この本から利用させていただきました。

ぽちさまベランダガーデニングとビオトープ___理科好きの観察日記
記事の表示をこんな感じにしたいんだけど、
もうどう組み込めばいいかさっぱりだよ・・・
イメージはプロジェクト管理なんだけど、それをWordPressでどう整理していいかもわからないし、
とりあえず、カスタム投稿タイプに親子関係つけてやってみようと思ったけど、
さぁてどうやったら表示できるんだ?って状況でございます。

前も書いた気がするけど、美容院はホットペッパーBEAUTYがよいよ。

いつも利用してるのが、ホットペッパーBEAUTY。
ポイントが貯まるのと、
自己アフィリエイトができるということがよいんですよね。

紙ベースの広告でも同じ価格

なんだかんだ、ネットで広告だしてるところは、
紙面でもだしていて、値引率もだいたい同じなんですけど、
細かい事いえば、数ポイント(=数円)の差でそれなり違ってきますよ。
なので、ネットに慣れてる人なら、
ネット予約がおすすめです。

次に作るサイトは結構大変なものだと実感

今まで一番作りたかったサイトに着手

自分仕様のガーデニングサイトを作りたかったものの、
こういった機能がほしいな〜〜
というのを、いざ実装できる力はまだまだまだまだなかったので後回し。
ついに、作成しようというところまできました。

仕様について考えて、最低限にする

最低限の仕様で望むことになったものの、
しょっぱなからつまづきっぱなし。

まず、更新していたもとのブログから引っ越そうと思ったら
画像は引っ越しできないことに気づき。

さてインポートと思ったら、
タイトルが入力されておらず、調べたら

エンコードを変えてからインポートしなければだった

ここで、なんだかおかしくなりました。
空っぽのものを削除しようと思っても、全然削除されない。
これはおかしいと作りなおせばよかったのに・・・
カスタム投稿タイプをせっせと作ったのでなかなか実行できず。

でも、こういうことがあると、
後から後から、変なことになるんですよねぇ

カスタム投稿のアーカイブページすら表示されない

このサイトではあっさり作ったカスタム投稿のアーカイブページも表示されないっ!
少しググったら、
データベースを一旦全部消してやり直したら、直った。
とあったので、今のうちにやり直すことにします。

はぁ〜〜。大変だ〜〜