WordPress | くま☆家事 https://kumakaji.com お得を発見！らく家事で毎日、幸せ♪ Fri, 10 Jun 2022 11:16:25 +0000 ja hourly 1 https://kumakaji.com/wp-content/uploads/2018/12/cropped-image1-2-32x32.jpeg WordPress | くま☆家事 https://kumakaji.com 32 32 ストークが便利♡私が「おうちブログ作り」で使ったものをご紹介 https://kumakaji.com/home_blog/?utm_source=rss&utm_medium=rss&utm_campaign=home_blog https://kumakaji.com/home_blog/#respond Fri, 23 Aug 2019 08:24:28 +0000 https://kumakaji.com/?p=3920 思い出を沢山残したい♡私が「おうちブログ作り」で使ったものをご紹介 こんにちは！100均探検家の森くま☆(@kuma_100love)です。最近インスタよりもブログを更新することが楽しくて毎日、暇があればブログのことばか...

The post ストークが便利♡私が「おうちブログ作り」で使ったものをご紹介 first appeared on くま☆家事.

]]> 思い出を沢山残したい♡私が「おうちブログ作り」で使ったものをご紹介

こんにちは！100均探検家の森くま☆(@kuma_100love)です。最近インスタよりもブログを更新することが楽しくて毎日、暇があればブログのことばかり考えています♡

実はブログ作りは私の目標の１つで、数年も前からHTMLなどでホームページを作ったりして遊んでいました♡

そんな私が何故、ブログ作りが今になったのかというと、生活が慌ただしかったり、やりたいことがいっぱいありすぎたりしたのもありますが、本当にブログまで作って更新したい内容が見つからなかったからなんです…。

森くま☆
イラストサイトも考えましたが、欲張りかもしれませんが、イラストだけだとなんだか物足りませんでした

でも今は相方さんと暮らすようになって、大好きな“おうち”について残したいことがいっぱいあるんです！これは私が「歳をとって死ぬまで一生続けられる！」と断言できるのでブログを作成しはじめました♡

そして最初はアメブロでもとても楽しく運営出来たのですが、おしゃれなデザインが楽しめなくて有料のワードプレスで作成を決意！

HTMLを学んで、少しスタイルシートをかじっていた私でも最初はわからないことだらけでしたが一生懸命、記事や本を読み漁ったら完成しました♡

結果的にワードプレスで作ったのは正解でした。毎日、眺めるのが好きなブログに仕上がったと思います。

ブログは趣味で運営しているため、個別のブログ作りのサポートはしておりません。ブログ作りの質問には答えられないことをご了承くださいますようお願いいたします。



“おうちブログ”とは？

私の言う“おうちブログ”とは、自分の暮らしを綴っているブログのことを言います。紙の日記も素敵ですが、ブログで発信することによって、いろいろな人が見てくれる楽しみがあります。

ブログ作りに必要なものとは？

私のようなブログを作りたい方に必要なのは

  1. ワードプレス
  2. ワードプレスのテーマ（無料もあり）
  3. サーバー
  4. ドメイン（Xサーバーでキャンペーン中に契約すれば無料になります）

の上記4つだけです。ワードプレスは無料、あとは有料にしたとしても趣味としてはお安い価格で始められるのが嬉しいです。

森くま☆
ワードプレスのテーマは実は無料もあります。でもアクセス数を上げるなら有料がおすすめ！それについても下記で詳しくお話しますね！

ワードプレスとは？

ブログ作りが始めての人にとって、ワードプレスとは一体なんなのか？という壁にブチ当たると思います。

ワードプレスは簡単に説明すると、素敵なブログが作れて運営も簡単にしてくれるソフトウェアのことです。

ワードプレス自体は実は無料です。でも運営するにあたって、サーバーやドメイン、ブログのデザインにこだわるとテーマというブログのデザインを購入する必要があることから結果的に有料になってしまうんです。

Wordpressに登録する

サーバーとは？

ブログのデータを保存する場所（入れ物）と思っていれば大丈夫かと思います。

ドメインとは？

