こんにちは！
Hellos and welcome, dear readers!
最近秋晴れが続いていて
お散歩するときに空気が
気持ちよくて嬉しいタカペンです！
This is Taka Pen, enjoying the sunny autumn weather with the crisp fresh air outside. (Although supposedly it's gonna rain tomorrow. Oh, well. I'll walk on my treadmill. lol)
さて、はてなブログ様でブログを
書かせていただいているわけですが
書体？のデザインって言うのでしょうか
気になったりやりたいことが
幾つかあって、それについて
調べてみたことを自分用メモとして
残しておこうかと
So anyway, as I've been blogging on Hatena Blog, I've been wondering about how to do some of the font/pagaraph/page styles. This entry is mainly a memo to myself on my findings on how to do some of the things.
- そもそもの疑問 / My Questions
- 目次のつけかた/How to Insert an Index
- 引用のカスタマイズ/Customizing Quotation Blocks
- 行間の調整/Adjusting Line Spacing
- 最後に/Lastly
そもそもの疑問 / My Questions
ブログってどう言う風に書くのだろう
とか
どう言う内容の記事があるのだろう
とか
あれこれ読んでたら
I've been browsing around various blogs on Hatena Blog because I wanted to see how people were writing blogs and what kind of blogs there were around.
なんかかっこいい
目次とか
引用だとか
なんかあれこれあって
And I've been noticing some cools stuff on people's blogs, like index areas, blocked off quotations, and things like that.
最初のうちは、はてなブログ様の
デフォルトの設定なのかな？
と思ってたのですが、ブログを
書いているうちにどうやら違うようだと
At first I just thought that maybe you could do those with default functions that Hatena Blog provides; however, I've found out otherwise as I started writing a few entries.
ちょっと検索してみたところ
はてなブログ様って自分で
CSSをカスタマイズできるんですね
So I googled on how people were doing them. And apparently, Hatena Blog lets you customize various font/page styles by using CSS.
因みにCSSはふんわりと
書体やら見た目をとにかく
あれこれ細かく設定できる
プログラミング言語とまでは
多分行かないのですが、
なんかそう言うあれなんですね
CSS, in case you aren't familiar with it, is like a semi-programming language (or part of one I guess?) that lets you specify how things look on your webpages.
タカペンはむか～しちょっぴり
触っただけなので、自分では
書けないです（笑）
I used to do a bit of HTML in the very old days and did take a look at CSS when those things came out, but it was too much like programming for me, so I can copy and paste, but not really utilize them.
目次のつけかた/How to Insert an Index
目次ってつけたかったんですけど
そもそも
つけかたがわからなかったんですね
I wanted to use index for my blog entries, but I couldn't really figure out how to do it.
目次って機能クリックして、プレビュー
確認しても何も起きないし、なんだろ？
と思って忘れてたのですが
Hatena Blog does provide an index function when you're creating an entry, but for the life of me, I couldn't figure out how to use it. I'd click on it, check in preview, and nothing would show up. So I'd actually forgotten that this function was even there.
改めて調べてみたら
まずは目次にしたい部分を
「見出し」にするんですね
So this time I actually went to look up how to insert the index. Apparently all I needed to do was change the font of any line I want to use in an index to "header" and the index function would work. Wasn't as intuitive as I'd hoped. lol
次のブログ様が細かいやり方を
書いてらっしゃるので
そこで初めて目次の使い方を
覚えたタカペンです
The below blog entry explained the process, and that's where I managed to use the index function for this blog entry.
*All the blogs referred to in this entry are written in Japanese
そして、既に目次のやり方は知ってる
もっと違うデザインが欲しい、と言う方は
既にご存じでしょうし、恐らく
目次のデザインのCSSをコピペできる
ブログ様は幾つかあるのでしょうけれど
一つ参考にさせていただいたブログ様を
こちらにご紹介
And if you already know how to use the index function, just want different styles, there are blogs that offer CSS formats to copy from, like the one below:
*All the blogs referred to in this entry are written in Japanese
実はこの記事を書くのにあたって
初めて目次について調べたので
今までの記事に活かせてません
これからの記事に使えれば！
I actually looked up the index thing for the first time when I started writing this blog entry. That's why my past blog entries do not have any indices (is that the right plural for index...?).
引用のカスタマイズ/Customizing Quotation Blocks
歌詞についてブログを書くなら
引用は必須
In order to write about how I do translyrics, quotations are a must.
ちらほらなんかすごく
THE引用！
みたいなのみかけるし
はてなブログ様でデフォルトの
設定なのかな～と思ったら
こちらもカスタマイズが必要でした
I've seen in other Hatena Blog entries blocked off quotations that look pretty cool, and it looked like everyone was using the style, so I kind of assumed that was the default styling by Hatena Blog. Wrong. It wasn't. Apparently everybody's using the same CSS customization. lol
とゆーことで
以下のブログ様を参考にしてみました
So I went to below blog and obtained the CSS code.
*All the blogs referred to in this entry are written in Japanese
行間の調整/Adjusting Line Spacing
さて、英訳した歌詞の説明を
細々と書いているのですが
行変えしていることもあって
とても縦長な記事になってるのですね
So I've been writing (in Japanese right now) about my translation process and explanation, but it's getting pretty long.
で、ちょっと前から気になってたけれど
まぁいっか、と放っておいた
行間の空き方がとても気になって・・・
And it's been hovering on the edge of my mind that the line spacing seems pretty huge.
なんとかならないのかしらん
と検索してみたら
やはり同じように、気になってる方たちが
いらっしゃるようで、こちらもCSSの
カスタマイズで対応可能のようでした
So I googled it once again, and it seems like the line spacing has been bothering other people as well, so there's once again, a CSS code to customize the line spacing. How neat is that!
以下参考にさせていただいたブログ様です
And I got the code from below blog:
*All the blogs referred to in this entry are written in Japanese
最後に/Lastly
ちらほらアフィリエイトとか
お金儲けのブログ様が見受けられますが
タカペンはそう言うのうといので
とりあえずカスタマイズに必要な情報を
取ってきてるだけです
When I went to look for these how-to blogs, I saw these "affiliate" things. Not sure what they're called in English, but basically they're things that let you earn a bit of money by directing people to other websites through various ads. I think. Really not sure how they work. lol
ブログ様紹介も、こうして記事に纏めたら
私のようにはてなブログ様新参者の
お役に立てるかな～と、それだけで
URLを貼ってます
I've been pasting the URL to these affiliated blogs, but I just wanted to clarify that my blog has absolutely nothing to do with earning money (at least not yet! :P). Just wanted to gather the URL of blogs that I personally found useful in shaping my Hatena Blog formats.
さて、こんな感じで目次もつけられるように
なったし、少しずつブログスキルを
あげていくことができればと思ってる
タカペンです
So going forward, I should be able to make use of the index function, and make the blog entries tidy up a bit more, rather than sprawled out all over.
次は多分「一番星ソノリティ」の英訳の
説明を日本語で書いた記事を
投稿できると思います
Anyway, I believe my next blog entry should be the translyrics explanation for "Ichiban Boshi Sonority" in Japanese. English will follow a little later.
ではではっ！ タカペンでした！
Thanks for reading! Taka Pen out!
