あっという間に１年が経ってしまったんですね。
うん。
２月から個人事業としてがんばろう、
毎日したことをメモしていこう、
として、今３月過ぎてますね。
楽天ビジネスカードが届かなかったからだ。
と楽天のせいにしておきましょう。（実際は８日で到着しました）
よし、個人事業の名前のドメインを取得しようと思います。
いつもの
お名前ドットコムさんで。
お次はサーバーの契約。
すでにあるエックスサーバーを利用してもいいのですが、
もしサーバーに何かあった時の為への分散と、前から気になっていた「WordPressの為の！」
サーバーを使ってみたかったのでお試しに契約してみようかと思います。
あ、今回もドメイン１つプレゼントやっているぽい。
先にドメイン取得しなければよかった・・・
レンタルサーバのエックスサーバーやロリポップ利用時には出現しなかったものの
仮想環境や会社のサーバを利用すると「接続情報を入力」画面がでるように・・・
とりあえず入力できるものはして「FTP」を選んでもエラーに。
「FTPS」を選んでもエラーに。
サーバに入ることはできるのでパスワードはあっているはず。
どうやら、WordPressのデフォルトだとSSHを選ぶことが出来ないらしいのでプラグインをいれることに。
↑通常のWordPress管理画面からのインストールはできません。
それで現在困っているのですから・・・・
（画面はCoda）
直接、フォイル転送ソフトを使ってプラグインを
/wp-content/plugins/
の下に放り込みます。
管理画面に表示されたら「有効」に。
更新設定画面に行くと「SSH2」の表示が増えています。
必要事項入力し「SSH2」を選択して「開始」を押すと
無事更新ができました。
ポート番号が通常と異なる場合はホスト名の後にコロンを付けてポート番号を追加します。
例）xxxxx:123
最近購入したWordPress本で紹介されていたので早速お試し。
すべての画像がCCOのライセンスとなっていて、商用・非商用問わず、コピー、改変、再配布が認められているサイト。
著作権のクレジット表記やリンクバックも特に必要ないそうです。
ほしい画像のキーワードで検索。
好きな画像を選び選択。
キャプションには自動でクレジット挿入されますが、CCOライセンスの為削除してもOKとのこと。
jarmoluk / Pixabay
こんな感じで無事挿入できました。
似たようなプラグインで「ImageInject」はFlickrの画像が検索できるようです。
インストール→有効化後、設定>ImageInjectから赤枠の部分で検索する条件を指定。
画像は商用利用可能で、著作者のクレジットが必要。
投稿画面の下の方にImageInjectの検索画面ができているので
そちらに欲しい画像のキーワードで検索
その際、FlickrかPixabayどちらで検索するか選べます（両方も可）
「Photo」で検索したとことろ、先ほどPixabayで検索した画像もでてきました。
今回はflickrの画像を選ぶと
著作権のクレジット表記がキャプションに自動で表示されました。
なお、pixabayの写真は
クレジット表記はされないようです。
ということは、ImageInjectを入れれば大を小かねるということになりそうな。
プラグインJetpackは沢山の機能があって自分のサイトのほとんどに入れるようになりました。
どんな機能があるかはここでは説明しません。
Jetpackとともにほとんどのサイトに利用している
カスタム投稿タイプ
カスタム投稿で投稿した記事には表示されない事に気づきとても不便
function jp_sns() {
add_post_type_support( 'カスタム投稿タイプslug', publicize' );
}
add_action('init', 'jp_sns');
これでOK。
「jp_sns」は任意の関数名を設定。
ただ、カスタム投稿タイプが複数あるときに、
function jp_sns() {
add_post_type_support( array('slugA','slugB'), publicize' );
}
add_action('init', 'jp_sns');
としてもできませんでした・・・
function jp_sns() {
add_post_type_support( 'plants', 'publicize' );
add_post_type_support( 'biotope', 'publicize' );
add_post_type_support( 'othergardens', 'publicize' );
}
add_action( 'init', 'jp_sns' );
なので１行ずつ追加。これで無事表示確認できました。
※序章が長いのでやり方だけ知りたい人は真ん中あたりから読み始めてください。
Twitter大好きなので、アカウントを趣味に応じて使い分けてる私。
Instagaramは複数アカウントの切替が簡単にできないので今まで避けていました。
が、なんだか、Instagramユーザーが増えてる
（facebookから友達が利用し始めました的なのがよくくる）
＆もっとたくさんの共有の趣味の人と繋がりたい
と思い、Instagramを始めることに。
IFTTTというツールでInstagramで投稿した写真は
Twitterに流れるように設定。
（そもそもInstagramから簡単に連携はできるのだけれど、
TwitterのTL上に写真が自動で表示されないので。）
方法はまたこんど。
Instagramを使い初めて思ったのは、タグをとにかくつけておくと、
自分が投稿した写真に関連のある他の人が投稿した写真を簡単に
しかも沢山見ることができるのが、思っていたよりよい。
例えば、ハイビスカスを投稿した時に #ハイビスカス と 英語で
#hibiscusとつけておくと
#hibiscus
簡単に沢山見ることできる！
しかも日本にとどまらず世界中の人と。
rabbit
写真を見て楽しむので言葉がわからなくても問題ないですよね。
ガーデニングとビオトープを楽しんでいる私として
かなりはまってます。
さて、いざInstagramをWordPressブログ内で表示しようとした時に、
いろいろぐぐりました。
Instagram APIを取得してWebサイトと連携し、投稿写真を自動に掲載する方法
instagramのフィードをサイトに取り込むのに手こずった件。【導入編】
このあたり。
で、、、も。
なんだか難しくて・・・・(・∀・)
プラグイン使う事にしました。
半年前に使っていた記憶があるんです。
ただ、サイトがすごく重くなって辞めた記憶が・・・
でも、ギャラリー風の表示ができ、やりたい事に一致するの
もう一度チャレンジすることにしました。
http://instagram.com/developer
↑から設定します。
Residter your Application をクリック
Your website:Instagramを連携するサイトURL
Phone number：電話番号
What do you want to build with the API?（APIを何に使う？）：
「A plugin for my wordPress website. 」でOKのよう。
よくわからず私はWEBSITEと記入しちゃいました。
規約にチェックを入れて「Sign up」をクリック
最初の画面に戻るので
今度はResister a New Client をクリック
必要事項入力していきます。
WordPressのプラグイン設定の画面で何を記入していいか記載されてます。
（後述のWordPress側での設定を参照）
Application Name：連携させるサイトのタイトル
Description：「Alpine PhotoTile for Instagram WordPress plugin」
Website：サイトURL
Redirect URI:
WordPress設定画面に表示されている上記赤枠を入力
すべて入力後Resisterをクリック。
上記が表示されればOK。
次はWordPressプラグイン画面での設定へ。
Alpine PhotoTile for Instagram をインストール。
プラグインを有効にした後に「Add User」をクリック。
いろいろと設定方法が英語で書かれています。
先ほどInstagramの設定でてきた
Redirect URLに記載する内容がこちらに書かれています。
赤字をコピペでOK。
Instagramの設定で取得したCLIENT ID と CLIENT SECRETをそのままコピペ。
Add and Authorize New User をクリック。
Authorize をクリック
無事登録完了です。
外観＞ウィジットを見ると
Alpine PhotoTile for Instagram ができています。
写真の枚数や、写真の形、サイズ、もろもろを好みに設定。
無事設定出来ました！
私の活動はおもに
カラオケです。
わーただの趣味―。
えぇ。
で
も
カラオケでバンドもできちゃいます！楽しんでますよ！
ということについて取材を一年前に受け、
BS-TBSのグローバルナビフロント内でOAされました。
過去記事はこちら→BS-TBSさんの番組の取材受けてきたよ
一年手元に保管しておきましたが、いよいよ公開しちゃおう。
だって、JOYSOUNDさん新機種でるんだもの。
JOYSOUND MAX!!!!!!!!
新機種発表会もいってきました（Facebookページへ）
今月7月、うたスキ動画のWEBサイトも完全リニューアルされたんですのよ。
この部分使われるだろうなぁ〜。
と思った部分がやっぱり使われましたね。
あぁ恥ずかしい。
JOYSOUND MAXでるよ！！！！！！！！
これからもうたスキ動画楽しもう！
そげなこっつぁ！
WEBサイトの更新が多いので、エディタは99％、Coda2使っています。
なので、他のエディタだとどうなるのかわかりません・・・
なんだかんだShift-JISでかかれたサイト多いですよね。
指定されたリンクをそのままCoda上でコピペすると、
こんな表示がされ、挿入すると
「~」が「?」に変わってしまう。
もともとすでに書かれていたリンクがあったのでそこを確認すると
「~」が「‾」で書かれていた。
なので、これをそのままコピペ。
すると、先ほどの
「UTF-8に変換しますか？」の表示はなくなった。
「‾」ってなんなの？
とぐぐると、オーバーラインというみたいですね。
でも、
オーバーラインと打っても変換リストにはでてこないし・・・・
「きごう」と打つと全角オーバ（ー）ラインが最後の方に候補にあがるだけだった・・・
チルダについていろいろ調べてもみたけれど、
つらいのでやめました。
Shift-JISいやです。
文字化け嫌です。難しいことはわからないので、今日みたいなことが起きた時は
コピペで回避します。
Evernoteへの自動転送
これをするためにIFTTTで設定していたのに、メディアマーカーは最初から搭載！
アイキャッチ自動表示
個別の記事に画像は表示されるのに、自動でアイキャッチを登録してくれなかったブクログ。
メディアマーカーはある模様。
スマホからバーコードで本を登録できる
デザインがよい←昔読書メーターから移行したのもこの理由
本の一覧表示がわかりやすい
↑一度に沢山の本を認識できるのは便利だった。
こうしてみると、ブクログいいじゃん・・
ブクログからEvernote
Evernoteにはアイキャッチがでない。
個別ページでは情報量が少ない。
アイキャッチは自動登録されない
アイキャッチは自動で登録されない。
個別ページでは問題ないけど、
TOPページでアイキャッチ画像と一緒に表示するときに困る。
zapierだと自動でアイキャッチが登録される。
ただ、アイキャッチ自動登録以外たいした差はなし・・・
ブクログだと
ブクログからEvernote
メディアマーカーだと
やっぱりアイキャッチ大事・・・
メディアマーカー
情報量が圧倒的にメディアマーカーの方が優勢。
何より5段階評価が表示されるのはうれしい。
メモ：移行するときの注意
Evernoteプレミアムプランでも200件/日の制限があるらしい。
メディアマーカーを使いたい！と思うのは、
アイキャッチ画像自動表示と、Evernote転送時の情報量の多さかな。
ただ、ブクログのスマホからのバーコード入力は沢山図書館で借りて積読の多い私には便利だった。
スマホからの登録もブクログ優勢かな。
とはいえ、２つに入力するのは疲れるので
うーん。
ひとまずメディアマーカーに移行してみよう。
大学生の頃本を読みだして、
mixiで読書の記録を付けられる！と記録づけ開始
その後、mixiは下火になったことと、読書は個人的なリンクと切り離したいとの想いから
「読書メーター」に移行。
読書メーターは読書の量がページ量でわかるところが一番のポイントでよかったけれど、
見た目のかわいらしさと、バーコードで本が登録できる
「ブクログ」へ移行。
とくに不満はなかったものの、
この読書記録を
IFTTTでEvernoteやWordPressのブログにデータを飛ばすと
アイキャッチ画像が勝手に表示されない。
ブクログからEvernote
↑これだと本を目で探すのが難しい
あと、載っている情報量も少ない。
個人的に
自分で読んで評価している星の数「☆☆☆☆☆」や
「また読みたい」などの表示されないのはかなり嫌。
ググっているときに、候補にあがったのが
「メディアマーカー」
これだと、情報量が多いのでもしかするとサムネイルも表示されるのでは！
と期待。
Evernoteへの転送機能も最初から搭載。
ひとまず使ってみることに。
右上の自分のアイコンから「登録した本の編集」
右サイドバー下の方の「エクスポート」を選択
インポートタブからcsvファイルをインポートする前に
エクスポートしたデータを編集
赤枠の行だけ（本のISBN/ASIN番号とコメント）にする。
指数表示になっている場合は、文字列と認識するように設定を変更。
csvを整えてもうまくインポートできなかった。どうも改行を認識していないらしく。
改行のコードを変更する一手間がいる。
↑このあたりかな
・どうしてもDVD（映画）、ISBN番号が「4」から始まるものは認識してくれなかった。
→なので、1つ1つ「ISBN/ASIAN」タブから登録（自動登録モードを利用）
・インポートも1度に100件程度しかできない
インポートしたものの、1000件中100件程度しか入ってなかった。
なので結局一括登録から100件ずつ分けて登録。
コメントはブクログにあるのでインポートは諦め。
管理するツールを変えるって本当大変。
ただ、Evernoteに転送しておけば、Evernoteにはどれ使っても残るので安心感があります。
googleフォトとは？は他のサイトで確認してください。
私はかなり愛用していて、
ミラーレスで写真撮影
↓
Eye-Fiでデータをスマホ（XperiaZ3）の端末へ
↓
スマホ内のデータをgoogleフォトに同期
しています。
そうすることで、スマホからのブログ投稿もサクサクできます。
ところが、先週、Eye-Fiからデータを保存するフォルダだけバックアップができなくなりました。
なんとか解決したので以下、その解決方法です。
毎日のようにガーデニングの記録をつけている私、
Eye-Fiの写真だけgoogleフォトと連携とれていないことに気付き、
フォトの設定画面から
「バックアップするフォルダの選択」からEye-Fiフォルダの「Mobi」を選ぶ。
すると、
「問題が発生したため、「Google Play開発者サービス」を終了します。」
と表示され、また確認してみると「Mobi」のチェックが外れている・・・
利用してるEye-Fi
このEye-Fiアプリから
「データ保存先」を「規定の保存先」から「Androidの写真ディレクトリ」に変更
以上です！
で、直りました。
「規定の保存先」はどこだったかというと「内部ストレージ」直下の「Mobi」ファイル。
それが、
「内部ストレージ」＞「DCIM」の中に入りました。
こんな感じに。
私が利用しているQuickPickで確認すると
端末内の「Mobi」フォルダと
SDカード内の「Mobi」フォルダがあり
Mobiフォルダは２つあるように見えます。
が、
googleフォトでのバックアップするフォルダの選択をしようとすると、
表示されません。
どうやら「DCIM」フォルダは勝手にバックアップされるらしい。
今回の件で、毎日写真をブログにアップしている私は本当に大変でした涙
googleドライブに「Temporary」フォルダを作成して、
QuickPicの設定から「Mobi」のデータをgoogleドライブ「Temporary」に同期。
などしておりました。
約１週間。長かった・・・
ひとまず使えるようになってよかった。
現在ロリポップのレンタルサーバーを利用しています。
たまに、繋がらなくなったり、重かったり。
なので、ちょっと他のサーバーも借りてみようかと思いました。
とりあえず普通のx10プランというものから。
WordPressに特化したサーバーというのも気になるところだけれど、
なんだかこれまたよくわからないので、ノーマルで行く！
表示速度が３倍早くなった！！！！！！
ただし、費用も３倍になった。
世の中うまく出来てるなぁ。
COURRiER Japon（クーリエ・ジャポン）の定期購読が来月で切れるので更新。
ただ、今なら3冊50％引きらしいので月額プランで3ヶ月だけとろうっと。
3ヶ月目の冊子が届いたら配信停止忘れずにしないと・・・
SAKURAは継続〜
継続だけどギフト券かます為に再契約。
最近、伊豆あたりに別荘購入を考えているので
「いなかぐらしの本」ってのを半年定期購読してみようと思う！
表紙のワンコがかわいいね！
みんなのスゴ動とは
カラオケで動画をとってネットアップできるうたスキ動画から
毎日1つピックアップされた動画
のことのようです。
うたスキ仲間から「スゴ動載ってるよ」と連絡がはいり見てみると
コメントが恥ずかしいけど。
あ、ありがとうございます。笑
載ってました！
スゴ動になると、こういうコメントがつくんですね！なるほど。
さっそくタグに「延長希望」といれました。
それにしても今回も、社長に借りているキーボードが大活躍。
月別のアーカイブページを下のようなデザインにしたい。
でも実際は、
wp_get_archivesを使うと、
こんなふうに「○年○月」まで丁寧にでてしまう。
それだと困るのでPHPで修正。（ほぼ先輩だより）
<ul> <li><a href="archives/date/2015/3"><span class="year">2015</span><span class="month">3</span></a></li> <li><a href="archives/date/2015/2"><span class="year">2015</span><span class="month">2</span></a></li> </ul>
<ul>
<?php
$list = wp_get_archives(array('echo' => 0)); //echoさせずに取得
foreach (explode("n", strip_tags($list)) as $line)
{
$line = trim($line);
if (!$line)
{
continue;
}
$year_month = explode('年', $line);
$year_month[1] = preg_replace('/月/ui', '', $year_month[1]);
echo "<li><a href="archives/date/{$year_month[0]}/{$year_month[1]}"><span class="year">{$year_month[0]}</span><span class="month">{$year_month[1]}</span></a></li>";
}
?>
</ul>
これで
思ったとおりのデザインになりました。
（CSSは省略）