*

脂肪はお風呂の水!カロリーの摂取量と消費量の調整で簡単ダイエット!

脂肪はお風呂の水!カロリーの摂取量と消費量の調整で簡単ダイエット!

最近、ダイエットと筋トレのことばかり考えてる編集長Keです。 …

飲んで痩せる! コーヒーダイエットと私の「最高の一杯」

飲んで痩せる! コーヒーダイエットと私の「最高の一杯」

編集長Keです!こんにちは。皆さん、コーヒーはお好きですか? …

ダイエットには基礎代謝アップ!立ったままできる簡単な筋トレ 3つをご紹介!

ダイエットには基礎代謝アップ!立ったままできる簡単な筋トレ 3つをご紹介!

編集長Keです!最近、旅行記事とグルメ記事が多くて、そろそろ …

宮城旅行記~2日目 牛タン堪能&楽天生命パーク宮城観戦!

宮城旅行記~2日目 牛タン堪能&楽天生命パーク宮城観戦!

こんにちは!Akiです!前回の記事の続きです! 宮城峡蒸留所 …

宮城旅行記~2日目 ニッカウヰスキー仙台工場・宮城峡蒸溜所見学

宮城旅行記~2日目 ニッカウヰスキー仙台工場・宮城峡蒸溜所見学

皆さんこんにちは!Akiです。 宮城旅行記2日目の記事を書き …

「ご褒美コーピング」でお手軽にストレスを解消する方法!

「ご褒美コーピング」でお手軽にストレスを解消する方法!

 よくストレスとは無縁そうですねと軽く失礼なことを言われる編 …

宮城県旅行記~1日目楽天生命パークスタジアム観戦編

宮城県旅行記~1日目楽天生命パークスタジアム観戦編

こんにちは!Akiです! 松島でのグルメ&観光を終え …

宮城県旅行記~1日目松島観光編

宮城県旅行記~1日目松島観光編

こんにちは!Akiです! 前回の記事でお腹もたっぷり満たされ …

宮城県旅行記~1日目仙台到着~松島昼食編

宮城県旅行記~1日目仙台到着~松島昼食編

皆さんこんにちは!AKIです! 先週会社で年に1回取得できる …

俺の男飯 第3段「ニンニクの芽 とエリンギと豚のハツのとろみ炒め」

俺の男飯 第3段「ニンニクの芽 とエリンギと豚のハツのとろみ炒め」

こんにちは。編集長Keです。ダイエット記事を書こうと思ってい …

500円玉は何色?

500円玉は何色?

そう聞かれたら、何色と答えますか? 「銀」と答えたあなたは3 …

疲れも吹っ飛ぶ?!お肉料理の数々!!

疲れも吹っ飛ぶ?!お肉料理の数々!!

こんにちは。記者Emです。 先日『有閑タイムズ』の創刊1ヶ月 …

コストコ行ったらこれを買っとこ!ベスト4を紹介!!

コストコ行ったらこれを買っとこ!ベスト4を紹介!!

 こんにちは。ボーとしてたら、記者Akiの野球観戦記に有閑タ …

甲子園観戦記!【8月16日、17日】

甲子園観戦記!【8月16日、17日】

皆さんこんにちは!スポーツ担当AKIです。 先日8月10日に …

神宮球場観戦記!突然のゲリラ豪雨にはお気をつけて

神宮球場観戦記!突然のゲリラ豪雨にはお気をつけて

皆さんこんにちは!スポーツ担当AKIです。 野球記事ばかり書 …

焦がしアップルパイ??【タルトタタン】

焦がしアップルパイ??【タルトタタン】

皆さんこんにちは。スポーツ担当AKIです。 いつもスポーツば …

自由研究にも使える!野球殿堂博物館&日ハム観戦記

自由研究にも使える!野球殿堂博物館&日ハム観戦記

皆さんこんにちは!AKIです。今年のお盆休みは野球三昧でいこ …

夏の甲子園観戦記!-2019年8月10日-

夏の甲子園観戦記!-2019年8月10日-

みなさんこんにちは!スポーツ担当AKIです。 先日お盆の夏休 …

帰省の際に夫が妻の実家ですべき3つのこと

帰省の際に夫が妻の実家ですべき3つのこと

こんにちは。編集長Keです。 皆さん、お盆休みや正月休みに実 …

祝!有閑タイムズ 創刊3週& 記事30件突破!(2回目/全3回)

祝!有閑タイムズ 創刊3週& 記事30件突破!(2回目/全3回)

 編集長Keです。前回の有閑タイムズ祝3週突入記事から1週間 …