ドメインはブログの住所のことです。
私の場合だとhttps://kumakaji.com/というアドレスなのでkumakaji.comの部分がドメインになります。

私が使っているワードプレスのテーマとは？



私が今使っているワードプレスのテーマは、人気ブログ『ルカルカダイエット』を運営している美容ブロガー、ユーチューバーの亀山ルカさんも愛用している「OPENCAGE」から出されている『ストーク』というものです。

この『ストーク』の魅力はなんといっても、無料ブログにないワードプレス初心者でも安心の30日の無料サポート付きだったり、いろいろなブロガーが作り方のヒントを残してくれていることから、HTMLやスタイルシートの知識なしでも簡単にスマホで見やすいモバイルファーストの素敵なブログが作れてしまうことなんです♡

森くま☆
年々ブログはパソコンよりも、スマホでのアクセス数が上がっています。有料のテーマでは開発者がしっかりとした考えのもと、スマホで見やすいテンプレートに仕上げてくれているんです！高い…と思う方もいるようですが、ブログのデザインなどいちいち考える手間も省けてしまうメリットも有料にはあるんですよ！

これをやれば激変！『ストーク』カスタマイズ8選

2019-01-28

アニメーションON、OFFなどが楽しめます♡

私はつい最近までは、アニメーションOFFのデザインで楽しんでいましたが、2019年8月21日からはアニメーション付きのデザインに変更しました♡

森くま☆
ブログのデザインがとっても簡単に変更出来るから、ブログを更新するのが飽きる…なんてことを防ぐ効果もあると思っています♡

「ストーク」公式HP

おすすめのサーバーはXサーバー！




ブログを運営するためのサーバーはいくつかありますが、私の1番のおすすめはドメインが無料で手に入るキャンペーンもやっているXサーバー（10日間のお試し期間あり）で、2番目のおすすめは費用を安く抑えられるロリポップです。


