Facebook
RSS Feed
Blog

WordPress初心者必読!今週のお役立ち記事10選(2016年12月23日編)

IMG_7053

今週一週間に読んだ、WordPress初心者向けお役立ち記事のまとめです。
Minimal WPはワードプレス初心者の方が多く使ってくれてるので、
そういった人に特に参考になりそうな記事を中心にピックアップしました。

簡単にWordPressのローカル環境がつくれるLocal by Flywheelを使ってみた

簡単にWordPressのローカル環境がつくれるLocal by Flywheelを使ってみたと言う記事。ワードプレステーマを使ってサイト運営するならぜひ用意しておきたいローカル環境。いろいろやり方はありますが、これもなかなか簡単に作れるみたいです。

インスタグラムからワードプレスブログに自動投稿させる「Intagrate Lite」はInstagramのパスワードを変更したらデータベースのwp_optionsからも不要なデータを消さないと再ログインできなくなる

InstagramとWordPressを連動させるプラグイン「intagrate Lite」で、ログインできなくなって困った時の解決方法。Instagramのパスワードを変更したら一瞬ハマりました。

あなたはいくつ知っていますか?2016年に最も話題になったWebデザイントレンド17選

あなたはいくつ知っていますか?2016年に最も話題になったWebデザイントレンド17選という記事。今年流行ったWEBデザインのトレンドが解説付きで紹介されています。

商用利用OK!2016年にリリースされた無料フォント30

商用利用OK!2016年にリリースされた無料フォント30という記事。ありがたい日本語フォントからかっちょいい欧文フォントまでいろいろ紹介されています。

Linker – 短縮URLを利用できるシンプルなWordPressプラグイン

短縮URLを利用できるシンプルなWordPressプラグイン「Linker」の紹介記事。長いURLを自分のサイトのドメインが付いた短縮URLに変更できるプラグイン。アフィリエイト用とかやけに長くなっちゃうサービスのURLとかを分かりやすく管理するのにも良いですね。

Masonry系の最強スクリプト、レスポンシブ対応のレイアウトが簡単に実装できる -Muuri

Masonry系の最強スクリプト、レスポンシブ対応のレイアウトが簡単に実装できる -Muuriという記事。パネルをレンガ状に配置するMasonry系のJsの紹介。ドラッグで配置を変更したりソート・フィルタリング機能も付いてます。

CSSの参考になるアイデアが満載!2016年スタイルシートを使ったテクニックのまとめ

CSSの参考になるアイデアが満載!2016年スタイルシートを使ったテクニックのまとめと言う記事。アニメーション、Flexbox、ナビゲーション、メニュー、パネル、カードなどCSSを使ったテクニックの総まとめですね。色々アイデア満載で勉強になります。

細かいカスタマイズも可能!「人気記事」「関連記事」を表示させるWordPressプラグイン

細かいカスタマイズも可能!「人気記事」「関連記事」を表示させるWordPressプラグインと言う記事。超便利な定番プラグイン「WordPress Popular Posts」、「Yet Another Related Posts Plugin」の使い方やカスタマイズ方法が解説されています。

Social Metrics Tracker – 自分が書いた記事の反響を効率的に把握できるWordPressプラグイン

自分が書いた記事の反響を効率的に把握できるWordPressプラグイン「Social Metrics Tracker」の紹介記事。SNSでシェアされた数や記事のアクセス数などがワードプレスの管理画面上から分かるようになるという便利なやつ。オウンドメディアとかやってる場合は分析に良いかもしれませんね。

画質をほぼ劣化せずにファイルサイズを大幅に圧縮できるツール「Optimage」

画質をほぼ劣化せずにファイルサイズを大幅に圧縮できるツール「Optimage」の紹介記事。Mac版のアプリですね。無料でもお試し利用が可能。スマホ用に画像は軽くしておきたいのでこういうのは助かりますね。

Posted in WPサイト制作の参考記事まとめComments Closed 

 

Dec 19, 2016|お知らせ

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

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

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

第3位「White Studio (¥9,999)」

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

