• AMP
    WordPress,  仕事

    モバイルサイト最適化。

    スポンサーリンク

    WordPressのVisual Portfolioで画像ギャラリーを作り替えたら若干見やすくなったが、モバイルサイトのパフォーマンスはあまり上がらない。画像の多いポートフォリオサイトはそんなにサクサクとはいかないかもしれないが、改善策を探していたらJetpackのダッシュボード内にAMPというプラグインを目にした。PC、モバイルサイトの最適化を行うらしい。

    インストールするとダッシュボードに設定画面が現れる。モバイル版でデザインテーマを選択し設定。使う機能を最小限にして、サイトの容量を軽減し、ビジターの閲覧しやすい状態にする。

    PCのデザインテーマでもモバイルで表示できるが、ページの読込速度が遅くてストレスがかかる場合は、最下部の「モバイルバージョンへ移動」を押下すると、AMPで設定したモバイルサイトに切り替わる。デザインはシンプルになるが、ページの速度が速くなり、スムーズに閲覧することができる。


    TOMOMI SATO
    ————————————————-
    【Official Site】https://www.ts-artworks.com/
    【Art Shop】https://artworks2017.thebase.in/
    【Facebook】https://www.facebook.com/t.sato.artworks/
    【Instagram】https://www.instagram.com/tomomiart8425/
    【Blog】https://tomomiart.tokyo
    【E-mail】tommys1970@ab.auone-net.jp

    スポンサーリンク
  • WordPress,  仕事

    Visual Portfolio

    スポンサーリンク

    スマートフォンで私の公式サイトを見たら、ギャラリーに載せている画像の読み込みが遅くてパフォーマンスが悪くなっていることに気づいた。Visual Portfolioというプラグインを使うと、見やすいギャラリーが簡単に作れるというので試してみた。

    インストールするとプラグインのコンテンツとドキュメント(説明書)がダッシュボードに表示されるのだが、編集ツールが説明書通りに表示されないし、どう作っていいかわからなかった。ギブアップして他の方法で作ろうと思ったところ、ブロックツールの中に「Tiles」というギャラリーっぽいアイコンがあったので、それを試したら、無事ギャラリーを作ることができた。
    正方形にトリミングされた画像がタイルのように並んで、クリックすると拡大画像が現れ、両端の矢印を押すと画像がスライドするようになっている。
    ほかにも、ギャラリーらしきアイコンがあったが、とりあえず読み込み速度が速くなったので問題ないだろう。

    今記事を書いているブログサイトにはVisual Portfolioをインストールしていないので、 Tiles アイコンが表示されていない。
    説明書に書いていないことも、実際に手を動かして、徐々にわかっていく。

    TOMOMI SATO
    【Official Site】https://www.ts-artworks.com/
    【Art Shop】https://artworks2017.thebase.in/
    【Facebook】https://www.facebook.com/t.sato.artworks/
    【Instagram】https://www.instagram.com/tomomiart8425/
    【Blog】https://tomomiart.tokyo
    【E-mail】tommys1970@ab.auone-net.jp

    スポンサーリンク
  • 佐藤智美ARTWORKS
    WordPress,  仕事

    ポートフォリオサイト完成しました!

    スポンサーリンク

    公式サイトが完成しました。
    トップページのインパクトもあり、作品もすっきり見やすくなっていると思います。
    https://www.ts-artworks.com

    WordPressのデザインテーマはすごいですね。エディターもっと使いこなしたい!
    こちらには、作品や展覧会、ムービーなど、主にアート系の情報を更新していきます。
    気を新たにして頑張りますね!

    TOMOMI SATO
    【Official Site】https://www.ts-artworks.com
    【Art Shop】https://artworks2017.thebase.in
    【Facebook】https://www.facebook.com/t.sato.artworks
    【Instagram】https://www.instagram.com/tomomiart8425
    【Blog】https://tomomiart.tokyo
    【E-mail】tommys1970@ab.auone-net.jp

    スポンサーリンク