個人的にはXサーバーにするのが良いと考えてます。何故ならばロリポップなどの格安のサーバーは不安定…という報告も受けているからです。Xサーバー自体の費用は月1080円ほど(2019年8月21日現在）で、実はブログに広告を付ければすぐに取り戻せる金額でもあるのでケチらないに越したことはありません。

おうちブログは一生物。長く運営することを考えると、少しでも不安とは無縁の環境下で運営するのが良いと考えます。

『ブログ名の設定は、まだ』の運営者からロリポップの不安定さが確認されています。
ロリポップの不安定さに不満もあって、SSLが使えて良さそうなエックスサーバ（X10プラン）に引っ越しをしました。

森くま☆

不安定なことに遭遇した場合、調べるという作業が追加される可能性がありますし、更新が出来なかったりするとストレスにもなりかねません！

最悪やっぱりXサーバーにしよう！と考えたら、移転の作業をしなければなりませんので…最初からその不安は消し去っておくのが正解だと考えます。

合わせて読みたい
ロリポップからエックスサーバへ、ワードプレスの失敗しない引っ越し方法。

10日間無料で試す

キャンペーン期間外のドメイン取得について




Xサーバーにはキャンペーンが度々行われていますが、キャンペーン期間外に申し込みたい人もいますよね。そんな人におすすめのドメイン取得場所は1円から取得できる「お名前.com」がおすすめです。

ドメインの選び方とは？

ドメインを調べるとcomやjp、bizなど安い英字のものから高い英字のものがいろいろあることに気づくと思います。選ぶポイントはお好みでもいいのですが、comやjpがおすすめです。

というのも知名度があり、安心なブログと認識してもらいやすいです。他の安いbizやinfoなどは実はスパムサイトで量産された時期があるものです。ブログがどんなに良くても「不安…」と思う方も中にはいるドメインになります。

お名前.com

ブログ運営をするために読んで良かった書籍4選

本当によくわかるWordPressの教科書 改訂2版 はじめての人も、挫折した人も、本格サイトが必ず作れる

本当によくわかるWordPressの教科書　改訂2版はじめての人も、挫折した人も、本格サイトが必ず作れる【電子書籍】[ 赤司 達彦 ]
ワードプレスは自分でHTMLやスタイルシートを作るよりはテーマなども販売しているため簡単にブログが作れてしまいます。ですが、それでも初心者だと挫折してしまう人もいるようです。

こちらはかなり丁寧なワードプレスの解説書なので、作るのが不安…なんて方に手にとってもらいたい一冊です。

アフィリエイトで夢を叶えた元OLブロガーが教える 本気で稼げる アフィリエイトブログ 収益・集客が1.5倍UPするプロの技79

アフィリエイトで夢を叶えた元OLブロガーが教える　本気で稼げるアフィリエイトブログ　収益・集客が1.5倍UPするプロの技79【電子書籍】[ 亀山ルカ ]
created by Rinker
こちらの書籍はストーク愛用者でもある『ルカルカダイエット』のルカさんの書籍です。

広告収入を得る初歩的な方法を学べるだけでなく、素敵な文章でブログを運営する方法が書かれているのでモチベーションアップに繋がる一冊です。

森くま☆
私はルカさんの人柄や言葉遣いが好きで、読んだ時はワクワクしっぱなしでした♡

ブログ飯 個性を収入に変える生き方

ブログ飯 個性を収入に変える生き方 [ 染谷昌利 ]
created by Rinker
ブログで収入を得たい…と少しでも思った人におすすめのマインドを整えてくれる書籍はこちらです。というのも最初は夢や目標でブログを始めるのですが、収入に繋がらないことが多く挫折しやすいからです。

厳しさを知っていると覚悟が生まれるはずです。

最短で収益を得るためのGoogleアドセンス攻略ガイドブック

最短で収益を得るためのGoogleアドセンス攻略ガイドブック／古川英宏【1000円以上送料無料】
created by Rinker
Google AdSenseには審査があります。受からない方も多くいるようです。

そんな受からない…を阻止するために、Google AdSenseの第一人者でもある古川 英宏さんのこちらの1冊は読んでおきましょう！私は読んでから挑んだら一発合格でした♡

森くま☆
Google AdSenseが受からない場合、サイトを最初から作り直している人もいるようです。その場合、サーバー代金やドメイン代金、そして記事を書いている時間がもったいないことに！非効率を避けるために、読んでおくことをおすすめいたします

『なおやすブログ』の運営者はサイトを1から作り直したそうです…。

というわけで１からブログを作り直すことにしまして、出来たブログがこのブログです。

このブログに変えてからは１発で合格することが出来ました。
そんな経緯があるので、おすすめはしませんが、１からブログを作り直すというのもありっちゃありですよ！！

Google AdSense マネタイズの教科書[完全版]

Google AdSense マネタイズの教科書[完全版] [ のんくら(早川修) ]
created by Rinker
Google AdSenseは年々レベルが上がっていて簡単には収入にはいかない…と諦めがちですが、この本を参考にすることで収益に繋がるとわかる一冊です。

最初はブログを作ることで精一杯かもしれませんが、スキマ時間に読んでおきましょう！

「おうちブログ」に思い出をいっぱい残そう♡

ブログでお金を稼ぎたい！となると厳しい世界のようですが、私のようにブログという趣味を持つと暮らしが今よりも楽しくなるかもしれませんよ。ぜひ、お気に入りのブログを完成させてくださいね！

The post ストークが便利♡私が「おうちブログ作り」で使ったものをご紹介 first appeared on くま☆家事.

]]> https://kumakaji.com/home_blog/feed/ 0 これをやれば激変！『ストーク』カスタマイズ8選 https://kumakaji.com/stoke-custom/?utm_source=rss&utm_medium=rss&utm_campaign=stoke-custom https://kumakaji.com/stoke-custom/#respond Mon, 28 Jan 2019 11:55:53 +0000 https://kumakaji.com/?p=1295 こんにちは、森くま☆(@kuma_moriya)です。 唐突な質問をしますが、皆さんは毎日ワクワクして生きていますか？ 私のワクワクの理由は、相方さんと過ごせていること。そして大好きな100均を使って暮らしていることです...

