Blog

FileZillaを使ってWordPressのバックアップをとる

WordPressを更新する前にバックアップする WordPressの更新のたびにバックアップをとるように指示が出ますが、いつも「どうだったかな～？」ってなるので備忘録として書きました。 WordPressのバックアップの方法 WordPressのバックアップの方法 FTPソフトを使うプラグインを使うサーバーのバックアップサービスを使うこの中でFTPソフト『FileZilla』を使ってバックアップをします。 FileZillaを使ったバックアップの方法１　FileZillaを起動し、サーバーを登録 ...

Blog・PC・Mobile

商品管理プラグイン『Rinker』｜デザインをシンプルにカスタマイズする

商品管理プラグイン『Rinker』(リンカー)とは？ ▶Rinkerオフィシャルウェブサイトへ WordPressのプラグインで、楽に商品リンクを貼ることができる、とてもありがたい【商品管理プラグイン】です。このように表示してくれます。投稿画面の上の商品リンク追加ボタンから楽に商品リンクが作れます♪ Rinker導入の仕方はネットで検索するとたくさん出てきます。 Rinkerの表示デザインをカスタマイズするボタンに「～で見る」と表示するようにする。ボタンのAmazon・楽天市場・Ya ...

Blog・PC・Mobile

HTML、CSS内にメモ、注釈などを書き込む方法｜コメントアウト

HTML、CSS内にコメントを入れる方法「コメントアウト」範囲内のコメントをブラウザ上に表示されないようにする・囲ったタグを一時的に無効（排除）にすることをコメントアウトといいます。複数の行、タグが入っていてもコメントアウトすることができます。コメントアウトの方法コメントアウトは、HTMLとCSSで書き方が違います。 HTML内コメントアウトしたい部分（〇〇〇）をで囲みます CSS内コメントアウトしたい部分（〇〇〇）を/*○○〇*/で囲みます。 /*と*/の間を ...

Blog・PC・Mobile

画像にリンクを貼る方法

画像をクリックするとリンク先に移動できるようにする。サイトでよくある画像をクリックすると別のページに移動できたり、ボダンをクリックすると別ページへ移動できる方法です。画像をリンクするようにするHTMLコード HTML <a href="リンク先のURL "><img src="画像のURL"height="高さ"width="横幅"alt="画像の説明文"></a> 別のタグで開くようにする上記コードにtarget="_blank"を追加。 HTML <a ...

Blog・PC・Mobile

WordPressアフィリエイト導入プラグイン｜WPアソシエイトポストのカスタマイズ

商品を紹介するツールに今まで「カエレバ」を使っていましたが、他にも同じようなツールがあることを知ったので、導入してみました。同じようなツールに「Rinker」もあるけど、こちらを利用してみることにしました。 WPアソシエイトR2 -WP Associate Post R2- とは？ ▶WPアソシエイトRSオフィシャルウェブサイトへ Amazon・楽天・ヤフーショッピングに対応しているアフリエイト導入プラグインです。このように紹介したい商品を表示してくれます。 WPアソシエイトR2を使うと ...

Blog・PC・Mobile

Webカラー｜ウェブデザインの配色に初心者でも使える役立ちサイト５選

ブログを作っていると一番気になるのが配色。ブログやウェブサイトのイメージは配色で決まると言っていいほど配色は重要。色って微妙な違いでイメージも変わるので、あれこれと迷ってしまいます…。迷いだすとキリがないというか…。そんな時に役立つサイトをご紹介します♪ WEB色見本　原色大辞典 ▶原色大辞典ーHTMLカラーコード ▶原色大辞典へ色を選んだり、色のカラーコードがすぐわかるので使いやすいです。右上にある色検索からすぐに調べることができるのもいい！色の名前やコー ...

Blog・PC・Mobile

WING-AFFINGER5- ｜初心者でも使いやすい！WordPressテーマ