いわゆる日本っぽいド定番の企業サイト・コーポーレートサイト向けのテンプレート。
基本的にトップページはウィジェットだけなので、
好きなコンテンツを組み合わせて簡単に会社のサイトが出来上がります。

とりあえずホームページが無いとなー、でも更新はしないしなー、でも連絡先くらいはなー、
とはいってもおしゃれな感じじゃないとダサくて信用無くすし嫌だもんなー、
っていう会社の名刺替わりサイトにも最適なテンプレートですね。

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

 


続きを読む >

Posted in お知らせComments Closed 

 

WordPress初心者必読!今週のお役立ち記事10選(2016年12月16日編)

IMG_6562

今週一週間に読んだ、WordPress初心者向けお役立ち記事のまとめです。
Minimal WPはワードプレス初心者の方が多く使ってくれてるので、
そういった人に特に参考になりそうな記事を中心にピックアップしました。

2016年のWebデザインのトレンドと、2017年流行の兆しのWebデザイン

2016年のWebデザインのトレンドと、2017年流行の兆しのWebデザインと言う記事。今年流行ったwebデザインと、来年はやりそうなトレンドの両方がまとめられています。ミニマリズムは今年も来年も継続な感じですねー。

PANTONEが選ぶ2017年の色「Greenery」を使った配色例

PANTONEが選ぶ2017年の色「Greenery」を使った配色例、と言う記事。来年っぽい感じの配色はこんな感じなんですねー。

デザインに関わるすべての人が知っておくべき色と配色の基本

デザインに関わるすべての人が知っておくべき色と配色の基本と言う記事。デザイナーじゃなくても最低限知っておくといい色と配色の基本がとってもくわしく解説されています。

【2016年版】これだけ読めば大丈夫!デザインの基礎が学べる厳選15記事

【2016年版】これだけ読めば大丈夫!デザインの基礎が学べる厳選15記事というまとめ記事。デザインの基礎が勉強できる良い記事がたくさんまとめられています。

2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選

2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選と言う記事。ちょっとしたカスタマイズにも使えそうなやつが大量にまとまってます。

Google Chromeデベロッパーツールの使い方をおさらい

Google Chromeデベロッパーツールの使い方をおさらいの解説記事。ぜひこれだけは覚えておきたいデベロッパーツールの基本的な使い方。WordPressサイトのカスタマイズを考える時にもとても役に立ちます。

シンプルで非依存、軽量なカルーセルスクリプト・「Siema」

シンプルで非依存、軽量なカルーセルスクリプト「Siema」の紹介記事。シンプル、軽量、非依存型のカルーセルスクリプト。タッチスワイプにも対応させられるので使いやすそうですね。

トータル100種類越え!かわいくデザインされた野菜・果物、ガーデニング、庭いじり、養蜂、農具・農場などのアイコン素材

トータル100種類越え!かわいくデザインされた野菜・果物、ガーデニング、庭いじり、養蜂、農具・農場などのアイコン素材という記事。使いやすそうなかわいい感じのアイコン素材がたっぷりです。ベクター素材なのもありがたいですね。

ページ遷移の表現に特化したjqueryプラグインまとめ

ページ遷移の表現に特化したjqueryプラグインまとめと言う記事。ページを移動するときにほにゃーっと変形したりのアニメーションが加えられるjQueryプラグインが紹介されています。さりげなく使うと楽しいですね。

[JS]スマホの「プルダウンするとリフレッシュ」を簡単に実装できるスクリプト -PulltoRefresh.js

[JS]スマホの「プルダウンするとリフレッシュ」を簡単に実装できるスクリプト「PulltoRefresh.js」の紹介記事。下に引っ張ってきゅって離したら更新ってのを追加できるやつ。

Posted in WPサイト制作の参考記事まとめComments Closed 

 

Dec 12, 2016|お知らせ

12月5日〜11日のWPテーマ人気ランキング

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

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

第3位「Holiday (¥8,999)」

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

トップページにどかーん!とでっかいスライドショーを配置したので、
ここにかっこいい写真やイラストをアップロードするだけで、
いきなりオリジナルサイトが出来上がってしまいます。