夏の奈良は「なら燈花会」がおススメです。

夏の奈良は「なら燈花会」がおススメです。

 こんにちは。記者Yuです。人気の国内旅行先といえば京都です …

皆さんは何焼き?私はもちろん「太郎焼き」です。

皆さんは何焼き?私はもちろん「太郎焼き」です。

皆さんこんにちは!AKIです! 先週末に地元の埼玉県川口市に …

俺の男飯 第2弾「から揚げ」「チキン南蛮」

俺の男飯 第2弾「から揚げ」「チキン南蛮」

皆さんこんにちは!AKIです。 今回は「俺の男飯 第2弾」 …

ウエスタンリーグ(二軍戦)中日ドラゴンズ対広島カープ観戦記-2019年8月4日-

ウエスタンリーグ(二軍戦)中日ドラゴンズ対広島カープ観戦記-2019年8月4日-

皆さんこんにちはAKIです!すっかり気候も夏本番で暑くなり辛 …

シューフィッターサービスであなたに合ったベストな靴を!

シューフィッターサービスであなたに合ったベストな靴を!

こんにちは。記者Yuです。  突然ですが皆さんは、 靴を買う …

山盛りホイップクリーム⤴パンケーキ食レポ!

山盛りホイップクリーム⤴パンケーキ食レポ!

こんにちは。  好きな言葉は「カロリーOFF!」 大好きな言 …

おすすめスポット!三重の海水浴場編

おすすめスポット!三重の海水浴場編

 初めまして!新人記者のTomです。有閑タイムズの存在を知り …

俺の男飯「牛肉とニラの甘辛炒め」他3品

俺の男飯「牛肉とニラの甘辛炒め」他3品

みなさんこんにちは!AKIです! 社会人になってからは11年 …

「蚊」は暑さに弱い!?種類と習性を知って対策しよう!

「蚊」は暑さに弱い!?種類と習性を知って対策しよう!

 こんにちは。汗かき記者KSです。今年の夏も連日35度を超え …

祝!有閑タイムズ 創刊3週& 記事30件突破!(1回目/全3回)

祝!有閑タイムズ 創刊3週& 記事30件突破!(1回目/全3回)

 編集長Keです。こんにちは。我が有閑タイムズですが、7月1 …

おべんとばこのうた♪

おべんとばこのうた♪

  これっくらいの おべんとばこに おにぎり おにぎり ちょ …

光るゴールデンタピオカミルクティー!?食べてきました!

光るゴールデンタピオカミルクティー!?食べてきました!

 編集長Keです。こんにちは。最近、記事アップに忙殺されて、 …

西武ライオンズ 対 北海道日本ハムファイターズ観戦記-2019年7月26日-

西武ライオンズ 対 北海道日本ハムファイターズ観戦記-2019年7月26日-

皆さんこんにちは!野球好きのAKIです!  先週末は関東に行 …

深部体温を下げる!?熱中症予防の意外な方法

深部体温を下げる!?熱中症予防の意外な方法

 こんにちは、記者KSです。今年も梅雨明け後、気温が体温を超 …

「夢食堂の料理人~1964東京オリンピック選手村物語~」レビュー※ネタバレ注意

「夢食堂の料理人~1964東京オリンピック選手村物語~」レビュー※ネタバレ注意

記者Yuです。とうとうオリンピックまで残り1年を切りましたね …

正しいコーヒーの飲み方でビジネス効率を上げる4つの方法

正しいコーヒーの飲み方でビジネス効率を上げる4つの方法

 こんにちは。記者Yuです。読者の皆さんの中には仕事中にコー …

タピオカ食べたい♪タピオカ食べたい♪

タピオカ食べたい♪タピオカ食べたい♪

はじめまして、新人記者のEMです!!これから、グルメ記事、ス …

グルメ・スイーツ記者 Em加入

グルメ・スイーツ記者 Em加入

こんにちは。編集長Keです。 今日は、新人記者のEmが加入し …

花火大会の種類を知って花火をもっと楽しもう

花火大会の種類を知って花火をもっと楽しもう

花火大好き記者Yuです。花火の季節がやってきました!皆さんは …

効果的なシャワーの浴び方

効果的なシャワーの浴び方

こんにちは。記者Yuです。 梅雨が明けて暑くなってくると、湯 …

二日酔いに「ラムネ」が効く!?

二日酔いに「ラムネ」が効く!?

酒好き記者KSです。 飲み会でついつい飲みすぎて、翌日辛い二 …

