ラグナロク WebMoney

Neko

みえにゃんとにゃんこたちの毎日
2017 081234567891011121314151617181920212223242526272829302017 10
HOME > CATEGORY - カスタマイズ
 スポンサーサイト
--年--月--日 (--) | Edit |
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
 WindowsLiveWriter & WordPress
2009年04月18日 (土) | Edit |
WindowsLiveWriterでの初めての投稿・・・
と言っても実はWordPress.Comに投稿しているので
この記事はそこへ投稿したものを少々直しています。

私が以前から借りているXREAの有料サーバーはs34なのですが
WordPressを導入するにあたって、s34サーバーはMySQL3.23.58なので
WordPress2.7.1には MySQL4.0.0以上でないと対応できないため
MySQL 4.0.0 以上のサーバーへの移転をしないといけないのです

でも今現在XREA.COMからは勿論、VALUE-DOMAIN.COMからも
新規サーバーアカウントの取得ができない状態で
XREAサポートに問い合わせたところ
現在、サーバが全て満員で新たにアカウントを取得いただけない
状態となっている可能性がございます。
■ 新規サーバーのご用意について ■
通常、弊社では新規サーバーの用意につきましては
サーバー管理部門が7営業日以内に対応しております。
7営業日経過後、以下から取得手続きいただく・・・・
という回答を得ました。
いやはや、とても素早い回答で驚きました!!
XREAやっぱりいいですね。

FC2の有料サーバー(HPではなくレンタルサーバーです)と比較すると

 XREA FC2
初期費用 0円 3,000円
月額基本料金 400円(1ヶ月)
1050円(3ヶ月)
1800円(6ヶ月)
2400円(12ヶ月)
1,500円