フォトグラファー、イラストレーター、アーティストなんかの作品発表にはもちろん、
お店の写真なんかを使ってオシャレなショップサイトを作ったり、
かっこいい企業サイト・コーポレートサイトを作るビジネステンプレートにも最適です。
記事ページもとても読みやすく作られていますよ。

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

 


続きを読む >

Posted in お知らせComments Closed 

 

WordPress初心者必読!今週のお役立ち記事8選(2016年12月9日編)

IMG_6032

今週一週間に読んだ、WordPress初心者向けお役立ち記事のまとめです。
Minimal WPはワードプレス初心者の方が多く使ってくれてるので、
そういった人に特に参考になりそうな記事を中心にピックアップしました。

任意の画像を使うことも可能な、オリジナルのパターン画像を作成出来る・「Patterninja」

任意の画像を使うことも可能な、オリジナルのパターン画像を作成出来る・「Patterninja」の紹介記事。背景画像とかオリジナルで作りたい時にちょうどいいですね。

SEOに強いブログ記事の書き方 11のポイント

SEOに強いブログ記事の書き方 11のポイント、と言う記事。ものすごく初歩から詳しく解説されているので勉強になります。

2016年人気が高かった!CSSの制作、確認、検証に便利なオンラインツール厳選20個のまとめ

2016年人気が高かった!CSSの制作、確認、検証に便利なオンラインツール厳選20個のまとめと言う記事。超便利なオンラインツールがいろいろ紹介されています。

任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」

任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」の紹介記事。CSSでエフェクトをかけてそのコードを書き出してくれるオンラインツール。

CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10

CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10という記事。CSSだけでテキストにエフェクトをかけられるやついろいろのコードが紹介されています。さりげなく使うといいですね。

WordPress:URLの自動補完リダイレクトを無効にする方法

WordPress:URLの自動補完リダイレクトを無効にする方法と言う記事。間違っているURLを指定しても正しい(と思われる)URLに自動リダイレクトする機能をストップする方法の解説です。

WordPressのAMP対応方法まとめ【ソーシャルボタン・アドセンス・Googleアナリティクス】

WordPressのAMP対応方法まとめ【ソーシャルボタン・アドセンス・Googleアナリティクス】と言う記事。WordPressをプラグインの「AMP」を使ってAMP対応するための方法が解説されています。

pxから%への変換計算をしてくれる「RQRWD」がレスポンシブWebデザインとかで使えるヨ

pxから%への変換計算をしてくれる「RQRWD」がレスポンシブWebデザインとかで使えるヨ、と言う記事。親要素と子要素のピクセルサイズを入力すると%に計算してくれるツールが紹介されてます。簡単でいいですね。

Posted in WPサイト制作の参考記事まとめComments Closed 

 

【アップデート情報】LOVE LETTERの続きを読むリンク(moreタグ)のカスタマイズ方法

テーマ「LOVE LETTER」をご利用の方にお知らせです。
WordPress4.7にアップデートしたら「続きを読むリンク」の背景色が出なくなった、
という報告がありましたので、以下に解決方法を解説します。

1)index.phpとcategory.phpからbt-moreクラスを削除

◎ダッシュボード>外観>テーマ編集>メインインデックスのテンプレート(index.php)
◎ダッシュボード>外観>テーマ編集>カテゴリーテンプレート (category.php)

任意のclass名が付くようにしていたのですが、これを削除します。
WordPress本体から自動で.more-linkが付けられるので、そちらを利用します。

2)スタイルシート(style.css)に以下を追加

◎ダッシュボード>外観>テーマ編集>スタイルシート(style.css)

スタイルシート内(どこでも大丈夫です)に以下の記述を追加します。

.more-link {
font-size: 14px;
letter-spacing: 0.1em;
color: #fff;
background: #ccc;
text-align: center;
padding: 10px 20px;
}

.more-link:hover {
color: #fff;
background: #5EBABA;
text-decoration: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

カラーやフォントサイズ等はお好みで変更してください。
以上です。

*必ずバックアップを取ってからカスタマイズしてください。

*本日2016年12月8日15:00以降のダウンロードファイルは修正済みです。

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

 

1 2 3 4 5 6 7 262