行先?飛行機に聞いてくれ!「どこかにマイル」

行先?飛行機に聞いてくれ!「どこかにマイル」

記者Yuです。皆さん夏休みの予定は立てられましたか?  実は …

選挙でお得?選挙割を活用しよう!

選挙でお得?選挙割を活用しよう!

こんにちは、Yuです。先日、2019年7月22日に“第25回 …

最高の顧客満足は感動体験から!

最高の顧客満足は感動体験から!

こんにちは。記者Yuです。今日は、私が感じた顧客満足と感動体 …

寝違えに効く超簡単な対処法をご紹介!

寝違えに効く超簡単な対処法をご紹介!

こんにちは、記者Yuです。 肩こりでストレートネックな私は、 …

血糖値コントロールで簡単&効果なダイエット!

血糖値コントロールで簡単&効果なダイエット!

前回に引き続いてダイエット中の編集長Keです。前の記事で、ダ …

夏休みの穴場スポット 常滑

夏休みの穴場スポット 常滑

記者Yuです!!今回は、2019年夏休みの穴場スポットの紹介 …

松坂投手の今シーズン初登板を見た!

松坂投手の今シーズン初登板を見た!

皆さんこんにちは!野球好き記者のAKIです! プロ野球オール …

運動なしで筋力アップ!?スーパーフード大豆たんぱく

運動なしで筋力アップ!?スーパーフード大豆たんぱく

記者KSです。宜しくお願い致します。 趣味のゴルフも月1回の …

新人記者KS 加入!

新人記者KS 加入!

こんにちは。編集長Keです。 今日も、新人記者の加入が続いて …

プロ野球オールスター観戦記-2019年7月13日-

プロ野球オールスター観戦記-2019年7月13日-

皆さんこんにちは!新人記者Yuに続き新人記者として、わたくし …

新人記者 AKI 加入!

新人記者 AKI 加入!

こんにちは。編集長Keです。 なんと、スポーツ担当の新人記者 …

Googleアナリティクス実装!

Googleアナリティクス実装!

皆さんこんにちは、編集長Keです。 やっとできました。このブ …

映画アラジン(実写)レビュー※ネタバレ注意

映画アラジン(実写)レビュー※ネタバレ注意

こんにちは。記者Yuです。 今日は、先日アラジンの実写映画を …

小指湿布のススメ!

小指湿布のススメ!

皆さん初めまして。新人記者Yuです。これから私からも色々なネ …

新人記者Yu 加入!

新人記者Yu 加入!

こんにちは編集長Keです。 有閑タイムズに新人記者Yuが加入 …

1週間ダイエットなう

1週間ダイエットなう

皆さんこんにちは、有閑タイムズをご覧いただきありがとうござい …

フェリーで船旅したい!!

フェリーで船旅したい!!

こんにちは!編集長Keです。 ちょっとした機会があって、フェ …

出会い!

出会い!

こんにちは!編集長Keです。いや~出会いって大事ですね~。 …

有閑タイムズ創刊しました!

有閑タイムズ創刊しました!

こんにちは!有閑タイムズ編集長のKeと申します。 ちょっと仕 …


祝!有閑タイムズ 創刊3週& 記事30件突破!(2回目/全3回)

   

祝30記事3週目突入!

 編集長Keです。前回の有閑タイムズ祝3週突入記事から1週間近く立ってしまい、有閑タイムズももうすぐ4週目となります。(*_*;) ほぼ4週目ですが、小さいことは気にするな!精神で祝3週目突入第2回記事をお送りさせていただきます。

 今回も記事が長くなりそうなので、細かいやり方はいろんなブログで紹介されているので割愛させていただきます。相変わらずしょうもないところで悩んでおりますが、こんな簡単なこともわからないんだ~と、温かい目でぜひ見てください。

   

目次【本日の内容】

1.文字をもっと装飾したい!

2.文字に蛍光ペン風アンダーラインを引きたい!
  CSS投入編

 

文字をもっと装飾したい!記事にマーカーを塗りたい!!目次貼りたい!

 皆さん、派手なのはお好みですか? 2週目の悩みは、もう少し文字を装飾したい!!!というところからスタートしました。WordPressのデフォルトでは文章の段落がブロックという塊で変更することになり、文字を装飾をしようとすると、

 

このようにブロック単位で一気に変わってしまいます!

  

