「アフィブログ」カテゴリーアーカイブ

アイキャッチ画像色々

アイキャッチ用の画像をいくつか作ってみた。
まずアイキャッチを指定しなかった時の画像。
no-image画像は急ぎで作りたいってのは2個めの記事で書いたんだけど、これだけはその記事書いた翌日にはちゃんと作ってありました。
さすがにサイトのデザイン的に、デフォルト画像使用しっぱなしはないなと思って。

でも連日ブログ関連の記事ばっか書いてるから、ブログ用のアイキャッチ画像も欲しくない? と思って作っちゃったのがこれ。
blog
作ったからには使うよね。と思って今まで投稿したののアイキャッチ画像を変更してみたら、no-imageの使用がなくなった。けどまぁいいか?

そして今回、この投稿用アイキャッチとして作ったのがこれ。
eyecatch
でもって、今後使いたいかな~と思われるものを取り敢えず4種準備。
kau uru taberu yomu
「買う」「売る」「食べる」「読む」の4つ。これが基本になるんじゃないかなーというイメージ。
実際どうなるかわからないけど。そもそも今も予定外の記事書きまくってるしね。
自分用メモだけどフォントサイズは140。

 

ついでにTwitter用に作ったアイコンも晒す。
kao
最初アイキャッチと同じ200✕200ピクセルで作ったのをアップロードしたらあんまり綺麗じゃなくて、調べたらアイコン画像は400✕400ピクセルを推奨されてたから作りなおした。
でもって、どうせならWordPressのアイコンもこれにしようと思ったんだけど、簡単には出来ないっぽいね。
WordPressの管理者アカウントのアイコンを登録するには、gravatar(広範囲で利用できるアバター)ってのに登録するか、プラグインが必要みたい。
・ Simple Local Avatars
他にもあるかもだけど調べてない。
これはもうちょっと調べて、いずれはアイコン画像も設定したいな。


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

ブログ村登録して各記事にバナー表示

だいぶサイトの形が整って来たので、閲覧者が少しでも増えたらいいなの期待を込めて、日本ブログ村に登録してみました。
趣味サイトはひっそりこっそりで登録はしてないので、ブログ村に登録するのがまったくの初めての経験です。
カテゴリは「主婦の小遣い稼ぎ」が一番近そうかなって思って、取り敢えずそこにだけ。
カテゴリの変更は月に3回までできるっぽい?

登録すると、まずランキング用バナーの一覧に飛ばされましたw
その中から選んだタグをテキストエディタにコピぺしたのが ↓
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
にほんブログ村

プロフィール画像はブログとツイッターでも使ってるアイコンをそのまま流用。
記事反映/Ping送信 って所で専用Ping送信先URLをコピーして、WordPressの場合は
設定 → 投稿設定 → 更新情報サービス の所にURLをペースト。
取り敢えず必要そうな設定ってこれくらい?
お気に入りやトラコミュとかいうのの利用は追々、ブログ村をうろついてから考えてみようかなと思います。

最後に、せっかく登録したので、どうせなら各記事の下部にランキング用バナーを表示させたい。
なので、どうすればいいんだろう? というのを検索してみた。
テーマの編集でphpの書き換えで。って方法も多分できなくないけど、出来ればそういうの弄りたくないというか、プラグインで済ませたい。
という基準で探して出てきたのが
・ Bottom of every post
ページの下部に定型文が挿入されるだけ。
定型文は普通にHTML記述で。CSSや javascriptも使えるみたいです。
これは設定簡単で便利!

ついでに、下部定型文にコメントは手動承認制だよってのも記述してみた。
本当はコメントを残すって部分の横にでも記載したいところなんだけど、これもやっぱりテーマ編集しないとっぽいから面倒くさいなーって思ってたの。
丁度いい!


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

サイドバー(ウィジェット)設定

サイドバーにプロフィール置きたい!
管理人画像も載せたい!
Twitterフォローボタンも欲しい!
とか思って色々調べました。色々やってみました。
が、途中で気づいたよね。
使ってるテーマのPrincipleには最初っからサイドバーにプロフィールを載せるウィジェットが存在してるってことに!
試行錯誤したあの時間は一体……_ノフ○ グッタリ

なんていう親切設計!
外観→ウィジェット→利用できるウィジェットの一番上に 『profile欄』 ってのがあるんですよ。
もっと早く気づけよ私っ!
というわけで、それを有効化して編集。
画像ファイル指定する場所もあれば、ID類入れればTwitterフォローボタンも簡単設置できる。
ああああ。便利すぎる。

その次にやったのがサイドバーのボックス色指定。
これはPrincipleのスタイルシートから

.side-box{
width: 336px;
padding: 0 20px 20px;
background-color: #fff;
margin-bottom: 20px;
}

をコピペして、Principle-childのスタイルシートに貼っつけて、#fff を変えるだけ。
だったんだけど、まぁこれも探すのちょっと時間掛かったよね。
あ、いま初めて引用使った。
なるほど、blockquoteってのはこれのことか。これの背景色もスタイルシートで変更できるっぽいね。
そのうちいじるかもだけど、今の色もいいよね。と思うのでそのままかも?

