Facebook
RSS Feed
Blog
Mar 20, 2017|お知らせ

3月13日〜19日のWPテーマ人気ランキング

こんにちは!
2017年3月13日〜19日のワードプレステンプレート人気ランキングです。
購入していただいた皆様、ありがとうございます!

では、さっそく、第3位から!

第3位「Vanilla City (¥9,999)」

第3位はバニラシティー。
パソコン、スマホ、タブレットに自動最適化するレスポンシブwebデザイン対応テーマ。

ブログやWEBマガジン、アフィエリエイト用サイトに特化したテンプレートです。
とってもシンプル&ミニマルなデザインなので、どんな内容にも合うし、
他の人とかぶって恥ずかしい!という心配もあまりありません。

読者の導線を考えたレイアウト、サイト内の巡回のしやすさを考えた関連記事の表示、
また広告クリックのされやすさなんかも考えて、
必要なところにはあらかじめウィジェットが仕込んでありますので、
余計なことを考えずにコンテンツ作成に集中出来ると思います。

シンプル&ミニマルに使うのもおしゃれだし、がっつりカスタマイズするのもいいし、
アイデア次第で個人サイトから企業サイトまで幅広く使える便利にWordPressテーマです。

テンプレートの詳細とデモを見る >

 


続きを読む >

Posted in お知らせComments Closed 

 

【アップデート情報】販売中の全テーマ対象にコードの修正を行いました(Ver.20170317)

Minimal WPテーマのご利用ありがとうございます。
全テーマ対象に、コードの修正をするアップデートを行ないました。
2017年3月17日15:30以降のダウンロードファイルは修正済みです。

今回の変更点は1点のみです。
サイドバーの新着記事のコードを若干修正しました。
これを行なわなくても特に問題はありませんが、
例えばサイドバーにループを複数使ったカスタマイズをしようとする場合や、
サイドバーを左カラム、本文を右カラムに入れ替える等の大幅なカスタマイズを行なう時に、
ループの不具合が出にくくする修正です。

サイドバーの新着記事のコード修正

ダッシュボード>外観>テーマ編集>サイドバー(sidebar.php)

<修正前>

<修正後>

一番最後の<?php endif; ?>の次の行に、以下の一文を追加して、
<?php query_posts(); ?>がここでクリアされるようにしました。

作業内容は上記の1行を追加するだけです。

以上です。

*作業をする時はバックアップを忘れずに!

*本日、2017年3月17日15:30以降のダウンロードファイルは修正済みです。

Posted in アップデート情報Comments Closed 

 

Mar 13, 2017|お知らせ

3月6日〜12日のWPテーマ人気ランキング

こんにちは!
2017年3月6日〜12日のワードプレステンプレート人気ランキングです。
購入していただいた皆様、ありがとうございます!

では、さっそく、第3位から!

第3位「Remember (¥9,999)」

第3位はリメンバー。
パソコン、スマホ、タブレットに自動最適化するレスポンシブwebデザイン対応テーマ。

トップページに新着サムネイル画像がシンプル並ぶ、
ギャラリー・ポートフォリオタイプのテーマです。
写真、イラスト、デザイン等の作品紹介や、商品カタログ紹介等に使いやすいと思います。

記事ページも関連記事表示や広告用のウィジェット等があらかじめ仕込まれていて、
とても使いやすい&読者にも読みやすくなっているので、
シンプルなWEBマガジンとしても使いやすいです。

テーマの詳細とデモを見る >

 


続きを読む >

Posted in お知らせComments Closed 

 

【アップデート情報】Folclore:(再)スマホメニューでドロップダウンが使いやすくなるように動作改善(Ver.20170313)

Minimal WPテーマのご利用ありがとうございます。
2017年3月1日のアップデートで、スマホメニューが使いやすくなるように動作改善しましたが、
Folcloreのみ有効になっていなかったので、再度アップデートしました。
また、他のテーマとのファイル名の統一を行ないました。

2017年3月13日14:00以降のダウンロードファイルは修正済みです。

以下に、変更点をまとめました。

1) jsフォルダをjqueryフォルダにリネーム

FTPでサーバーにログインして、
ドメイン/wp-content/themes/folclore/
の中にある「js」を「jquery」にフォルダ名のみリネームしました。

2) スマホメニューでドロップダウンが使いやすくなるように動作改善(doubletaptogo.jsを使用)

doubletaptogo.jsを配布先サイトからダウンロードして、
jqueryフォルダ(ドメイン/wp-content/themes/folclore/jquery/)にアップロード。
footer.phpの</body>直前に以下を追加。

