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

   

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

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

      2018/03/31

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

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

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

テーマをインストールして表示させてみました。大きく広がるウォールストリートの画像がカッコいい感じです(差し替え可)。snsのリンクなども載せるところがあるので使いやすそうです。wpのテーマ紹介ページにでてくるのは『フリー版』で、機能が制限されています。

有料版はディベロッパー公式サイトで$59で売っており、『スライダー』や『お客様の声・取引先セクション・topお問い合わせ』などのセクションが標準で使えるなど、機能が拡張されています。

(wordpressテーマ詳細ページ)
https://ja.wordpress.org/themes/wallstreet/

(ディベロッパーオフィシャル・英語)
https://webriti.com/wallstreet/

■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列』といっぱいあるので、うまく使いこなしてみてください。

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

【カテゴリ】 - おすすめwordpressテーマ 【タグ】 - ,

Message

メールアドレスが公開されることはありません。

  関連記事

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

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

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

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

【音楽サービス・バンド向けwpテーマ】元バンドマンのweb開発者が、WordPressテーマ『Rock Star』をレビュー

今回は、ネーミング的に音楽サービス・バンドなどに使えそうなWordPre …

【企業コーポレートサイト向けwpテーマ】Llorix One Liteが会社サイトに使える、4つの理由

今回は、海外wordpressのテーマで『企業コーポレートサイトに使えそ …

【WPテーマ・飲食向け】restaurant&cafeをカスタマイズして、カフェぽいサイトにしてみる

今回はwordpressサイトで、飲食向けっぽいテーマを試してみます。 …

wordpressをインスタ風クールな写真サイトできるテーマ・For the future使ってみた

今回は、インスタグラムみたいな写真メインのレイアウトを、wordpres …

ビジネスおススメテンプレート(WPテーマ)~シャープな落ち着いたデザイン&豊富なカスタマイズ機能の『PERTH』

今回は、管理人がワードプレスのサイトを作っているときに、テーマを研究して …

超カッコいいサイトテンプレート(WPテーマ)・Hestia~印象的なトップページのセッティング

今回は、管理人が適当に検索してて発見した、wordpress用テーマを使 …

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

今回は、ワードプレスの無料テーマで、業種的にはカフェやサロンなどにあいそ …

【オリジナルワードプレスサイト制作】カスタマイズ向けのシンプルなスターターテーマ紹介

今回は、ワードプレスサイト制作で、オリジナルデザインにカスタマイズすると …