東北・仙台市拠点のwordpressエバンジェリストが送る、 動画・webサイト制作・wpプラグイン・SNS活用・bgmやテーマ曲アレンジまで考えるコラム!

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

【WPテーマ】カフェ・サロンなどにも合いそうなシンプルスタイリッシュ系stride lite

   

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

今回は、ワードプレスの無料テーマで、業種的にはカフェやサロンなどにあいそうなテーマを見つけたので、使ってみたいと思います。

名前的には軽そうな感じがします。テーマ公式の説明を訳して特長をつかんでみたり、実際にこのテーマで表示例を確認してみたりしたいと思います。

■stride liteって、どんなWPテーマ?

まずは、テーマの公式ページで、説明をみて訳してみましょう。

『(公式ページより引用)Theme Description
Stride lite is a clean, modern and fully responsive WordPress Personal Blog theme built using Bootstrap 3 which makes it optimized for tablets and mobile.』

適当に訳すと、『Stride liteは、きれいめモダンな、完全レスポンシブのワードプレス個人向けブログテーマ。bootstrap3(CSSのフレームワーク)で構築されているから、タブレットやモバイルの端末にも最適化されてるよ』とのことです。

■ライセンス: GNU General Public License v2 or later
■Theme URL(テーマ公式ページ): https://wp-themes.com/stride-lite

■サイトをStride liteで表示してみた例や特長

■サイト表示してみた例

このサイト(よんどけコラム)に、普段使っている『昔のstinger改造版』ではなく、『Stride lite』で表示してみました。IT系の話題に合うかは微妙ですが、もともとのテーマが落ち着いてスタイリッシュなので、あまり改造しなくても良さそうです。カフェとかサロンには良さそう。

ポイントは『サムネ写真横幅をそろえるか中央配置』『サイトタイトルは大きい文字ではなく、ロゴのほうがベター』『メニューの数は増やしすぎない』といったところでしょうか。

■ボックスを並べるグリッドレイアウトがやりやすい

CSSの中に、bootstrapがありました。bootstrapベースということもあり、colクラスなどを使ったボックス配置・レイアウト変更などが(クセを覚えていれば)やりやすい印象がありました。

このサイトの過去記事『bootstrapのcolクラスをとphp関数を使って、3列レイアウトとブログ2カラムを切り替える』も読んでみてください。
https://sounds-stella.jp/music-creation/archives/5145

■ページ表示速度は?

liteって書いてあったから、表示動作も軽いかと思って、pagespeed insightで表示速度を調査してみました。結果は『sp:64/pc:70』です。軽量化チューニングしたものにはかなわないけど、デフォルト状態としては、そこそこ良い感じだと思います(中にはsp:40みたいなテーマもあるので)。

■あとがき・まとめ

そこまで有名なテーマではなかったけど、落ち着いていて上品な感じにできるテーマでした。構成ファイルもシンプルめだったので、改造・チューニングもやりやすそうです。bootstrapに慣れている方なら、レイアウト変更などもサクッとできるかと思います。



【カテゴリ】 - webサイト制作 【タグ】 - ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

ワードプレス派が覚えると便利なPHP~投稿記事・固定ページ指定して表示/非表示

今回はワードプレスサイト制作で使えるテクニックです。 PHPで使う条件分岐&ワードプレスタグを組み合わせて、投稿ページ/固定ページで表示/非表示を行っ …

オウンドメディア&コーポレートサイトを、1サーバー1ドメインで構築する手順

今回は、ワードプレスなどを使って、汎用性のある複数サイト組み合わせを行います。 その組み合わせは『コーポレートサイト&オウンドメディア』。早速、サーバー設定や企 …

CSSを限界圧縮してヘッダーに書くと、表示速度は速くなるの?(fc2ぶろぐで実験)

今回は、サイトを高速表示するCSSの書き方についてです。 管理人が昔使ってたfc2ぶろぐがあったので(fc2は外部ファイル読み込み・ヘッダーに書く、両方できる) …

スクロール後に変な位置に移動するタイトルをcssのpositionで直す(wp rootstrapテーマ)

今回は、管理人がワードプレスサイト作ってる時に、要素が変な位置に移動してしまうという症状が発生したので、それにCSSの修正で対処してみます。 元のテーマは『wp …

ワードプレスで画面真っ白で積んだとき、データベースから記事データを抜いて復旧

今回は、ワードプレスで、画面真っ白でどうしようもなくなったときの復旧方法です。 前回は『テーマインストール時にエラーが発生したときの復旧』でしたが、今回はさらに …

スマホページ高速表示のための、CSS圧縮方法まとめ

今回は、読み込み速度を速くしてwebページ(特にスマホ版)を高速表示するために、CSSをエディットしてみます。 絵はぱくたそさんからお借りしました。なぜCSSの …

fc2ブログでSSL対応開始!設定方法や注意点をチェック!

今回は、管理人も使っている大手ブログサービス(fc2)で、ブログ本体もSSL暗号化接続が可能になったのでやってみます。 社会的信用はいまいちだけど(fc2動画の …

【ワードプレスサイト高速化プラグイン】Speed Up-JavaScript To Footerで、表示速度を速くする方法

今回は、ワードプレスサイトの使い勝手(読者から見た)を向上させるプラグインを紹介いたします。 一般的には重いとされるワードプレスサイトで、表示速度対策は必須です …

ワードプレスの子テーマって、なぜ必要なの?

今回は、ワードプレスサイトを作るときにたまに話題になる『子テーマ』について取り上げます。 『必要だ』といわれていますが、どんなときに必要か・子テーマを入れないこ …

ワードプレスの『AllinOne SEOPack』って、なぜ・どんな仕組みで検索に強くなるの?

今回は、ワードプレスの検索エンジン最適化用プラグインが、どんな仕組みで検索に強くなるのかを調べます。 All in One SEO Packというと、Yoast …