webコンテンツを徹底強化!WordPressサイト制作とプラグイン&テーマ情報・メンテ/エラー対応から、PHP/CSS/javascript、動画・音・イラスト等制作まで扱うコラム
マルチメディアコンテンツ制作読んどけ☆コラム

ビジネス・会社サイト向けテンプレート(WPテーマ)Wallstreet~カスタマイズ項目豊富・くるくるウィジェット・子テーマなど

      2021/03/02

ビジネス・会社サイト向けテンプレート(WPテーマ)Wallstreet

今回は、wordpressの海外テーマで、かなりよい感じのものを見つけたので使ってみたいとおもいます。 機能的には『カスタマイズ項目が多い・snsリンク載せやすい・くるくるウィジェット・子テーマ自動インストール・bootstrapでレイアウトが下層で2列に変わる』といった感じです。さっそく使ってみましょう。

WPテーマ・Wallstreetとは?フリー版・有料版とかあるの?

WPテーマ・Wallstreetについて

テーマをインストールして表示させてみました。法人、企業、法律事務所、デジタルメディアエージェンシー、建築会社などに向けて設計したということで、大きく広がるウォールストリートの画像がカッコいい感じです(差し替え可)。snsのリンクなども載せるところがあるので使いやすそうです。wpのテーマ紹介ページにでてくるのは『フリー版・Wallstreet lite』で、機能が制限されています。

とはいえ、ある程度PHPファイルやbootstrapを弄れる人には問題なし(改造できるので)。

Wallstreet pro(有料版)

有料版・Wallstreet proはディベロッパー公式サイトで$59で売っており、『スライダー』や『お客様の声・取引先セクション・topお問い合わせ』などのセクションが標準で使えるなど、機能が拡張されています。 そのほか『1 year Support Access/Theme Updates』などのサポート体制があります。ただし、海外メーカーなので、サポセンは英語問い合わせになりそうです。

WPテーマ・Wallstreetの機能・特徴は?

豊富なカスタマイザー機能

WPテーマ・Wallstreet 豊富なカスタマイザー機能 このテーマも、管理画面の『カスタマイズ』から、ある程度の設定ができてしまいます。ソーシャルリンク(sns)や、トップ画像&キャッチフレーズ・サービスやポートフォリオの写真選択もできます。

マウスオーバーでくるくる回るウィジェット(CSS3)

マウスオーバーでくるくる回るウィジェット(CSS3) エフェクトみたいな効果も標準装備。サービスセクションの写真にマウスを載せるとくるくる回ります。これはjavascriptとかでなくてCSS3で書かれていて、コードはシンプルです。こんな感じ。

.service-box1 img { border-radius: 100%; height: 125px; margin: 0 auto 16px; transition: all 600ms ease-out 0s; width: 125px;} .service-effect:hover .service-box img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }

四角い画像のボーダーradius: 100%;で丸くして、マウスオーバー(hover)したときにtransform: rotate(回転)360度、transitionプロパティで時間0.6秒でゆっくり効果が消え、遅延なしというかたちです

子テーマを自動でインストールしてくれる

子テーマを自動でインストール このテーマを入れると、子テーマ『Bluestreet』がついてきます(自動)。『トップページの文字がデカ過ぎる』などのときは、BluestreetのCSSに『.slide-text-bg2 h1{font-size:30px;}』(小さい数字)とか書いてもokです。テーマをバージョンアップする場合は、子テーマのほうにカスタマイズ内容を書くことが推奨されています(消えるから)。

下層ページはbootstrapがブログみたいに2列にしてくれる

下層ページはbootstrapがブログみたいに2列に フレームワークのbootstrap.css?ver=4.9.4が使われていました。分け方は『全体col-md-12・記事col-md-8・サイドcol-md-4』です。 これで、ブログみたいに2列にしてくれます。取引に関するページだけでなく、見込み顧客の課題解決をどんどんブログで伝えて、検索やソーシャルメディアでの流入を増やしましょう。

あとがき・まとめ

ちょっとビジネスや金融・会社サイト向きでしたが、色やロゴ・背景などでファンシーにしたりしても良さそうです。機能が『ソーシャルリンク(sns)や、トップ画像&キャッチフレーズ・サービスやポートフォリオの写真選択・くるくる回るウィジェット・子テーマ・下層ページ2列』といっぱいあるので、うまく使いこなしてみてください。


【カテゴリ】 - wordpressテーマ情報
【タグ】 - ,

  関連記事

【WordPress】コーポレート&ブログ併設向きの、固定ページ1カラム・投稿2カラムレイアウトを切り替えるテーマ

今回は、このサイト(マルチメディアコンテンツ制作 読んどけコラム ...

Twenty Twenty-Oneの表示のしかた・速度・機能・カスタマイズ方法などを徹底チェック【WordPress5.6テーマ】

今回は、2020年12月8日にWordPressが5.6にアップ ...

【お洒落1ページ型無料WPテーマ】onepressを使ってみてレビュー・特徴やカスタマイズ時のポイント

今回は、WPテーマを調査していて見つけた、良い感じの1ページ型テ ...

WordPress 5.3からついてくる2020基本テーマ『Twenty Twenty』、表示の仕方・速度・カスタマイズ方法などを徹底チェック

今回は、2019年11月12日にリリースされたWordPress ...

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

今回は、WordPressバージョン5以上に更新したら勝手につい ...

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

今回は、テーマを使って、WordPressでヒーローヘッダーを取 ...

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

今回は、管理人も別サイトで使ってみた、無料WordPressテー ...