WordPressの定番プラグインJetPackにモバイルテーマという機能があります。設定方法は JetPack＞設定＞Appearance＞モバイルテーマ から行えます。設定できる項目は多くありませんが、表示を抜粋にするか全文にするか、アイキャッチ画像を表示するかしないか、モバイル広告を表示するかどうかが設定できます。 KLEOテンプレートではJetPackのモバイルテンプレートが正しく表示できませんでしたが、Genesis Frameworkでは問題なく表示できているので当面この機能を使っていこうと思います。
これまで当サイトはKLEOとVisual Composerを使って運営してきましたが、今日からGENESIS frameworkに切り替えました。 理由はVisual Composerの吐き出すコードが美しくなく、SEO上も、サイトの表示スピードの上でも問題があったからです。だんだんコンテンツが増えてきて、特に最近では動画もアップするようになったため、サイトの基盤をよりシンプルで機能的なものに切り替えることにしました。 現在、WordPressで使われているものではStudio PressのGenesis frameworkが最強だとSaigon WordPressに参加した時にエンジニアたちに聞いていたので、当サイトもGenesis frameworkに載せ換えました。 当面はデフォルトに近い形で運用しますが、徐々にCSSやfunction.php周りも手を加えていきたいと思います。
AMPとは？ Accelerated Mobile Pagesの頭文字をとったものでGoogleが提唱するモバイルからの表示を高速化するためのプロジェクト及びフレームワークです。WordPressもAMPプロジェクトに参加しています。 WordPress純正のAMPプラグイン WordPressは純正でAMPプラグインを出しており、単純にプラグインを導入してアクティベートするだけです。例えばこのページのURLは https://etsunan.com/wordpress-amp/ ですが、最後に/amp/を加えるとampページにアクセスすることができます。 https://etsunan.com/wordpress-amp/amp/ このプラグインはサイトのAMP化を自動的にしてくれますが、サイト内でAMP化したページへのリンクを自動生成してくれるわけではありません。AMP化されたページはGoogleにインデックスされ、Googleの検索結果からAMPページにリンクされます。 例えば「iPhone 用GPSロガーはどれが一番よいのか？」という私の記事はGoogleで最上位に表示されている記事なのですが、検索結果の最後にAMPと表示されています。この場合、サイト内からアクセスした場合とGoogleからアクセスした場合では同じ記事でも見え方が異なります。 AMPページのGoogleへのインデックス AMPページを作成してしばらくするとGoogleにAMPページがインデックスされるようになります。Google WEB Masterツールを使用して確認すると検索での見え方＞Accelerated Mobile Pagesから状況確認ができます。WordPressの純正AMPプラグインは純正にもかかわらず構文エラーを吐き出していたのですがバージョンアップで問題が徐々に解決されるようになりました。 まとめ AMPがSEOにどのような影響力があるのかはわかりませんが、少なくともモバイルからのアクセスが高速になることだけは確実です。自分もどうしても自分のサイトは色々と手を入れて美しく見せたいという欲求が抑えられませんが、アクセスのしやすさや速さを考慮したものにしたいと思います。
WooCommerceを使ったECサイトの開発で、特定のEmailアドレスでログインしなければ商品が表示されないというシステムを開発しました。 つまりAという商品が表示されるためにはaaa@gmail.comというEmailアドレスで、Bという商品が表示されるためにはbbb@gmail.comでログインしなければならないというものです。またCという商品にaaa@gmail.comとbbb.gmail.comがアサインされれば両方のメールアドレスで商品は表示されますが、ccc@gmail.comでは商品は表示されません。 WooCommerceでプライベートストアを構築するというもので、ネット上のソリューションとしては商品カテゴリーにパスワードをかけて見えなくするというものが実現可能性が一番簡単なものでした。しかしこの方法ではログインIDとパスワードに加えてカテゴリのパスワードも管理しなければならないので管理作業が煩雑です。しかもユーザーがカテゴリのパスワードを忘れた際に、管理者が再度手作業でパスワードの再発行をしなければならないというデメリットがあります。 ３週間ほど前にベトナムローカルのWordpress＋WooCommerceの開発ができるという会社に見積を取ったところ約1500USDの見積が返ってきました。 この案件をfreelancer.comにアップしたところ３時間で約50人の候補者が手を挙げ、そのうち、チャットインタビューで一番良さそうだったインドのデベロッパーに発注したところ、合計１０時間で１５０USDで回答が返ってきました。実際発注したところ、システムを上げてきたのはなんと当日５時間後、若干の手直しがあったので翌日再依頼をして合計７時間の作業で終わりました。 なんでこんなに早くて安いのか聞いたら、同様のソリューションを以前他社に提供したからだという回答でした。 つまりこういうことです。 広い世界に目を向ければ必ず専門家と経験者がいて、使い回しのソリューション（それで十分です）を提供してくれる人がいるということです。まず相談すべきはネットだということです。 ちなみにこのシステムを使ったサービスを来月リリースする予定でいます。
一気通貫で作業ができる UlyssesはMac版とiPhone版があります。両方揃えておくiCloud経由でシンクロが可能。途中までiPhoneで入力しておいて自宅に戻ってからMacで清書をしてネットにアップするといった使い方ができます。 Markdownでのテキスト入力 UlyssesはMarkdown対応のテキストエディタなのでブログの本文を入力するのにHTMLタグを打つ必要がありません。Markdownは簡単ですから30分もすれば覚えると思いますが、文章を構造化するのにとても便利なツールです。SEO的にもきちんと構造化した文章作成が有効です。 テキストベースなので入力が軽い Ulyssesは多機能な割にテキストエディタと同じような軽さがあります。シンプルなテキストエディタに比べて起動速度が若干もたつく傾向がありますが、一旦起動してしまえばとてもスピーディーに入力ができます。 iPhoneでの共有環境 例えばiPhoneのSafari上で気になる記事があった時など、簡単にUlyssesに記事を持ってくることができます。ニュースの記事を引用して描く時など便利な機能です。 余計な邪魔がないユーザーインタフェース 英語ではdistraction freeと言うようですが、文章入力に特化したユーザーインタフェースなのでテキスト入力に集中して作業することができます。ソフトウェアのデザインも重要な機能の一部だと思います。 画像の取り扱いが軽い 画像はMarkdownのimgタグを使って入力ができます。Ulyssesのテキスト編集画面ではIMGと言う青いアイコンで画像があることを示しています。 私が1番好きな点はiPhoneでもMacでも画像もシンクロしてくれるという点です。ブログ作成には画像の入力が一番手間がかかるところなので、これで効率アップです。 iPhone+Bluetoothキーボードでモバイルでも長文入力 iPhoneで長文のブログを入力する場合は外付けのキーボードを使って入力していますが、Ulyssesの表示フォントをヒラギノ角ゴで表示しておけば英語のテキストエディタでありがちなキー入力の時にテキストや行がガタガタ動くようなエラーがありません。とても快適な入力ができます。 残念な点 iPhone版のUlyssesは編集後に一気に画像をWordpressに送信するため、モバイル環境では時々画像が送信できずに途中でタイムアウトになることがあります。サーバー側への送信についてはレジューム機能をつけるなどしてアップロードに失敗したときの対応が加われば完璧です。 まとめ モバイル環境ではiOS版のWordpressをメインのブログ作成環境として使っていましたが、最近はもっぱらUlyssesを愛用しています。操作が軽くて入力がスムーズに行き、画像のハンドリングまでできるUlysses をオススメします。
パーマリンクを変更したためにGoogleからの流入が激減してしまった もう何度も同じことを書いているのですが、当サイトのパーマリンクを変更したために、GoogleにインデックスされているURLと実際のURLが違ってしまい、そのことでGoogleからの流入が激減してしまいました。 実際は下のように日付と投稿名で設定していたURLを投稿名に変更したため、Google検索からは404 Not Foundとなってしまいました。 パーマリンクを変更した時は301リダイレクトを使えば良いということがわかった 悔しいので色々調べてみると、旧URLと新URLが異なる場合、301リダイレクトというテクニックを使えば良いことが分かりました。WordPress用にもいくつか301リダイレクトのプラグインが出ていて、今回はリディレクションというプラグインを入れてみてうまく行きました。 301リダイレクトを実現するリディレクション プラグインを導入してアクティベートするとツール＞リディレクションという項目が追加になります。ここに転送ルールというところに新旧のURLを入力する仕組みです。 例えば https://etsunan.com/help.html をhttps://etsunan.com/help/ のように一つずつ新旧のURLを入力することでリダイレクトが可能になります。 しかしすでに当サイトは800件近いブログを書いてしまっているので、全部一つずつURLを書き換えるのは面倒臭くてやってられません。そういう人のためにCSVで新旧URLをインポートする機能もついているのですが、もっと簡単な方法がありました！ 正規表現を使ってリダイレクト 正直なところ正規表現はよくわかっていないのですが、見よう見まねでトライアンドエラーを重ねてうまく行きました。 ソースURLでは “https://etsunan.com/2016/08/20/ピューリッツァー賞「サイゴンでの処刑」が撮影/” となっているところを “https://etsunan.com/ピューリッツァー賞「サイゴンでの処刑」が撮影/” と変更したいだけです。全て法則性を持って変更したいので、ソースURLに /(\d*)/(\d*)/(\d*)/ と入力してやり、ターゲットURLを”/”に変更してやるだけです。 実際動いているのか？ ログを見たところ早速リダイレクトされ始めました！ 過去１０日間ほどせっかくアクセスしてくれたのに４０４表示されてしまった皆様、ご迷惑をおかけしました。😔 プラグイン設定に関してはこちらのYouTubeビデオも参考にさせていただきました！ https://www.youtube.com/watch?v=AHJAkm7k9aU
10月頭にブログのパーマリンクを https://etsunan.com/月/日/タイトル から http://タイトル に変更したのですが、それに伴いGoogleにインデックスされているURLが404になってしまいGoogleからの流入が激減してしまいました。少しは持ち直していますが、未だにアクセスが少ない状態です。 このサイトではWEB運営のための様々な可能性をテストしているのですが、もしこんな初歩的なミスをクライアントのサイトでやっていたらと思うとゾッとします。 WordPressでパーマリンクはサイト公開時に決めて、いったん決めたら絶対に変えてはいけません！
昨日あたりから当サイトへのアクセスが急降下😖 思い当たるふしは先月27日にパーマリンクを張り替えたこと。改めてGoogle先生の偉大さを認識しました。 パーマリンクの設定は最初に決めたら変えないことが重要です！！
最近、チェキとポラロイドzipを買ったのを契機にInstagramを再開しようと思ったのだけど、WordPressとInstagramってあまり相性が良くないことが判明しました。 このブログは記事を投稿するとTwitter、Google+、LinkedInに自動投稿する設定になっているのだけど、同じようにWordPressのアイキャッチ画像をInstagramに自動投稿しようと思ったら、InstagramのAPIは自動投稿を受け付けないことが判明。投稿方法はWordPressに統一したいのだけど、Instagramは外部からの自動投稿は受け付けないということです。逆は大丈夫みたいで、Instagramの投稿をWordPressに表示させるプラグインは数多くあります。 勝手な想像ですが、外部からの自動投稿を受け付けると広告や宣伝が溢れてしまう可能性があるので、Instagramは外部からの自動投稿を嫌がっているのではないかと想像します。 実は抜け道がないわけではなくて、NextScriptというプラグインを導入すればNextScriptのサーバーを経由してInstagramに自動投稿をすることが可能な模様。が、年間49.95ドルを支払わなければならないということなので、当面、ブログとInstagramは切り離して考えることにしました。
iPhoneからWordPressへのブログ投稿には最近は純正のWordPressアプリを使っていますが、写真の共有機能を使えば、いちいちWordPressアプリを立ち上げなくてもブログ投稿ができます。 まずは写真アプリかGoogleフォトから共有ボタンをクリック。 WordPressアイコンをクリック。もちろんWordPressアプリがインストールされていることが前提です。 ダイアログにテキスト入力します。1行目がタイトルに、2行目以降がWordPressの本文になります。 まとめ 本格的なブログ記事は書けませんが、写真とキャプション程度のフォトログであれば、おそらくこの方法が最速でWordPressに投稿する方法ではないかと思います。 なんといってもpostボタンを押してしまえば、バックグラウンドでブログにアップロードしてくれるので、いちいち画像がアップロードするのを待って投稿する必要がありません。ブログに画像がアップされている間に他の作業をすることができます。WordPress使いの方にはおすすめです。
主なアップデートは以下の通り： プラグインやテーマのインストール、更新、削除の進行をよりシンプルに、わかりやすく伝えます。操作は AJAX を使用して実行されます。 管理画面でのシステムフォントの使用 インポート画面の刷新 国際化の改良 リカバリーモードでの信頼性を向上し、また入力中に不完全な URL を検知します。 最新の Unicode 9.0 絵文字がサポートされました。
プラグインのインストール WordPressのプラグイン追加から「Custom Facebook Feed」を検索しインストールします。 Facebook IDを調べる フィードを表示したいFacebookページに移動しAboutからプロフィールページを表示してURLをコピーします。 URLをコピーするのはフィードページではなくAboutページです。私はここでハマってしまいプロフィールページではなくフィードのページをコピーするのだと勘違いし、Facebook IDを取得するのに手こずりました。 Find your Facebook IDに移動し、さきほどコピーしたURLをペーストします。 Find Numeric IDボタンをクリックすると以下の様な画面が表示されてIDが取得出来ます。このIDをコピー。 Custom Facebook Feedを設定 WordPressのCustom Facebook Feedプラグインの設定画面に移動します。さきほどコピーしたFacebook IDをペースト。 Settingの各種項目を設定します。 PageにFacebookフィードを設定 Facebookフィードを表示させたい場所にショートコード [custom-facebook-feed]を入力すると、この位置にFeedを表示させることが出来ます。 Facebook IDを取得するのに手こずりましたが、取得さえしてしまえば簡単です。
現状 ニッチな情報で恐縮ですが、WordPress+WooCommerceを使って「地区ごとに配送費用を変えたい」という要望があったのですが、現在のWooCommerceではFlat Shipping Rateでは単一の配達費を設定することができるだけで、選択肢を持たせることができません。例えば、渋谷区と目黒区は無料、新宿区と豊島区は200円、千代田区と台東区は300円、のようにユーザーに地区名を選択してもらって配送費を計算したいということができません。 Woocommerce Shipping Price by Place 有料プラグインWoocommerce Shipping Price by Placeを購入すれば可能なようです（私は以下の方法で解決したので試したわけではありません） 実は以前のWoocommerceでは選択肢の設定が可能であった Flat Shipping Rateに複数の選択肢を持たせることは以前のWooCommerceでは可能であったようです。こちらのYouTubeビデオを見たとき、画面にAdditional Ratesという項目がありますが最新版のWooCommerceではこの項目がなくなってしまっています。 Flat Shipping RateはFlatだからFlat Shipping Rate この辺りの経緯を探ってみますと、WordPressサイト内に詳しくスレッドが立っていました： [resolved] Flat Rate Shipping does not have additional options segment (30 posts) 開発者の言い分はFlat Shipping Rateはフラットだからフラットなのであって、選択肢が選べるようになるとフラットでなくなるという言い分のようです。主張は理解できますが現状のWooCommerceではこのあたりの設定が難しい点でもあります。特にベトナムのように郵便番号がきちんと整備されていない国では、Zipコードによる配送費の設定が困難です。 スレッドを追ってみますとこの機能はなくなったわけではなく、一般のWordPressユーザーからは見えなくしているだけだということがわかりました。 次の方法で機能を表示させることが可能です： function.phpに次の１行を追加する WordPressの外観＞テーマの編集＞テーマのための関数 でfunction.phpを編集することができます。そこに add_filter( ‘woocommerce_enable_deprecated_additional_flat_rates’, ‘__return_true’ ); の１行を追加すると、Additional Ratesを追加するための入力欄が表示されて機能を使うことができるようになります。 地域ごとに配達費を変更してユーザーに選ばせることができるようになりました。
workflowのアプリを開発するため、2時間ほどサイゴンの自宅からこのブログに何度もテスト投稿したところ、突然サーバーに一切アクセスできなくなってしまいました。 携帯電話からはアクセスできるのでこのブログはモバイルから投稿しています。 おそらくhetemlサーバーが海外からの不正アクセスと認識してうちのIPからのアクセスをブロックしているものと思われます。 とりあえずサポートにメールをしましたが、多分月曜日まで自宅から自分のウェブサイトにアクセスできないと言う情けない状況です。 2016-01-31 13:40:50 追記 hetemlから連絡があって私の自宅のIPアドレスをホワイトリストに登録してくれたそうで、今は問題なく繋がっています。
当サイトを開始したのが昨年12月8日ですので１ヶ月と20日がたちました。1日平均で５〜６本のブログをアップしているのですが、300本を超えたあたりからGoogle検索経由のアクセスが増えてきました。グラフはGoogle WEBマスターツールを利用してGoogle検索から流入したアクセスのグラフです。 じっくり推敲しながらきちんとした記事を書くという方法もありますが、このブログのスタイルは現場でリアルタイムにブログ化するというものです。いわばライフログのブログ化です。 最近始めたのはニュースサイトの記事をブログ化すること。これはいわば読んだ記事のブックマークのようなものですが、１行でも自分の感想やコメントを入れるようにしています。 アクセス数を得るにはコンテンツの質も重要ですが、コンテンツ量も重要なのだと思います。
最近ホームページのデザインを変更したことで画像と一度に表示する投稿件数が多くなり、表示速度が遅くなってきました。そこでWP Super Cacheを導入しました。 動的なWordPressサイトをサーバー側で静的ファイルとしてキャッシングすることで表示速度を速くするというプラグインです。 評価は５と１とに２分されていて賛否両論のプラグインですし、ほんとうは怖いWP Super Cacheの話のようにキャッシング化することのデメリットもあるのですが、個人情報ブログでECでもSNSでもなければメリットの方が大きいと判断しました。 特に回線の弱いベトナムの3Gアクセスでは効果はてきめんです。WordPressでサイトを作ったが読み込みが遅いという人は試してみてはどうでしょうか。
Visualogのページでは過去ブログのサムネイルを並べています。こうしてみると自分がどのようなことをやり、どのようなことに興味を持ったかがわかって面白いし過去を振り返る役にも立ちます。 KLEOテンプレートのLazy Loading機能を入れました。画面をスクロールすると自動的に過去ブログがスクロールされます。スクロールして古いブログが順次表示されていくのを見るとタイムマシンのようです。 ブログのライフログ化に一歩近づきました。
Kristina Alexanderson via Compfight ブログを作成しているとちょっとしたイメージ写真を使いたいという時があります。Google Photoで検索するのが手軽なのですが、検索された画像を勝手に使用するのは著作権法に違反する可能性があります。 そんな時に便利なプラグインがComfight。 WordPressプラグインを導入すると投稿画面の上部にCompfightのボタンが表示されます。 ボタンをクリックして検索窓にキーワードを入れるとFlickrからCreative Commonsの画像を検索して表示してくれます。 この投稿ページもCompfightを使って作成しましたが、自動的に著作権表示をしてくれるのも便利です。ブログをセンスの良い画像で彩りたいと考えている方にお勧めします。
ブログ記事が未発表分も含めて300本近くになってきました。最初の投稿が12月8日なので、約１ヶ月半で300本とまずまずの投稿です。 ブログを書こうとすると精神的なハードルが高いのですが、Tweetだと思えば気楽に更新ができます。写真を撮る、（Siriで）記事を書く、投稿するの一連の流れを自動化することで気楽に投稿が可能です。だいたい１分から２分で記事作成したいます。もっと自動化を進めて簡単に早く更新ができるようにしたいと思います。ノウハウを見つけたらここで公開します。 さて、投稿件数が増えてきたので、これまでの投稿順にポストが並んでいるホームページデザインを修正して、カテゴリ毎に投稿が並ぶデザインに修正しました。先頭にはカテゴリに関係なく最新５本の記事が並び、そのあと５ジャンルのカテゴリーが並びます。 海外生活（海外生活をより楽しくするTIPS&日記） ベトナムなう！（ベトナムのメディアに登場した気になるニュースをクリップ！） 仕事＆パーソナルに役立てるIT（仕事＆パーソナルに役立つIT活用情報） ベトナムローカルフード（歩いて見つけたうまいベトナムローカルフード） 今日コレ聴いた（クラシック音楽初心者が聴くYouTubeクラシック） 各カテゴリにはサブカテゴリーがありますので、その辺の見せ方を少し工夫したいと思っています。
いまだに3Gのベトナムではモバイルからのブログ更新に時間がかかってしまいます。これまでWirdPress純正のiOSアプリを使ってきましたが、最近Press Syncに乗り換えました！ Press Syncが勝っている点は以下の通りです。 画像レスポンスが早い あらかじめ掲載する写真はサーバー側にアップしておくのですが、WordPressアプリから写真を選択した時、もう一度ダウンロードしているのではないかと思うほど画像選択に時間がかかってしまいます。Press Syncはいったんサーバーに上がった画像の選択はストレスがありません。 drafts 4と相性が良い Press SyncはURLスキームが公開されているので、Drafts 4で作成した記事をストレスなく引き渡すことができます。Drafts4からPress Syncに記事を引き渡すURLスキームは以下の通りです: presssync:///newPost?content=[[draft]] 日本語のハンドリング 日本人作成のアプリなので日本語のハンドリングに問題はありません。WordPressアプリは時々日本語の入力が不安定です。
昨年12月8日スタートした当ブログも記事数が273になりました。 そろそろカテゴリーやタグについて整理をしていかなければいけないと思っているのですが、まずはこれまでトップページに表示していたタグクラウドをやめて、タグページを独立させました。 タグページ：http://bit.ly/1nztTau 索引のようなものができないかと思っていたところ、丁度良いWordPressプラグインを見つけました。 Multi-column Tag Map 実際は上のタグページを見ていただければイメージがつかめると思います。 こうして見渡すと、タグが重複していたり、同じようなキーワードがあったりと編集が必要だと認識しています。
