ページ

ラベル Bloggerカスタマイズ の投稿を表示しています。 すべての投稿を表示
ラベル Bloggerカスタマイズ の投稿を表示しています。 すべての投稿を表示

2014年1月4日土曜日

[ipad.iphone] Blogger対応おすすめブログエディター アプリ「BlogPress」使い方




今回は、以前紹介したiphone,ipadで使えるブログエディターアプリ「BlogPless」 の使い方を紹介していきます。
私自身、Bloggerのブログサービスを使用していますが、他にもBloggerに対応しているアプリでは純正アプリの「Blogger」やipadでは「Blogsy」などを試したのですがBloggerを更新する際に1番使い易かったのがこのアプリになります。Blogsyのように高機能とまではいきませんがブログ更新の際に必要な機能は備わっています。今回は、ipad版を使っての説明になります。

対応ブログサービス



国内のブログサービスには対応していませんが、Blogger以外にも有名所でWordpressに対応しています。


1.ブログをアプリに登録してみよう

まず最初に、ブログをアプリに登録してみましょう。


左下にある設定のアイコンをタップし設定画面を開きます。
設定画面から「別のブログを追加」をタップするとブログ追加画面になりますので



ブログサービスプロバイダをタップしてサービスプロバイダの一覧画面を開きます。


該当するプロバイダを選択して前画面に戻ります。(今回はBloggerを選択して説明していきます)前画面に戻ったらアカウントの登録をします。


ユーザー名をタップするとGoogleのログイン画面になりますのでメールとパスワードを入力してログインします。


ログインすると、アプリの承認画面になりますので承認します。承認できると登録させたいブログを選択します。選択するとブログの情報を読み込んでくれます。これで登録は完了です。
BlogPlessでは、1度にひとつのブログしか読み込んでくれないみたいなのでBloggerで複数のブログを運営している場合は、もう一度、同じ事を繰り返してアプリに追加します。


2.写真の投稿先の設定

BlogPressはiphone,ipad内の写真を「Picasa」と「Flickr」にアップロードできます。


登録手順は、ブログの登録手順とほぼ同じです。
詳細は割愛させていただきますが、
設定→写真投稿→サービスを選択→ログイン→承認
で完了です。


3.アプリの各機能解説



写真にある機能があるだけなので高機能とまではいきませんが、基本的な機能はおさえているので問題は無いと思います。
左がブログの管理画面で右がエディター画面になります。


4-1ブログを書いてみよう

それでは、ブログを書いて行きましょう。

タイトルと本文を普通通りに入力していきます。


HTMLタグの入力も同じ画面で入力することが可能です。
リンク等も問題なく貼ることができます。
又、右上の</>のマークから種類はありませんが簡単なタグを挿入することができます。


4-2写真を挿入してみよう

写真の挿入方法を説明します。基本的にiphoneやipad内の写真を貼りPicasaやFlickrにアップロードする事ができます。既にアップロードしてある写真などは、リンクタグを貼るしかありません。位置やサイズなどもタグでの調整になります。

まず、右上のカメラのマークをタップすると「メディアの挿入」画面が出てきます。


今回は、カメラロール内の写真を使用しますので「写真ライブラリ」を選択します。選択するとiphoneやipad内の写真の選択画面が出てきます。最大で5つの写真を同時に選択し挿入する事が可能です。



次に挿入した写真の調整を行っていきます。
挿入した写真をタップすると画像の調整画面が出てきますのでここで調整します。



調整できる項目は、少ししかありませんがこれだけあればいいかなって感じです。

⚫︎高さと幅のサイズ(プロポーションはONにしておきましょう。縦横比を合わせてくれます)

⚫︎写真の貼り付け位置(左 中央 右)

写真のサイズ等の調整が終わったら完了で通常の編集画面に戻ります。しかし、通常の編集画面上では調整した設定は、反映されていません。がデータ上では反映されているので心配は要りません。後ほど紹介するブログプレビューで確認することができます。

ちなみに私は、スマホ用のサイズで投稿するので、幅を300にしています。これが500とかだと画面からはみ出してしまいます。


4-3ブログプレビューで確認してみよう


BlogPressを使う最大の理由がこのブログプレビューです。
投稿画面、左上の「完了」をタップすると右上に「保存」ボタンが表示されるのでタップします。すると、写真のような項目が出ますので「保存してプレビューでは」を選択します。



するとプレビュー画面が表示されます。


プレビュー画面で確認してみると写真の位置やサイズもちゃんと反映されています。htmlタグも間違っていなければ反映されていると思います。
プレビューの確認が終わり訂正箇所が無いようでしたら投稿してみましょう。


5ブログを投稿してみよう

さぁ、ブログプレビューで確認して間違え等がなかったらブログを投稿してみましょう。