これを何とかしたい!!例えば、この「ブロック」のように一部分だけ文字を装飾しようとする方法はないのか?みんなやってるじゃないか??という事で調べたところもちろん可能でした。ただ、WordPressの通常のテキスト設定だけではなく、コードというものを触らなくてはいけないんです。また、コードですよ(・´з`・) まぁこれがまためんどくさいんです!!!

 どうやって操作するかというと、ワードプレスの投稿画面の右上に●三つあるボタンを押して、エディターというところにあるコードエディターを選択します。

コードエディターの呼び出し方

 このコードエディターを押すと、以下のようなコードエディターの画面になります。線を引いて黄色マーカーを塗っているところが装飾用のコードを入れているところです。これを文字の装飾をしたいところにいれていくと、実際のページでは装飾されていくという仕組みです。作りながらプレビューボタンでプレビューを見つつ進めます。

コードエディターの画面


 「もうすぐ4週目になります。」と書いている前に、 <font color=”red”><strong> といれ、後ろに </strong></font> と入れることで、色はで文字を強調(太文字)にしてくださいという指示になります。

 もう一つの「 しょうもないところ 」の部分は、前に<font size=”5″><font style=”background-color:#FFFF00″><u><b>と書いています。 <font size=”5″> はフォント大きさを5にして、 <font style=”background-color:#FFFF00″> は背景に特定のカラー(今回は黄色)を指定して入れて、 <u> はアンダーバー、 <b> は太文字という意味です。後ろの</b></u></font></font>はここまでという事です。ルール的には、終わりのコードは、 外々、内々 ついになるようにに逆順に並べます。始めのコードは、一番最後置かなければいけないようです。
 時々、終わりのコードを置き忘れたり、strongのつづりをstorngと間違えると、その後の文章がすべて大文字になったりして、ビビります。ちなみに完成するとこの記事の最初のように、こんな感じに見えます。

 



 

 実際に記事に書いてみると単純なことなんですが、私は結構理解するのに時間がかかりました。コードの意味も分かんないし、どこに載ってんだ!!ということで、これもググりました。私が分かりやすかったのはここのサイトでこちらのコードの書き方を参考にしています。

 

文字に蛍光ペン風アンダーラインを引きたい!CSS投入編

実はここまでは、まだ初級編でこんな感じの蛍光ペン風のアンダーラインを引くという事がとっても悩みました。

アンダーラインを引くには、CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)という、ウェブページのスタイルを指定するための言語を編集する必要があるそうなんです。 

  

はぁ?(; ・`д・´)

 

完全にパニックです。蛍光ペンなんてコンビニで100円でも買えるものに、WordPressで引くとなるとまた難しいことに・・・。

 

泣いてても始まらないので、サクッとググると、のサイトでやり方を教えてもらいました。丁寧です!!ただ、そこにこちら「 CSSにそれ用の設定を追加する必要があります。(CSSとは「style.css」のことです。) 」と書いています。私の知識不足では何のことやら全く分かりません、、、
ただ、どうやら先ほどのサイトに貼ってくださいと、コードを置いていたので、それをコピーして、 言われた通り にWordPressの外観からテーマエディターで、style.cssに貼りました!

何も起きない?

間違えたのか?

テーマの変更は下手すると全て変になっちゃうので、一旦やめました。怖いですから。。。。もう一回ググりなおすとここの記事が!!

分かりやすい!!!ありがとう!!

というわけで、外観からカスタマイズにって追加CSSに先ほどの蛍光ペン用のコードを貼ります。

なぜかエラーメッセージが

「何かうまくいかなかったようです。時間を置いてもう一度お試しください。」


何があかんのだーーー(イラっとくるエラーメッセージです。)

こんなことも私は出来んのか!!と泣きそうになっていると、

もしかしたら、コードの中に入っている「/ピンク(細め)/」というのが邪魔してる?と思って全て抜いていきました。

以下のような感じで貼って「公開」ボタンを再度プッシュ!!

無事に公開できました!!

早速、<span class=”pink_line”>ピンクの蛍光ペン(太め)</span>というのを試してみると、

 

ピンクの蛍光ペン(太め)

 

  
やっとできました。めちゃくちゃ時間がかかりました・・・・。

  

というわけで、WordPressやっていない人には何のことかさっぱりの記事かと思いますが、文字を大きくする、色を塗る、蛍光ペンを引くという事にこんなに時間がかかったよ、馬鹿でしょ?という記事でした・・・いやーー情けないです。

今回の教訓は1つ

 


分からないこともググり続ければいつかわかる、分からないときは諦める!

 

最後まで読んでいただいてありがとうございました~。第3回はもう少し先になりそうですが、くじけずに頑張ります!!

 - WordPress,GA奮闘記, 編集長Keの記事