桃色style ホーム » 留年補習室 » 1ヶ月経過
1ヶ月経過  07月 22日 金曜日 [PCお勉強]




昔よく使ったマウスオーバー画像ですw



webショップの引越しを決意して早1ヶ月経とうとしています。
いつものように悪戦苦闘w 手探りで作っているので
wordpressのことをよく検索してるんですが

こんなふうにTOPに“アイキャッチ画像”を持ってくるというのが効果的だと
いろんなところに書いてありますw

まあ、そういう画像が付いているサイトっていうのは
ほとんどがなにかしらのニュースとか情報発信サイトだから
こんな個人の底浅ブログには

まったく合わないですよね(〇o〇;)





今日の関東地方は雨で涼しかったそうですね~
たまたまニュースで見て、思わず「いいなぁぁぁぁーー!」とグチってしまいました。

東海地方は毎日カンカン照りで、刺すように痛い日差しです。
風はそこそこあるんですけどね~ 日差しがヤバい


さて、本文w

なかなか思うように出来上がってこないwebショップのサイトは
そろそろ1ヶ月経とうとしてますが 商品登録をぼちぼち始めたところです。

それとは別にここ2,3日格闘している作業は

商品を1つアップするごとに
新しく作ったハンドメイド専用のTwitterアカウントに自動で投稿してくれるようにする

wordpress上で カートシステムをプラグインで動かしているわけで
記事を1つ書く=商品を1つアップ は同じ意味になります。

よく、「ブログを更新しました!・・・以下リンク」
みたいなつぶやきがありますが、あれと同じです。

それに、画像を自動で貼りたい!


これがなかなかできないーーー;;;;


管理人みたいな素人は、そもそも基礎が分かってないので応用もききません。



まず、TwitterなどのSNSへ画像つきで自動投稿してくれるプラグインを入れる

►NextScripts: Social Networks Auto-Poster

管理画面→プラグインの設定 で けっこういろいろ設定(ほとんどはデフォルトでOK)
このあたりは、いろんなプロサイトに丁寧にかいてあります。


が、もちろんここですんなり 「できたー!」になるはずもなく・・・・・

画像がでない




でも考えたらそれは当然かもしれない・・・・・

というのも 普通のブログだったら
たいていは本文内になにかしらの画像があったりしますが
ショップの商品詳細ページには、商品の画像があってもそれは本文中じゃない別枠だから。


で、次にやったのが アイキャッチ画像を無理やりに出そうと
投稿画面でアイキャッチの画像指定が出来るようにfunction.phpに

add_theme_support('post-thumbnails');
set_post_thumbnail_size(350, 262, true);

2行目は、本文の幅に合いそうな縮小した画像サイズを元画像と同じ縦横比で指定

で、管理画面でアイキャッチ画像の指定もできたんですが~


画像がでない


そもそも!
本文に指定したアイキャッチ画像が存在してないんだからどうしようもないww

で、さっきのfunction.phpに書いたのも削除して~考え直し


いろいろ調べると、カート部分のプラグインwelcartが
アイキャッチ画像を指定してもまったくスルーで出さないということが判明


そこで
►Auto Post Thumbnail

これはアイキャッチ自動設定プラグインなんですが~
アイキャッチ画像を指定しても、前段階で?無視されているせいか
何度やっても無反応だったこのプラグインに 

無理やり 本文に画像があるよー!と勘違いさせて取り込ませる作戦。


メディアライブラリーの中からTwitterで使いたい画像を選びそのURLをコピー

本文(商品説明文)の一番上に

 <img src="http~~画像のパス~~"> 

と画像埋め込みタグを書いて さっきの
Auto Post Thumbnailプラグインに、画像が本文内にありますよ~と気づかせる!!

がしかしそのままでは本文内にその不要な画像が丸々出てしまうので
画像タグごと、コメントアウトする!

<!-- <img src="http~~画像のパス~~"> -->


そうすると、とりあえず画像は見えないし、Twitterの自動投稿に画像をつけてくれました!

ひと手間かかりますが、画像のあるなしで違うように思うので
なんとかできてよかったと。

でも、ここまで気づくのに二晩はかかりました

ほんと、ちょースローペース!


いやーーそんなアホなことしてないで
別に問題が起きて使えなくなったわけでもないんだから
さっさと作ったものをアップしたらどうなん?

と、自分でも思うんですが・・・・


思いついたことが最優先

の、、偏屈&お気楽などうしようもないやつです。。。




そんな感じで 本日は自分メモでした!


追加メモ

テキストエディタだけで、いつのまにかビジュアルエディタが使えない
(タブをクリックしても切り替わらない)という現象は

►PS Disable Auto Formatting というプラグインを無効にすることで解消!

代わりの改行コードの調整は
►Tiny MCE Advanced というプラグインを入れて
設定画面で、「br」とか「p」とか書いてある文章(英語)の頭にチェックマークを入れる。


関連記事
mixiでCheck入れる!

コメント ありがとうございます!

◇◆◇ コメントの投稿 よろしければお願いします(●⌒ー⌒●) ◇◆◇

 
管理者にだけ表示を許可する ←現在「非公開」は受け付けない設定にしてますm( __ __ )m