詳しくはこちらの解説記事をどうぞ
スマホメニューでドロップダウンが使えるようにするカスタマイズ方法 >

以上です。

*作業をする時はバックアップを忘れずに!

*本日、2017年3月13日14:00以降のダウンロードファイルは修正済みです。

Posted in アップデート情報Comments Closed 

 

会社概要などでよく使う、テーブル/表組(レスポンシブデザイン対応)の作成方法

レスポンシブデザインで一番めんどくさいのはテーブル/表組の作成ですよね。
HTML/CSSだけでなんとかする方法から、jQueryを使う方法まで色々な作り方がありますが、
会社概要などでよく使う、もっともシンプルで単純なテーブルを
CSSだけでレスポンシブ対応で作成する例を解説します。

表示サンプル

以下のテーブルは
PCで見る時はよくある「左側:見出し」「右側:内容」っていうテーブルですが、
画面サイズ767pxまでのモバイルでは「上部:見出し」「下部:内容」って言う感じで、
縦並びに自動的にレイアウトが変更されます。
 

会社名 レスポンシブテーブル株式会社
所在地 愛知県名古屋市中区栄0-0-0
電話 052-0000-0000
内容 会社概要などでよく使う、レスポンシブデザインに対応したテーブルの作成

 

HTMLサンプル

投稿画面に入力するHTMLの書き方です。
ごくごく一般的なシンプルなテーブルです。
class=”kaisha”を付けて、次のCSSで調整します。

CSSサンプル

スタイルシート(ダッシュボード>外観>テーマ編集>style.css)に、
以下のCSSを追加します。

こんな感じで、レスポンシブ対応の簡単なテーブルが作成できました。

タブレットでも縦にしたい場合はmax-widht:を959pxとかにするといいかもですね。
色とかボーダーの有無とかのデザインはCSSでお好みに調整してください。
以上です。

*HTML/CSSカスタマイズは無料サポート対象外となりますので、
必ずバックアップを取った上で自己責任でお願いします!
CSSの記述方法は時代で変わるので、上手くいかない場合はGoogleで最新情報を確認で!

Posted in WordPress初心者講座Comments Closed 

 

【アップデート情報】販売中の全テーマ対象にユーザービリティの改善を行いました(Ver.20170309)

Minimal WPテーマのご利用ありがとうございます。
全テーマ対象に、ユーザビリティを改善する細かなアップデートを行ないました。
2017年3月9日16:30以降のダウンロードファイルは修正済みです。

以下に、変更点をまとめました。

1) サイドバーのサイズの微調整(全テーマ)

サイドバーにJPGバナー画像を掲載した時に、
PC版Chromeで見ると、特定の条件で画像がボケることがあるので、
解消する為にサイドバーの幅に小数点が入らないように微調整しました。

スタイルシートの最後の方のレスポンシブ欄のPC部分に、
以下の1行(.sidebar { width: 300px; })を追加します。

<Juliet、MDM (million dollar man)、Suger Suger Baby、Ultra Rocket Manの場合>

2) 投稿ページのHタグのデザインを修正(Juliet、MDM (million dollar man)、Suger Suger Baby、Ultra Rocket Man)

スタイルシートに以下を追加。

3) ヘッダーのサーチフォームを削除(Juliet)

PCのみ表示していたヘッダーのサーチフォームを削除しました。

1)テーマヘッダー (header.php)から以下の部分を削除。

2-1)スタイルシートを調整(padding: 50px 0 10px 0;⇒padding: 50px 0 50px 0;)

<変更前>

<変更後>

2-2)スタイルシートのレスポンシブ欄を調整(margin-top:30px⇒0px)

<変更前>

<変更後>

4) ヘッダーの余白の調整(Vanilla City)

1) スタイルシートの以下の部分を修正(padding: 30px 30px 50px 30px;⇒padding: 0px 30px 50px 30px;)

<変更前>

<変更後>

2) スタイルシートの以下の部分を修正(padding: 30px 30px 50px 30px;⇒padding: 0px 30px 50px 30px;)

<変更前>

<変更後>

3) スタイルシートの以下の部分を修正(padding: 30px 20px 50px 20px;⇒padding: 0px 20px 50px 20px;)

<変更前>

<変更後>

4) スタイルシートの以下の部分を修正(padding: 0px 0px 50px 0px;⇒padding: 30px 0px 50px 0px;)

<変更前>

<変更後>

以上です。

*作業をする時はバックアップを忘れずに!

*本日、2017年3月9日16:30以降のダウンロードファイルは修正済みです。

Posted in アップデート情報Comments Closed 

 

1 2 3 4 5 6 7 266