Azure WebSitesにWordPressを1,000サイト詰め放題可能な「仕組み」を勉強してみた話。

websites_title
FUKUOKA MEETUP COMMUNITYでお話させていただいた後、「どうしてAzure WebSitesにWordPressが1000サイト詰め放題できるのか」というところをちゃんと理解してないなーと思ったので、改めて勉強しなおしてみました。
今回はさすがに私1人で理解するのは無理すぎたので、 @kazumihirose さんに全面的に技術指導していただきましたが。
(というか、これ1人でわかったらジョブチェンジしてるレベル)
私的に理解できたとこをまとめますー!
Continue reading »

Azure WebSitesでMySQLを使わずWordPressの運用をするとWebデザイナー的に色々助かると思った話。

sqlite_title
前回書いた「Azure WebSitesのバックアップ方法」の補足記事です。
WordPressの運用にMySQLを使わず運用すると、データベース知識が無いWebデザイナーも運用が楽になって色々助かる!と思ったのでまとめます。
Continue reading »

Microsoft Azure Websitesで独自ドメインを設定

title_domain

自分のWordPressブログをMicrosoft Azure Websitesにお引っ越ししてみた、の続きです。

「Microsoft Azure Websitesで独自ドメインを設定」の作業、色々調べてやってみたものの、そもそも自分の知識が無さ過ぎるわ、それに加えていつものミラクルが発動するわでかなり大変でした…。
今回は「Microsoft Azure Websitesで独自ドメインを設定」についてまとめます。
※独自ドメインの設定はMicrosoft Azureの「有料版」でないと出来ないので注意!
Continue reading »

Microsoft Azure Websitesでお問い合わせフォーム(Contact Form 7と外部SMTPサーバ)の設定

smtp_title
自分のブログをMicrosoft Azure Websitesにお引っ越ししてみた、の続きです。

今回は「お問い合わせフォーム(Contact Form 7と外部SMTPサーバ)の設定」についてまとめます。
Continue reading »

WordPressのブログをMicrosoft Azureへお引っ越ししました。

azure_blogtitle

最近クラウドサービスの話をよくみるのですが、実際自分で触ったことないから「クラウドって何?」というのが正直なところで実際使ってみたいなーと思ってました。
私、一応肩書は「Webデザイナー」ですけども、色々な知識は持っていてムダではないし、クライアントに間違ってない情報をお伝えするのも仕事の一貫だよなぁと。
そのためには自分が実際に触ってみないとね、と思うところもありまして。
Microsoft Azureコミュニティ「ふくあず」のロゴ制作をさせていただいた経緯もありますし「webデザイナーはAzureから使ってみると馴染みやすいかも?」とアドバイスもらったのもあって、まずはMicrosoft Azureから勉強してみることにしました!

今回利用したのはMicrosoft Azureの「WebSites」というサービス。
勉強がてら、自分のブログをロリポップからAzureにガッツリお引っ越ししてみましたよ。
ブログお引っ越しにあたり、

  • WordPressのブログをロリポップからMicrosoft Azureに移行
  • お問い合わせフォーム(Contact Form 7と外部SMTPサーバ)の設定
  • Microsoft Azure WebSitesに独自ドメインを設定する

と、色々と引っかかりましたが。(それぞれ記事書きまーす…)
どうにかこうにか、完全移行できました!
まずは「WordPressのMicrosoft Azureへの移行」についてまとめます。
Continue reading »

付箋紙っぽいのを表示するプラグイン『WP-Note』

個人的に便利だわー、と思ってるプラグイン。
結構記事中に居るんですけど、いつもタグを忘れるので掲載w

★インストール方法
(1)管理画面→プラグイン→新規追加をクリック
(2)『WP-Note』を検索
(3)『WP-Note』を見つけたら「いますぐインストール」をクリック
(4)プラグイン有効化をクリック

以上で終わり。
プラグイン有効化後に何か設定とか基本的にはありません。

★使い方と見た目
表示したい場所に[note]キーワード[/note]を入力するだけ。
付箋紙が表示されます。

[note]メモ帳風[/note]

メモ帳風

[tip]ひらめいた風[/tip]

ひらめいた風

[warning]注意してもらいたい風[/warning]

注意してもらいたい風

[help]ヘルプ風[/help]

ヘルプ風

ちなみにCSS3で角丸を表現してるので、Firefox・Chrome・Safariで見ると角丸。
でもIEで見ると角がかくい…。