WordPress メモ

wordpress
Simple Share Buttons Adder これは設定で最初の方にどのシェアーボタンを選んで その設置したい箇所に設置してできるタイプでした。
PHPのほうで記述する場合を模索するとPHPの方で
<?php echo do_shortcode(‘[ssba]’); ?>

この記述をする事によって自分が設定で選んだシェアボタンを設置する事が出来ました。

もっと面白いアイデアのプラグインがあったので色々試したいです。

Google マイマップがすごく便利

20151228-pict01

デジタルドリームワークスから比嘉です。

恥ずかしながらGoogle マイマップというサービスがあるのをこの間、発見。
少し触ってみましたが、すごく便利。機能としては以下のような感じ。

・地図を作成
・地図上にライン、シェイプ、目印を描画
・住所、場所の名前、経度と緯度の座標などの地理データをインポート
・レイヤで地図を整理して、さまざまなコンテンツを表示、非表示
・さまざまな色、目印のアイコン、ラインの太さを活用して、コンテンツのスタイルを設定

マイマップより引用

自分の好きな場所にマーカーを記したマップ(複数のマーカーを付与出来る!!)が手軽に作成出来ます。

弊社でもWordpressの投稿をマップでマーカー表示したりすることがありますが、これを使えばかなり便利に導入出来ますね。
外部サービスを利用すると表示や機能の制約は避けられませんが、コストを抑えたい場合や手軽に導入したい場合に便利かもしれません。

情報の間違いやこんな使い方ができますよなど情報がありましたらコメントいただけると嬉しいです。
よろしくお願い致します!

AMP(Accelerated Mobile Pages)の今後に注目!

googlelogo_color_284x96dp.fw

デジタルドリームワークスから比嘉です。
さっとネットサーフィンしていたら興味深い記事が海外SEO情報ブログさんにあったのでメモ…

Google社員がアドバイスする2016年取り組むべきSEOの秘訣
https://www.suzukikenichi.com/blog/seo-tips-for-2016/

この記事に出てくる「AMP」です。

—–

AMPは、Accelerated Mobile Pages (アクセラレイティッド・モバイル・ページ)の略で、モバイル端末でのウェブページの表示を高速化するためのプロジェクト。
GoogleとTwitterが協同して策定したプロジェクトで、その他30社ほどがパートナーとして参加しているとのこと。
モバイルではページの読み込みなどに時間がかかることが多いですが、それを最適化ようという試みのようです。
—–

AMPの実装は、AMP HTML フレームワークに沿ってマークアップしていきます。
AMPの仕様が公開されています。
https://github.com/ampproject/amphtml

主な特徴としては、
・HTML+CSSが基本だけれど、独自の書き方やHTML要素やCSSセレクタの一部に制限
・JavaScriptは使わず、AMPから提供されるものを使用

ページ表示の高速化がされることと、実装しているページはモバイル検索でピックアップしてくれるようです。

デモ(モバイルでアクセス)
https://www.google.com/webhp?esrch=AcceleratedMobilePages::Preview,AcceleratedMobilePagesDesktop::Promo&gws_rd=cr&ei=PnkVVvONIaeomgXh4ouACg&hl=en&pws=0&gl=US

———

———

高速化されるのはすごく良いことだと思いましたが、気になる点もあります。
特にサーバーのキャッシュを利用して高速化するようなので、「実際のページアクセスは残らない」という点。
アクセス解析などはどうなるのか。今後の動向に注目したいところです。

個人的な考えですが、
本体サイトとAMP実装ページは別物として分けて制作。
AMP実装ページから本体サイトに誘導する流れをとっていくのかな。と思ったりもしています。

今年、モバイルフレンドリーの対応がすごい勢いでされてきました。
弊社でもレスポンシブデザインを取り入れ、モバイル対応のサイトを制作してきました。
AMPは新しいモバイル技術として普及するのか。そうなる前にもう少し深く勉強していきます。
情報違いやその他ありましたら、ぜひコメントください!

Twitterトレンド、日本語を提供開始

Twitterトレンドは、“今現在”“多くの人が”ツイートしている単語をリアルタイムで自動的に抽出する機能。
あるトピックがリアルタイムに世界を駆け巡っていることを知るのは楽しいことですし、トレンドの表示機能は、これらのトピックのうちいったいどれが世界で最も注目されているか知ることを助けます。
Twiter トレンド

AdobeのHTML5&CSS3入門

Interet Exploere 9やFireFox 4がリリースされたり、HTML5への移行が進みつつありますが、作成するソフトであるDreamWeaverで早くHTML5を習得したいと思っているのですが、日常の業務と並行しながら勉強したいと思っています。

そこで、Adobeが提供している、Dreamweaverデベロッパーセンターで学びたいです。

adobe dreamweaver