wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

WordPress屋のマルチメディアコンテンツ制作読んどけ☆コラム

【WordPress2019公式テーマ】Twenty Nineteenってどう?→文字デカすぎ&PCも1カラムは難点・ブロックエディタとの親和性はok

      2019/06/03

こんにちは、管理人@SS_mshpです。

今回は、WordPressバージョン5以上に更新したら勝手についてきた、2019公式テーマ『Twenty Nineteen』について、表示のしかたやカスタマイズなどをチェックしていきます。

個人的には海外ディベロッパーテーマや自作改造テーマなどでどうにかなってしまったので、公式テーマはほとんどつかいませんでしたが、久々に出てきた感じもあり、せっかくの機会なので使ってみることにします。これからWordPressを使ってみようという方には、このテーマが基本になるかもしれません。さっそく見ていきましょう。

Twenty Nineteenとは?表示例は?

2019年のデフォルト、ブロックエディタ対応テーマ!

Twenty Nineteenは、2019年版のWordPressデフォルトテーマです。WordPressを最近の最新版にしたり、新規インストールした場合についてくるほか、新規テーマ追加からインストールすることができます。

特徴といえば、公式テーマの伝統であるシンプルさの他に、『ブロックエディターの持つ力を引き立たせるよう設計』という点がアナウンスされています。
具体的には、『エディターでの表示がサイト上の表示と同じになる』などです。詳しくは公式ページなどもご覧ください。

■Twenty Nineteen(公式ページ)
https://ja.wordpress.org/themes/twentynineteen/

表示例(PCなどの横長デバイス/スマートフォン縦長)

ではさっそく、PCなどの横長デバイス/スマートフォン縦長で、レイアウト・表示を確認してみましょう(このぶろぐで確認)。

PC表示してみました。デフォ状態だと『サムネ&抜粋クリックで記事表示』ではなく、『記事全文が常に表示されている状態』なので、スクロールが多くてちょっと大変かなと思いました。あと、タイトルやアイキャッチ画像が大きいかなという印象。また、オーバーレイでアイキャッチに色がつくようです。


PCで下までスクロールしてみたところ。ウィジェットは下部だけ(サイドなし)の、PCも強制1カラムレイアウトのようです。サイドカラムで検索やカテゴリ・タグをチェックする派のユーザーには使いにくそうですが、スマホ慣れしている方には大丈夫でしょう・・たぶん(笑)


スマホ縦長レイアウトの場合はこんな感じ。『PCでも強制的に1カラム』があまり気になりません。とはいえ、タイトル&ディスクリプションの表示あたりは、cssなどでフォント調整や、ロゴを入れるなど工夫したいところ。

Twenty Nineteenの利点は?

デザインおよびカスタマイズ項目がシンプル


ちょっとPCメインに使うユーザーには厳しそうなことを書いてしまいましたが、利点もあります。それは『デザインおよびカスタマイズ項目がシンプル』。メインのカラー変更とか・・・


ウィジェットの数も少ないから設定が簡単です。とりあえず『レイアウトで試行錯誤する時間があったら記事を投下したい』ときにもよいでしょう。

ブロックエディタとの親和性


次のポイントはこのブロックエディタです。カラム数の関係により、このエディタ上の表示と、公開後の表示がほぼ同じになるというメリットが。一言でたとえると『精度の高いプレビューモード』ってところでしょうか。いちいち公開→表示確認をくりかえさなくてもよくなりそうです。

あとがき・まとめ

  • Twenty Nineteenは2019年版のWordPress公式デフォルトテーマ
  • シンプルなデザイン・操作性&ブロックエディタとの親和性が高い
  • PCも強制1カラムや、一覧ページでの記事全文表示、文字サイズなどは変更の余地あり

簡単にまとめるとこんなところでしょうか。すごい派手な機能というのはないけれど、ブロックエディタでシームレスに確認しながら記事を書きたい方には非常に適したテーマです。PC/SPでレイアウト変動するタイプのサイトにしたい場合は、2カラムレスポンシブのテーマを改造したほうが、工程が少なくなりそうです。

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - webサイト制作, webメディア制作・運用 【タグ】 -

  関連記事

【PHP】GD・ImageFilterで、画像の色合いを変えてみる

今回は、管理人がPHPプログラムについて学習していて、やってみた事柄を紹 …

侍エンジニア塾ブログにあったPHPコードをシンプルに書いてみる(foreachで配列キーや値取得・continueで空要素スキップ)

今回は、(自分もまだプログラム学習中の身ですが)よくある『プログラム学習 …

WordPressでヒーローヘッダーを実装できる、カッコいいテーマ・Exoplanet(無料版・有料pro版あり)レビュー・カスタマイザー設定のしかた

今回は、テーマを使って、WordPressでヒーローヘッダーを取り入れた …

Yahoo!ジオシティーズ・MyStoreが2019年3月末に終了、移行・新サーバーへの転送はできるの?

今回は、歴史の長い有名なホームページホスティングサービスが終了するという …

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単

今回は、管理人も別サイトで使ってみた、無料WordPressテーマを紹介 …

【PHPでWPカスタマイズ】プラグイン不使用で、テーマに関連記事表示機能を実装しPV・滞在時間を上げる

今回は、サイトをしっかり見てもらうために、『WordPressサイトに、 …

PHP・shuffleやarrayを使った、画像ランダム表示方法~メインビジュアルやバナー・テキストにも利用可能

今回は、以前お取引先のスクールの担当者さまと、『サイトのメインビジュアル …

【wordpress webサイト制作・新プランご案内】初期構築費用無料の、月額顧問契約プラン(変更・更新・記事追加など無制限で対応

今回は、管理人が行っているお仕事(ワードプレスサイト制作サービス)で、よ …

wordpress構成ファイルのxmlrpc.phpを無効化する方法【実は攻撃されやすい】

今回は、wordpressの構成ファイルで、ちょっとクセのある『xmlr …

【別に止めなくてOK】wordpressサイトなどに、アメブロ・fc2など無料ブログの更新情報を表示して連携する方法

今回は、『無料ブログにすべきかwordpressにすべきか』という疑問に …

【wordpressカスタマイズ】llorix_oneなどビジネストップ1カラムテーマで、カスタマイザーで入らない動画・オーディオを入れる

今回は、人気の海外ディベロッパーのwordpressテーマで、動画やオー …

【WPカスタマイズ】子テーマさえ入れとけば大丈夫?なわけねーだろ!(親テーマに手を入れる・ファイルコピー適応させる羽目になる事例)

今回は、推奨されてるWPの子テーマについてですが、『結局親テーマいじる羽 …