The post これをやれば激変！『ストーク』カスタマイズ8選 first appeared on くま☆家事.

]]> こんにちは、森くま☆(@kuma_moriya)です。
唐突な質問をしますが、皆さんは毎日ワクワクして生きていますか？
森くま☆
私は毎日、ワクワクしっぱなしだよ！

私のワクワクの理由は、相方さんと過ごせていること。そして大好きな100均を使って暮らしていることです。そんな充実した毎日に実は最近もう一つ、暮らしの中での楽しみ事が増えました。

それはこの主人との暮らしを綴る「おうちブログ」の存在です。

森くま☆
未熟な出来栄えだけど、私にとってはこの「おうちブログ」は宝物の一つ♡

そんな「おうちブログ」を好きになれた理由の一つは、何を隠そうワードプレスのテーマである『ストーク』があげられます。そこで今回はブログ初心者の方に少しでもお役に立てるよう、『ストーク』のちょっとしたカスタム方法をご紹介します。

『ストーク』とは？

『ストーク』とは、ブログが作れるワードプレスのテーマ（テンプレート）のことです。

森くま☆
テーマの中でも、かなりの人気で色々なブロガーさんが愛用しているものだよ！

そんな『ストーク』には初心者に有難い手厚い30日のサポートがあるので、ブログを書くまでには直ぐになれると思います。

でも、サポートをフルに使った私が思ったことは30日では思うようなカスタムまでできない人が多いと感じました。特にちょっとしたカスタムをしているか、していないかで人気のテーマである『ストーク』にオリジナリティが出てきます。

この記事では、そんなちょっとした『ストーク』のカスタム法をピックアップ！使うことできっと、お気に入りのブログに変化していくはずです。

森くま☆
デザインが整うともっとブログが好きになると思うよ！みんなも自分のブログをお気に入りにしちゃおう！

『ストーク』カスタマイズ法8選

カスタマイズする時の注意点

ワードプレスのテーマである『ストーク』には、親テーマと子テーマがあります。
必ず子テーマをダウンロードして、子テーマでカスタマイズしましょう！
またCSSは、なるべく【外観→カスタマイズの中の“追加CSS”】で設定するようにしてください。
CSSも同様ですが特にfunctions.phpをいじる時は、デザインが崩れる可能性があるため必ずバックアップをしてください。

（素人によるカスタム法のまとめにより、責任は自己責任でお願いいたします。）

WordPressはじめてのデザイン＆カスタマイズ入門 ブログ・サイトの改善方法がわかる　WordPres [ 茂木葉子 ]
created by Rinker

H2の見出しを吹き出しに変更する方法

ワードプレスで人気の見出しといったら、吹き出し風です。『ストーク』では外観の項目をいじるだけ！スタイルシートもいじることがないのが嬉しいです。

外観→カスタマイズ→投稿・固定ページ設定の“見出しデザイン”にて吹き出しを選ぶ

記事内の文字サイズの変更方法

そのままでも素敵な文字サイズですが、こだわっても楽しいですよ。実践したい方は、下記のCSSを子テーマのstyle.cssに記述しましょう。font-size: 1.0emなどの1.０や0.9という数字に自分が反映させたい文字サイズ（数字）を入力すれば変更されるはずです。

下記の6つの場所が変えられます。

  • 記事タイトル
  • 記事内見出し
  • 記事内文章
  • ウィジェット見出し
  • サイドバーウィジェット
  • フッターウィジェット
/* 記事タイトル */
#container .entry-title,
#container .single-title,
#container .page-title {font-size: 1.0em;}
/* 記事内見出し */
#container .entry-content h2 {font-size: 1.0em;}
#container .entry-content h3 {font-size: 1.0em;}
/* 記事内文章 */
#container .entry-content p {font-size: 0.9em;}
/* ウィジェット見出し */
#container .widgettitle {font-size: 0.9em;}
/* サイドバーウィジェット */
.sidebar {font-size: 0.9em;}
/* フッターウィジェット */
#footer-top .inner {font-size: 0.9em;}

記事タイトル・見出し(h2)のフォントを変更する方法

見出しの印象は大切！
「Google Fonts」を使えば、読者を惹きつける見出しを作ることができます。
好きな文字を見つけたら、HTMLコードをheadタグ欄に入力し、下記のCSSを入力すれば反映されるはずです。