後サイドバーというかウィジェットをデフォルト設定から弄ったのは、アーカイブ削除とメタ情報削除。
アーカイブは単純にいらないから削除。
迷ったのがメタ情報の削除。というか、このメタ情報がなくなったらどこでログインするの? みたいなね。
趣味サイトは右上隅にログイン(ログアウト)表示してるんだけど、そういうの一切ないブログも多いじゃない。
みんなどこでやってんの??
てわけで検索した。
結論。ログインURLを直接入れればいい。
……バカじゃないの。気づけよ私。ってここでも思ったよね。
http://ブログのアドレス/wp-login.php
って覚えてればいいみたい?
大事なのは wp-login.php のみッて感じ。
覚えるというか、自分のブログのログイン画面をそのままブクマしたよね。

いずれは人気記事のランキングやらTwitterのタイムライン表示、なんてこともやりたいような気がするけども、今のところは保留な感じで。


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

All In One SEO Packを設定してみた

Twitterアカウントの記事で気になるって書いてたプラグイン
・ All in One SEO Pack
をインストールしてみた。
アフィブログやるなら入れたほうがいいよって記事が多かったので。

General Settings はいくつかのサイトを見ながら順調にセッテイングできたっぽいんだけど、めちゃくちゃつっかかったのがSocial Meta。
というかTwitter設定。Facebookは今のところやる気が無いのでスルー。

どのサイト見てもTwitterカードの検証ツールでサイト申請するって書いてあるのね。
手順としては、
検証ツールにアクセスしてURLを入れて「Preview card」ボタンを押す。

問題がなければ右に投稿した場合のプレビューが表示されて「Request approval 」ボタンが出るからそれを押す。

カード適用申請のフォームが表示されるので入力して「Request approval 」ボタンをもう一度押す。

登録完了したらメールが届く。

でさ、URLを入れて「Preview card」ボタンを押しても出ないんですよ。「Request approval 」ボタン。
whitelisted for summary card って緑色のボックスに書かれてる。
カード申請のフォームに何かを記入した記憶もなければ、登録完了メールも届いてない。
ためしにサイトURLを呟いてみたけど特に何か変わったところもなく、普通にURLが書かれただけの呟きが投稿される。

意味がわからなくてここでめちゃくちゃ時間かけて 「Twitterカード 登録できない」 とか 「Twitterカード 申請できない」 とか色々検索しちゃった。
結局、whitelistedってことは既に登録されてんじゃない?
反映まで時間かかるっぽいからもう一度試してみよっか。
で、テストも兼ねて一個前の記事をツイートしてみたら、ちゃんと表示されてるのね。
登録完了メールも来ないままに登録されてたのがいったいなんでなのか未だにわかってない。


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

ヘッダー画像作り

今日はプラグイン関係を色々って思ってたけど、実は、午前中は結局Photoshop弄って遊んでしまったのだよね。
Twitterの壁紙やヘッダー画像変えたかったし、ブログのヘッダー画像も四隅を丸くしたくてさ。

まずTwitter。
Twitterにデフォルトで設定されてる背景画像のテンプレートは2247×190ピクセルで作られてるというのは調べたら出てきたので、
twkabe2
こういう画像を自作して、背景をタイルするのチェックを外して、背景色に下地になってる色(#FFE9ED)を指定。するとこんな感じになる。
twdesign
ループできるような画像を作成するスキルはない。ついでに言うと、真面目にデザインやらを学んだこともないよ。
下手の横好きでもいいじゃない。だって作業そのものはそれなりに楽しいんだよね。
やり始めるとつい時間を忘れてあれこれ試行錯誤しちゃう。
なおヘッダー画像はブログのヘッダーに合わせて野いちご写真を推奨サイズの1500×500ピクセル(最大10MB)に切り取ったものを使用してる。
これも最初上手くアップロードできなくて、面倒になって諦めてたんだけど、ふと、画像の名前が悪いのかも? と閃いて、tw-head.jpg → twhead.jpg に変更してアップロードしたらあっさりヘッダー指定できた。ようするに、画像ファイルに -  を使うのがNGだったってことなんだろうね。
どうでもいいけど、ツイッターにしろブログにしろこんなにピンク・ピンクしたものになるとは思ってなかったw
その時の気分で適当に作ってるからだけど。

次にブログのヘッダー。
berry
berry
上が昨日までので下が今日作ったやつ。
最初切った四隅が白く表示されちゃって アレレ? ってなったんだけど、考えたら原因はjpg画像として保存したからだったんだよね。
透過させたいならpngかgif画像だよねぇ。久々に画像ソフト弄ってるんで忘れてました。
私はPhotoshopで自分で画像作ってるけど、調べてみたら最近は簡単に透過処理が出来るサイトやソフトなんてものもあるんですね!
と思ったので、ちょっと使ってみた。
hikaku
めちゃくちゃ気持ちの悪い画像ですが、左が元画像。右が透過処理出来るサイトでとある1色を透過したもの。透過部分がわかりやすいように、下に赤いベタ塗り画像入れてみた。
たぶんこの配色加減がおもいっきり失敗してる。自覚はある。
要するに、そう簡単に抜きたいところを抜けるわけじゃない。ってのがわかればいいかなと思って。
ベタ塗りしてる色数の少ない画像なら綺麗に1色抜けるのかもだけど、写真とかグラデーション掛かってたりしたら無理よね。

こうしてまた、ついつい余計なことして時間だけが過ぎていくw


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。