こんにちは、てつです。今日は、はてなブログ×twitterについての記事を。 はてなブログでtwitterのタイムラインが表示されているブログや、記事内にツイートが埋め込まれているブログを見かけたことはありませんか？ 今回は、はてなブログとtwitterを上手に組み合わせる方法について解説したいと思います。 紹介する内容は、 はてなブログのサイドバーにtwitterのタイムラインを表示する方法 はてなブログの記事内にツイートを埋め込む方法 はてなブログで記事公開と同時にtwitterに自動投稿する方法 この3つを紹介していきます。 ブログ用のtwitterアカウントを開設しているけど、イマイチ連携できていないという人は参考にしてみてください。 はてなブログのサイドバーにtwitterのタイムラインを埋め込む それではまず、はてなブログのサイドバーにタイムラインを埋め込む方法から。 今回、前

2016 - 05 - 23 注目のはてなカスタムテーマ「Naked」を全面的に採用してしまった話。ーフッターのカスタマイズ方法も解説 ブログ ブログ-ブログカスタマイズ あとで読む おすすめ記事 ブロガー、読書好きにはおすすめのKindle Paperwhite(2015)購入マニュアル！－2015年ベストバイ！ Feedly→Pocket→Evernoteを活用して効率的に情報をストックするおすすめの方法 GWどころか人生を持て余している人に捧ぐ超絶面白いサイト...！－『哲学的ななにか、あと科学とか』 スポンサードリンク 当ブログのデザインの大部分を頼らせてもらっているゆきひーさん（ id:ftmaccho ）がついにはてなブログテーマ『Naked』をリリースしたということで早速飛びついてしまいました！ デザインを変えるのは手間がかかるので最初は様子見と思ったんですけど、フッターカス

長かった！ここまで長かった…！ まとめてみたら1万字の大ボリュームになってしまった！ それなりに満足する出来になってきたので当ブログで行ったカスタマイズをまとめて大公開するぞっ！！（といっても初心者向け） カスタマイズする際は前のコードを取っておきましょう！カスタマイズ用のサブブログもあると便利！紹介だけなので各自で頑張ってみてね。僕も素人だったのでやればいろいろできますぞ。 導入テーマ タイトル周辺 タイトル画像 グローバルメニュー 記事本文 記事本文のCSS 記事内の一部を背景色と蛍光ペンみたいな下線で装飾する方法 リンクの色 変な行間の消し方 見出しのカスタマイズ 枠線 目次 記事タイトル等 日付 記事タイトルの見出し 記事上のタグと記事間のスペース調整 続きを読むボタン 挿入する画像に枠を付ける サイドバー プロフィール フォロー、シェアボタン サイドバーのモジュール まとめ 導入

ブログのSEOを強化しよう 2016年10月に記事を加筆・修正しました。 せっかくブログを運営するなら、アクセスが多い方がやりがいがあります。 TwitterやFacebook、はてなブックマークなどの一時的なアクセスがあっても、それは長続きしません。安定的にアクセスを増やすにはSEO対策を必ず行ない、Googleなどの検索エンジンからの流入を増やしましょう。 今回は、ブログを運営する上で必ず行ってほしいSEO対策について書いていこうと思います。項目はかなり多くなりますが、実践すれば必ず検索流入は増えるはずです。 当ブログでもSEO対策を行い検索流入も増えてきたため、安定的に数万のアクセスを稼ぐようになりました。記事の更新は少な目ですが、毎日たくさんの検索流入があります。 追記：2016年3月現在、約20万ほどのPVがあります。ブログを書いている時間はそこまで長くありませんが、SEO対策を

Site will be available soon. Thank you for your patience!

ituore.com 2024 著作権. 不許複製 プライバシーポリシー

執筆の息抜きにと思いテーマを作成していたのですが、コツコツと作り進めやっと完成をしました。本当は執筆後にと思っていたのですが、ブログを書かずにテーマの作成を進めてしまいました。実際に今このブログにもテーマを適用しています。見え方としては今見ているページのようになります。ちなみに現在はPCのみに対応しているので、スマホ等から見ている方ははてなページのままだと思います。 ２０１６年５月２９日にレスポンシブデザインに対応しました。 ※スマホ用のCSSは後の記事で一覧をまとめて書きます。 今回作ったテーマのコンセプトは、「主役はコンテンツ」と言うことで、よりコンテンツ作りに集中してもらえるようなテーマを作ろうという所から出発し、見てくれるユーザーからも見やすくするために全体的に余白や文字の間隔等にも余裕をもたせいます。そして楽しまれるような実用的なテーマを目指して来ました。その想いが現れるように、

はてなブログの新しいテーマを作りました！ついに完成です！ テーマの概要 全体のデザイン PC（768pxより大きいサイズ） タブレット（768px以下のサイズ） スマホ（680px以下のサイズ） 作成コンセプト デザイン詳細 背景色・背景画像 例 コードが必要なカスタム ヘッダーのメニュー フッターをつくりこむ コピーライトを表示 まとめ テーマの概要 全体のデザイン レスポンシブ対応のテーマ「Naked」を作成しました。 全体のデザインはこのようになっています。 デモブログはこちら theme-naked.hatenablog.jp こちらでは、ブログ全体のデザインが見れるだけでなく、今後のカスタマイズ情報も更新していきます。興味のある方は、ぜひこちらも購読をお願いします。 インストールは、テーマストアからどうぞ（注：インストールをすると、デザインCSSの内容が破棄されます。必ずバックア

Site will be available soon. Thank you for your patience!