手順は、ブログプレビューを確認する手順と同じで左上の「完了」ボタンをタップすると右上に「保存」が出ますのでタップします。


「即時公開」でブログの投稿ができます。ブログの投稿が完了したら、ブログを表示しますか?というメッセージが出ますので「はい」で確認してみましょう。


まとめ

いかがだったでしょうか?簡単にブログを投稿するまでの説明をさせて頂きました。その他の機能にもFacebookやtwitterとの連携機能やYouTube動画のアップロードなどの機能もあります。高機能とまではいきませんが、Bloggerでブログの運営をされてる方でモバイル環境を使ってブログの更新をしてみたいという方には使い勝手のいいアプリでオススメです。ユニバーサルアプリなのでiphoneからの投稿もできますよ。

ちなみに、この記事もBlogPressから投稿しました。




人気ブログランキングへ

ブログランキング・にほんブログ村へ
にほんブログ村

-- iPadから送信

2013年11月24日日曜日

Blogger ブログ を iphoneだけで更新しよう

iphoneだけでブログが更新できるようにする、3つのアプリを紹介します。

BlogPress

アップロード用に使用しています。
Bloggerの純正アプリもあるんですが写真の配置等がこちらのほうが断然やり易いです。Worldpressにも対応しています。さらに、プレビュー機能もあるので便利です。




Textwell

記事を書くのに使用しています。
テキストエディタの神アプリDraftpadが突如AppStoreから消えてしまったのですが、上位互換で有料ですがTextwellが登場しました。また、Draftpadがios7でこの後、紹介するTextExpanderが使えなくなった為、こちらに乗り換えました。機能はDraftpadとほぼ変わりません。
アクション機能を使う事で簡単にホームページのリンクやサムネイル付きのYouTubeのリンクを作成する事ができます。プレビュー機能のアクションもあるので、レイアウトの確認をしながら記事が書けるので超便利(^O^)
記事を書くなら1番のオススメです。




TextExpander

文字入力支援の神アプリ。
これが、あれば記事を書くのが爆速化します!
機能は、iphoneのユーザ辞書みたいな感じですが、断然早いです。よく使う文章や長いhtmlタグなどを登録しといて、キーになる単語を入力すればポチョ〜ンという音と共に瞬時に変換!
最高です(≧∇≦)




まとめ

私は、こんな感じで使ってます。

Textwellで下書き

BlogPressに文章をコピペ

BlogPressでiphoneで撮影した写真を貼り付けサイズ調整

プレビュー機能で確認

BlogPressから投稿

みたいな感じで投稿しています。
BlogPressが、有名所のブログサービスでは、BloggerとWordPressにしか対応していない為、その他のブログサービスをお使いの方は、「するぷろ」などをお使い頂いたらいいと思います。
対応ブログサービスをご確認の上、購入してくださいね(^O^)





人気ブログランキングへ

ブログランキング・にほんブログ村へ
にほんブログ村

-- iPhoneから送信


2013年11月21日木曜日

ブログページのデザイン変更しました

最近、ブログページのデザインを変更しました(^O^)
私は、Bloggerを使用していますがテンプレートをシンプルなものを使用していました。
やっぱ、なんか味気ないんで、とりあえず色をカスタマイズ(^O^)

モバイル表示



web表示



これらの、変更はテンプレートデザイナーから行います。


設定方法



Bloggerの管理画面のノートのアイコンからマイブログに飛ぶか、アイコン右のプルダウンメニューからテンプレートを選択しテンプレートデザイナーのページに行きます。


マイブログの左にある欄からテンプレートをクリック


幾つかのテンプレートから好みの物を選択するか、デフォルトの物をカスタマイズしていきます。
背景、幅の調整、レイアウトなどを調整します。続いて、上級者向けから


ブログのフォントや色を設定したります。
主に、色が設定出来るようになっています。
出来る事は限られてしまいますが、とりあえず気に入ったデザインになったらブログに適用しましょう(^O^)

モバイル版で表示したい場合は


「モバイル」の設定ボタンから


テンプレートを表示するにチェックを入れ、「モバイルテンプレートを選択」のプルダウンメニューを開くと、何種類かのテンプレートが用意されてますが、せっかくカスタマイズしたので、カスタムを選択し保存します。これでテンプレートデザイナーでカスタムしたフォントや色が反映されます。尚、モバイル版は、web版と違い、全ての項目が表示されるわけではないので悪しからず。

Blogger自体の設定機能では、そんなにカスタマイズは出来ませんがとりあえず色だけでも変えてみてはいかがでしょうか(^O^)

次は、htmlでのカスタマイズに挑戦だ(≧∇≦)



人気ブログランキングへ

ブログランキング・にほんブログ村へ
にほんブログ村

-- iPhoneから送信