料金がこんなにも違うのに、サービスは負けてないです
(FC2の方は無料ブログしかわからないけれど・・・(^^ゞ)

・・・で、待っている間のお試しで WordPress.Comに登録して
WordPressの使い心地を確認しているのですが
なんだか、このままWordPress.Comでもいいような。。。(笑)

MTだと HTMLとCSSを理解していればカスタマイズできるけれど
WordPressだと PHPとCSSなので
カスタマイズするにはお勉強が必要のようですが
ググれば、教えてくれるサイトがたくさんあると思うので
ちょっと頑張ってみますe(^。^)g_ファイト!!

何故、FC2Blogに引っ越したばかりなのに
WordPressを考えているかと言えば
今使っているWindowsLiveWriter
とても気に入ってしまったからなのです

昨日の記事で書いたWaterMarkも
実はWindowsLiveWriterだと
簡単に入れられることに刺激されてなのです(笑)
しかも、WaterMarkだけではなく
色々な画像編集が他のソフトを使わずに
WindowsLiveWriterの起動だけでできてしまうのです

まぁ、私もPhotoshopをはじめ
色々な画像編集ソフトはインストール済みなのですが
それを立ち上げて、編集して保存してから投稿・・・と言う手順が
大幅に省かれるのが何より嬉しくて。。。。

ちなみにこんなこともできるんです。

sepia.jpg



写真用紙のような縁取り
セピア風の色調
ドロップシャドウ
WaterMark


こちらWordPress.Comに投稿したもののスクリーンショットです。

これをソフト起動せずにできるのが凄い

なので、是非ともWindowsLiveWriterを使いたくて
WordPressはどうかな~~なんて考えたわけです。

画像編集機能だけじゃなく
テキストにリンクを指定する時
このテキストに自動的にリンクする
ということもできるのです・・・すご~~い

FC2では、私の設定が間違っているのか

間違っていないとは思うのですがコチラの記事では
“FC2ブログ”ヘ記事を投稿できることを確認した。
となっているので・・・一応、サポートに問い合わせしました。

編集~プレビューまでは問題ないのですが
肝心の投稿の時、エラーになるのです

まぁ、まだ本格的なWordPress移行までには
時間がかかるとは思うのですが・・・

その間に、WindowsLiveWriterWordPressの欠点が気になって
結局FC2にとどまるかもしれないし・・・(笑)

今のところ、私にとっての欠点は
  • WindowsLiveWriterの編集画面で書くと
    自動的に<p>タグが入り、行間が開きすぎるから
    ソース画面で修正してる事
  • WordPressはまだ殆ど概要をつかめていないこと。。。

FC2は、この間のアカマイによる広告で
ちょっと今後が心配になったことから、色々考えてしまったわけです。

WordPress.comの方がXREAに自分でアップするより楽だし
URLも単純で良いような気もするのですが
XREAの対応の素晴らしさに
ほぼ放置状態のHPが申し訳なくなってしまって・・・
XREAを十二分に活用するためには
やっぱりXREAで、WordPress構築かな?
スポンサーサイト
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : ブログエディタ   ジャンル : ブログ
Tag : [WordPress]  [WindowsLiveWriter]  [MT]  [WaterMark]  [Photoshop
 Water Mark
2009年04月17日 (金) | Edit |
体調はほぼ大丈夫です

ここのところ、体調が悪くて夕飯作りサボっていたので
今日は頑張ってハンバーグハンバーグ焼く寸前で待ってるのですが
もうすぐ10時なのに
ダンナさんアップロードファイルがまだ帰ってないのです

おなかすいた・・・

でも、こんな時でも癒してくれるのは
猫さん達ネコ黒猫

みっちゃん


ケンちゃん


相変わらず、写真撮るのヘタクソですが
ちょっとカッコつけてWaterMark入れてみました...ポリポリf^^*)jumee☆shy1c

今回は透かし画像を作ってからK-Lab Watermarkで文字入れしたのですが
テキストでも大丈夫です。
日本語版がないので、日本語を入力すると
テキストボックス内では文字化けしていますが
画像に挿入するテキストは、ちゃんと日本語になっています。
(日本語対応フォントを選ぶ事)

他にもWaterMark1_2など、フリーソフトは沢山ありますね。

ソフトをDLしなくてもこちらのサイト
PicMarkrでなら、Web上でWaterMarkを入れることができます。
但し、コチラのテキストは日本語に対応していないので
画像を用意する必要があります。

それより何より、私の場合
写真の技術レベルアップが必須
じゃないと、モデル猫さんがかわいそうだわ...
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : 猫の写真   ジャンル : 写真
Tag : [みっちゃん]  [ケンちゃん]  []  [写真]  [WaterMark
 Lightbox2導入できました
2009年04月06日 (月) | Edit |
昨日は、他のスクリプトとの相性が悪くて、諦めたLightbox2でしたが
本日、スクリプトを1つ1つはずしながら、調べた結果
共有プラグインの最近の記事+コメントをはずすと
問題なく表示されたので
見た目すっきりで、とても気に入っていたので、残念ですが
泣く泣くはず事にしました

なので、代わりに、公式の最近のコメントをツリー化して
(ひよこさんツリー化の手引きを参考にさせて頂きました)
最近の記事と全記タイトル事表示ができる
ちゅぴさんの最近の記事+総記事数をDLして
最近の記事部分は、メイン上部のbenri-naviにもあるので
記事総数と一覧のみ、アーカイブの下に設置しました。
(総記事数はカウントが倍になっているので削除)

実は、全記事表示も、こっそりカスタマイズしていたのです
デフォルトでは、FC2のページへ飛んでしまって
ブログのデザイン関係なしになってしまうので
初心者でもできる・・・さんの記事一覧ページを作るを参考に
エントリー部分に全記事を表示できるようにしました。

興味のある方は全記事一覧を表示をクリックしてみてくださいマウス(左クリック)

コレ、テンプレートによって其々記述が異なるので
少々苦労しました
<div class="EntryBlock">
<div class="EntryTitle">
<div class="EntryBody">
エントリー部分が上のような構成になっている方には
少しは参考になるかもしれません。
<!--titlelist_area-->
<div class="EntryBlock">
<div class="EntryTitle">
<img src="画像URL" align="absmiddle"/>&nbsp;&nbsp;全記事一覧</div> 
<div class="EntryBody">
<!--titlelist-->
<ul><li><a href="<%titlelist_url>" title="「<%titlelist_title>」の記事を見る"><%titlelist_title></a>
(<%titlelist_year>/<%titlelist_month>/<%titlelist_day>|<a href="<%titlelist_category_url>"><%titlelist_category></a>)
<br/><img src="画像URL"><%titlelist_body><a href="<%titlelist_url>">...more</a></li></ul>
<!--/titlelist-->
</div>
</div>
<!--/titlelist_area-->
リストの画像はCSSに記入しています。

まだ、FC2デビューして二ヶ月で
総記事数も多くはないので
とりあえずは、このままにしておいて
記事が増えてきたら
サイトマップを作ろうと思っています。

そそせっかく導入したLightbox2なので
画像をグループ化して載せてみたいと思います。

かぼちゃの煮物
かぼちゃの煮物

白和え
白和え

3色丼
3色丼

お味噌汁
ジャガイモと大根菜のお味噌汁


サムネイルをクリックして
ロードされた画像の右上に絵文字名を入力してくださいを持っていくと
この画像⇒nextlabel.gifが出てくるので
それをクリックすると
スライドショーのように画像が切り替わります。
左上にはこの画像⇒prevlabel.gifが出てくるので
それをクリックすると1つ前の画像に戻ります。

・・・って、3色丼とお味噌汁以外は、夕べの残りなので
こうしてお見せるのはお恥ずかしいです恥

どうせなら、私の最愛の猫
今は亡きさちこさんびっくりの画像を並べればよかったがっくり

今更遅いので、さちこさんびっくりの思い出ギャラリーは
次回にすることにします。

でも、せっかくLightbox導入したのだから
もっと上手に撮れるように努力しないと・・・ですね
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : ブログカスタマイズ   ジャンル : ブログ
2009年04月05日 (日) | Edit |
以前から、FC2ブログでの元画像へのリンクが好きじゃなかったのでブゥー
(別窓で背景真っ白の画面の左上に表示される)
投稿設定で、画像タグのみにして
サムネイルも作らなくてもかまわないように
画像を小さくリサイズしていたのですが
LightboxJSなるスクリプトで
同一画面上に画像を上乗せ表示できると知って
またまた頑張って、導入してみました。

お世話になったのは小粋空間さんです。



これが実は、色々考えすぎたせいもあるのですが
結構苦労したんです

まず、「LightboxJS で画像を表示する」の段階で
相対パスではうまくいかなかったので
絶対パスに変更しました。

「rel 属性の自動付与」は、小粋空間さんの記述どおりで問題なし。

「Flash を PNG 背景画像の下に隠す」は
maukieのケンちゃんはこれでうまくいったのですが
BlogPetのさちこさんは、ソースコード変更により
「Lightbox JS/Litebox で BlogPet を背景画像の下に隠す」を参照。
但し、私はPOC会員なので、最後の1行の記述が違うのです。

ここで、分からなくなってしまって
LightboxJSではなく、Lightbox 2の方が
今後また、BlogPetのソースが変わっても対応できるかと思い
そちらにチャレンジするも、沢山スクリプトを使っているせいで
prototype.js との相性が悪くて、エラーが出てしまい
どのスクリプトが原因なのか、一つ一つ調べるのが面倒で
結局、LightboxJSに戻すことにして
もう一度、Blogpetのソースを見てみたところ
最後の1行は、POC以外の方のための広告表示だったようなので
それは、POC会員であれば、ナシでかまわないので
その部分は削除して、無事成功

ふぅ~~~~っ

ところが、こっそりドロップシャドウも導入していたので(笑)
これも一緒に使うと、何故か文字が右に回りこんでしまうので
<br clear="all">を追加

というわけで、早速画像をアップしてみます。

今日の夕ご飯


クリックしてみてくださいclick

でも、ここで大きな問題が

わざわざLightbox導入するほどの画像じゃない!!
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : ブログカスタマイズ   ジャンル : ブログ
2009年03月15日 (日) | Edit |
昨日の記事にも書きましたが
便利ナビを改造してみました。

・・・といっても初心者なので、いい加減かもしれませんが

共有プラグインのbenri-naviをプラグイン・カテゴリー3に置いて
HTMLを編集して<!--plugin_third-->~<!--/plugin_third-->を
<!--エントリー-->の上に配置します。

<!--▼プラグインカテゴリー3-->
<!--plugin_third-->
<div class="menuBlock">
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menuBody">
<div class="menuText">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
</div>
</div>
</div>
<!--/plugin_third-->
<!--▲プラグインカテゴリー3-->

注意マークテンプレートによって違うとは思います。

赤字<%plugin_third_title>部分がそのままでは
titleがBenri-naviとして表示されるので、ここを改造します。

私としては、そのまま表示した時のsub-titleをtitleとしたかったので

本当は<h3></h3>が怪しい目と思ったのですが
こちらには記述がなくて・・・絵文字名を入力してください

仕方がないので、少々面倒ですが、エリア(モード)変数を使いました。

↑

<div class="menuBlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>

やじるしに変更しました。

<!--index_area-->
<div class="menuBlockHead" style="text-align:<%plugin_first_talign>">&nbsp;記事インデックス
</div>
<!--/index_area-->

<!--category_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;カテゴリー &nbsp;[<%sub_title>]
</div>
<!--/category_area-->

<!--tag_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;タグ &nbsp;[<%sub_title> ]>]
</div>
<!--/tag_area-->

<!--date_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;月別アーカイブ
<a href="<%prev_month_link>">←</a>&nbsp;<%now_year>年<%now_month>月&nbsp;<a href="<%next_month_link>">→</a>
</div>
<!--/date_area-->

<!--search_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;[<%sub_title> ] の検索結果
</div>
<!--/search_area-->

<!--not_index_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;記事インデックス</div>
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_index_area-->

記事個別ページとコメント編集ページでは
Benri-Naviを表示したくなかったので
<!--plugin_third-->~<!--/plugin_third-->を
<!--not_permanent_area--><!--not_edit_area-->
~<!--/not_permanent_area--><!--/not_edit_area-->
で囲みました。

そして、benri-nabiのhtmlの

<!--index_area-->
<p style="font-weight:bolder">【記事インデックス】</p>
<!--/index_area-->
<!--category_area-->
<p style="font-weight:bolder">【カテゴリー &nbsp;[<%sub_title> ]】</p>
<!--/category_area-->
<!--date_area-->
<p style="font-weight:bolder">【月別アーカイブ】</p>
<p>
<a href="<%prev_month_link>">←</a>&nbsp;<%now_year>年<%now_month>月&nbsp;<a href="<%next_month_link>">→</a>
</p>
<!--/date_area-->
<!--search_area-->
<p style="font-weight:bolder">【[<%sub_title> ] の検索結果】</p>
<!--/search_area-->
<!--not_index_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<p style="font-weight:bolder">【アーカイブ】</p>
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_index_area-->

↑部分を削除しました。

これで、思うような表示になったのですが
今一つ気になるところが。。。。

koko3.gif

これをなんとか同じ行にしたくて

<!--category_area-->
<!--next-->
<ul class="benri_navi_state">
<!--prevpage-->
<li><a href="<%prevpage_url>">≪前ページ</a></li>
<!--/prevpage-->
<!--nextpage-->
<li><a href="<%nextpage_url>">次ページ≫</a></li>
<!--/nextpage-->
</ul>
<!--/next-->
<!--/category_area-->
<!--not_category_area-->
<!--not_date_area-->
<ul class="benri_navi_state">
<!--prevpage-->
<li><a href="<%prevpage_url>">≪前ページ</a></li>
<!--/prevpage-->
<!--nextpage-->
<li><a href="<%nextpage_url>">次ページ≫</a></li>
<!--/nextpage-->
</ul>
<!--/not_date_area-->
<!--/not_category_area-->
<!--edit_area-->
-->
<p style="font-weight:bolder">【最近の記事】</p>
<ul id="benri_navi_ul">
<!--recent-->
<li><a href="<%recent_link>" title="記事の先頭へ"><%recent_title>&nbsp;[<%recent_year>/<%recent_month>/<%recent_day>]</a></li>
<!--/recent-->
</ul>
<!--/edit_area-->

やじるしに変更しました。

<!--next-->
<ul class="benri_navi_state">
<div align="left">
<!--prevpage-->
&nbsp;&nbsp;&nbsp;<a href="<%prevpage_url>">≪前ページ</a>
<!--/prevpage-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!--nextpage-->
<a href="<%nextpage_url>">次ページ≫</a>
<!--/nextpage-->
</div>
</ul>
<!--/next-->

これで表示もこうなりました。やじるし

koko4.gif

リストタグをはずして、エリア指定もはずしてしまったので
不具合があるかも?とは思いますが
今のところ、ちゃんと動いているようなので
とりあえず、このままで
不具合が見つかったら、元の状態に戻します。

benri-naviとパンくずリスト両方あるのは、どうかとも思うのですが
それも、追々考える事にします。

色々と未熟すぎて、まだまだ納得のいくものにはなっていませんが
今後、デザインの方も、もう少し見られるものにしたいと思っています。

でも、ブログってデザインより
なんといっても中身なんですよね

そちらも、これから精進できたらと思っています。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : カスタマイズ   ジャンル : ブログ
Copyright © 2009ねこのあしあと All Rights Reserved.
Customized by みえにゃん   Benri-navi by myhurt
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。