POINTheadタグは外観→カスタマイズ→アクセス解析コードで辿り着けます

好きな文字のHTMLコードを入力
（例）「Rounded M+ 1c」フォントの場合
<link href=”https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css ” rel=”stylesheet” />
#container .entry-title,
#container .entry-content h2 {
font-family: “フォント名を指定”;
}

（例）「Rounded M+ 1c」フォントの場合
#container .entry-title,
#container .entry-content h2 {
font-family: “Rounded Mplus 1c”;
}

階層化ナビゲーションのリンク色のみの変更方法

カスタムしていくとわかるのですが、グローバルナビの階層化のリンク色は初期設定ではフッターリンク色と同じになります。私はかぶって見づらくなってしまったため、別々の色で変更していますよ！やりたい方はぜひ、使ってみてくださいね。

*モバイルでは階層化ができないため、パソコンのみの設定になります。

#container #g_nav .nav li ul.sub-menu li a {
color: #カラータグ;
}



フッター・タグウィジェットの背景色の変更方法

フッターに設置したタグウィジェットのタグ背景色は初期状態だとグレーになっています。このままだとデザインが崩れる方は、下記のCSSを記載してみましょう。


/*フッター・タグウィジェットの背景色の変更方法*/
.footerwidget.widget_tag_cloud a.tag-cloud-link {
background: #カラータグ;
}

フッターのウィジェットのタイトルにラインを表示する方法

フッターにあるウィジェットのタイトルにラインを設置している人もいました！そんな人のようにラインを表示したい方は、下記のCSSを貼り付ければ表示できます。

#footer-top .widgettitle {
border-bottom: 1px solid #カラータグ;
}

スマートフォン用グローバルナビの背景色・文字色の変更方法

写真では背景色のみわかりやすく、黄色になってますがスマートフォン用のグローバルナビの背景色・文字色も変更可能です。

POINT文字色については、外観→カスタマイズ→サイトカラー設定の“ヘッダーリンク”で変更可能ですが、ヘッダーリンクと同色になってしまうため個別に変更したい方は下記のCSSがおすすめです。

 

#container .menu-sp a {
background: #カラータグ;
}
#container .menu-sp a {
color: #カラータグ;
}




アイキャッチ画像を正方形にする方法

インスタなどやっている方は、正方形の画像にこだわっている方もいるはず。そんな人は、アイキャッチを正方形にしてもいいかもしれません。下記の設定でできます。

POINT①外観→カスタマイズ→記事一覧ページ設定にて“シンプル”or“カード型”を選ぶ。

POINT②既に投稿済みの画像には反映されないため、新しく設定しなおしてください。

functions.php
function add_mythumbnail_size() {
add_theme_support(‘post-thumbnails’);
add_image_size( ‘home-thum’, 486, 486, true );
add_image_size( ‘post-thum’, 300, 300, true );
}
add_action( ‘after_setup_theme’, ‘add_mythumbnail_size’ );
CSS#container .carouselwrap .eyecatch {
max-height: 235px;
}
.top-post-list .post-list .eyecatch {
max-width: 180px;
}
.post-list-card .post-list .eyecatch {
max-height: 360px;
}
.post-list-card .post-list {
height: 520px;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 175px;
}
@media only screen and (max-width: 1165px) and (min-width: 768px) {
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 120px;
}
}
@media only screen and (max-width: 480px) {
#container .carouselwrap .slider li,
#container .carouselwrap .slider .eyecatch {
max-height: 360px;
}
.top-post-list .post-list .eyecatch {
max-width: 95px;
max-height: 95px;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 160px;
}
}

『ストーク』で素敵な「おうちブログ」生活を！

『ストーク』はとっても優秀なワードプレスのテーマです。
ぜひ、お気に入りの文字や色に変更して、おうちブログ生活を楽しんでくださいね！




The post これをやれば激変！『ストーク』カスタマイズ8選 first appeared on くま☆家事.

]]> https://kumakaji.com/stoke-custom/feed/ 0