ブログを始めて1年になるが、まだまだわからないことだらけの初心者な私…。そんな初心者が、ブログサービスからWordPressに変更し、使用するテーマを思い切って有料テーマの「WING（AFFINGER5）」にしました！〉WordPressテーマ　WING－AFFINGER５！〈初心者にはありがたいデザイン済データあり！すぐに記事が書ける！カスタマイズしやすくできているテーマだけど、初心者の私の場合、マニュアルを見ながらなので、設定するのにかなり時間が掛かりました…。でも！時間を掛けてでも設定した ...

Blog・PC・Mobile

HTML挿入プラグインPaste Raw HTML｜カエレバの貼付けに便利

紹介したい商品をブログ記事に載せることができる、とてもありがたく便利な『カエレバ』というブログパーツ。 ▶カエレバへあとこれを自分の好きな感じに表示できるようにしてくれる、『 Yukihy Life』さんのカスタムデザインを使用させて頂き、商品紹介をできるようにして使ってます。（本物なのでポチると移動します）ブラックペッパー荒挽 100g posted with カエレバギャバン Amazon 楽天市場 Yahooショッピングとても使う機会が多いのだが、ちょっと ...

Blog・PC・Mobile

FC2ブログから引っ越し｜エックスサーバーでサーバーを借りる

WordPressで記事を書くことに決めたため、サーバーを借りることにしました。ここでも先輩ブロガーに習い、人気のレンタルサーバー『エックスサーバー』に入ることに！以前は、FC2ブログで書いてましたが、WordPressに変更したくなり（いろんなブログ記事を読んでるいると、ほとんどWordPressで書いてますってあるし、早いうちから変えたほうがいいとあるので…。）わからないなりにお引っ越し作業をしました。現在では、当サイトはエックスサーバーでWordPressという環境で、ブログ ...

Blog・PC・Mobile

多くのブロガーがおススメする『WordPress』にブログサービスを変更する｜初心者のブログ引っ越し

パソコンの使い方もよくわからないが、無謀にもブログをしてみようと思い立った！・・・あれから1年ほどたった…。けど今はネットで検索すればいろいろ教えてもらえるいい世の中なので、なんとかやってきた…。『FC2ブログ』から『WordPress』に移るなんとなく今までよくわからずにFC2ブログを使っていた。なんとなくブログを書く場所、ブログサービスを決めるブログをするには、ブログ書く場所を決めなくてはいけない…。「ブログサービス」とやらを選ぶのだが、よく見かけるアメバ、はてな、FC2、エ ...

Blog・PC・Mobile

見出しなどに枠をつける方法

枠などの表示の仕方枠を自分の好きなように作るには、 <div style="～;～;～;～;～;～;">(文章)</div> 「～;～;～;～;～;」の部分に、プロパティや値を入力すると、好きなように作ることができる。～;～;～;の順番は決まってません。線の種類直線＝solid 破線＝dashed 点線＝dotted 二重線＝double 線なし＝none ４線の指定 border-(場所　left top right bottom）:　（線の種類）（色）（太 ...

Blog・PC・Mobile

見出しのルール

え!?見出しにルールがあるの？？？ブログの記事って、ただ書けばいいと思っていたが、なかなかいろいろなルールというものがあるのね・・・今回は見出しのルール。見出しは記事のタイトルとかなどのことを言うが、大文字・強調・下線・枠・色などを使い表現しているのをよく見るので、真似をして書けばいいとばかり思っていた…が、違うらしい。見出しには見出しのルールがあった・・・ spanやdivなどを使い加工すればいいと思ってた…。でもこれは、見た目は見出しになるが、これは見出しとして認識されないという。？？？→goo ...

Blog・PC・Mobile

ライン（線）の引き方

ラインを引くには　ｈｒ　を使うラインを引くには終了タグはない。単体で使い、挿入したい箇所に使う。ｈｒは「区切り」という要素。線の種類や太さ、色などを変える線の太さ、色、種類など色々変更することができる。その時に使うのがこれ　↓ （例）<hr style="border:0;border-top:3px dotted blue;"> border:0とはｈｒの要素を消すという意味。 border-top: の後に線の種類、太さ、色、長さ、など入れる。（順序は決まっていない） &nbs ...

1 2 Next »