Top Page > Category:Seesaaブログ

カテゴリ「Seesaaブログ」の記事リスト【目次】

カテゴリ「Seesaaブログ」の記事一覧

【Seesaaブログ新デザインシステム】Twitterマーク等の「ソーシャルボタン」を使わない

■記事ページの下に表示されるソーシャルボタンを非表示にする■「posted by」の下余白を調整(囲み線との間の余白を調整)■CSSの「.article__footer .posted」を編集  自分のブログを眺めていたら、個別記事の下にTwitterやFacebook等の「ソーシャルボタン」が表示されているのが気になってきました。今はちょこちょことカスタマイズを試している段階なんですが、その過程でTwitterやFacebookアイコンが邪魔になってきました…

【Seesaaブログ新デザインシステム】横幅を変更してから各サムネイル画像のサイズを調整する

■Seesaaブログの横幅を広くする■メインコンテンツとサイドバーの横幅を広げる■サムネイル画像サイズを変更(「記事ページ関連記事のサムネイル」「画像詳細ページのサムネイル」「タグ一覧ページのサムネイル」)■サイドバー「最近の記事」の文字数を変更  突然ですが、ブログの横幅を広げます。最近のサイトやブログはレスポンシブ対応のものが多くて(Seesaaブログもそうですね)、けっこう横幅を広くして使っている方が…

【Seesaaブログ新デザインシステム】タグ一覧ページの記事数を初めから最大件数(12件)表示する

■タグ一覧ページに最初から12件表示させる(「もっと見る」を表示するページではなく、その先のページを表示させる)■「記事ページ」「個別記事ではないページ」「タグ一覧ページ」「コメント記入ページ」「サイドバー(タグクラウド)」のタグURLを編集  Seesaaブログでは「タグ」を登録することができます。「タグ」は記事作成画面で「タグの追加」をすることで登録します。記事に登録した「タグ」は、記事ページの記事タ…

【Seesaaブログ新デザインシステム】タグ一覧ページ「タグクラウド」に記事数を表示、単語の途中で改行しないようにする

■Seesaaブログのタグ一覧ページの「タグクラウド」を編集■「タグクラウド」と「タグクラウドのタグ」の説明■タグに記事数(件数)を表示させる■マウスを乗せた時の表示を変更する■単語の途中で改行しないようにする  以前の記事<■サイドバー「タグクラウド」に記事数を表示、タグの文字サイズ変更、単語の途中で改行しないようにする>では、サイドバーの「タグクラウド」の「タグ」表記を変更しました。「タグクラウド…

【Seesaaブログ新デザインシステム】サイドバー「過去ログ」をリストボックスメニューにする

■Seesaaブログのサイドバーの「過去ログ」を編集■過去ログをリストボックスメニューで表示する■前回の記事で編集したプルダウンメニューのコードに追加■コンテンツHTMLを編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」でのサイドバー「過去ログ」のスタイルを編集しています。前回の記事<■サイドバー「過去ログ」をプルダウンメニューにする>では、「過去ログ」をプルダウンメニュー化しました。現…

【Seesaaブログ新デザインシステム】サイドバー「過去ログ」をプルダウンメニューにする

■Seesaaブログのサイドバーの「過去ログ」を編集■過去ログをプルダウンメニューで表示する■独自で作っていたclass「side-pull」を使用してスタイルを設定■コンテンツHTML、CSSを編集  seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」を編集した結果、現時点でのサイドバーの「過去ログ」は、この画像のようになっています。現時点のテンプレート前回の記事<■サイドバー「タグクラウド」をプルダウンメニュ…

【Seesaaブログ新デザインシステム】サイドバー「タグクラウド」をプルダウンメニューにする

■Seesaaブログのサイドバーの「タグクラウド」を編集■タグクラウドをプルダウンメニューで表示する■新しく作ったclass「side-pull」の設定■コンテンツHTML、CSSを編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」を編集した結果、現時点でのサイドバーの「タグクラウド」は、下の画像のようになっています。(デモブログのタグクラウドだとタグの登録件数が少ないのでわかりにくいかな?と思って、「仮…

【Seesaaブログ新デザインシステム】サイドバー「タグクラウド」のタグ(単語)を線で囲んでボタンにする

■Seesaaブログのサイドバーの「タグクラウド」を編集■タグ文字を線で囲む(ボタン風)■CSSに「.module--tag-cloud ._tag」を追加する  前回の記事<■サイドバー「タグクラウド」に記事数を表示、タグの文字サイズ変更、単語の途中で改行しないようにする>で、Seesaaブログのサイドバー「タグクラウド」のタグ(単語)部分を細かく編集しました。記事件数を表示させたり、マウスを乗せた時の表示を変更したり、タグ文字サ…

【Seesaaブログ新デザインシステム】サイドバー「タグクラウド」に記事数を表示、タグの文字サイズ変更、単語の途中で改行しないようにする

■Seesaaブログのサイドバーの「タグクラウド」を編集■タグに記事数(件数)を表示して文字サイズを変更する■マウスを乗せた時の表示を変更する■単語の途中で改行しないようにする  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」のサイドバーの「タグクラウド」を編集します。Seesaaブログのサイドバーのタグクラウドは、タグの登録記事数に応じて文字の大きさが変更されるように設定されています。これがち…

【Seesaaブログ新デザインシステム】サイドバーのリンク下線を削除する

■Seesaaブログのサイドバーのリンク部分に設定されている下線を削除■独自で作っていたclass「side-waku」を使用して削除■CSSに「.side-waku a」または「.side-waku .module__body a」を追加■「side-waku」を作っていない場合の処理  私は以前書いた記事<■リンクの設定を変更する(文字色の変更など)>で、自分のブログのリンク文字には通常時でも下線を表示するように設定しています。どの文字がリンクなのか、わからな…

【Seesaaブログ新デザインシステム】サイドバー「人気記事」のリスト表示を編集して、リストの先頭に数字を表示させる

■Seesaaブログのサイドバーの「人気記事」を編集■リストの先頭にマーカー文字(算用数字)を表示■CSSの「.module--popular-entry .module__body ol li」を編集  Seesaaブログのコンテンツ「人気記事」は、2015年8月からリリースされた機能で、「ブログ内で人気のある(PV数の多い)記事をランキング形式でブログ上に表示できる」コンテンツだそうです。現時点のテンプレートSeesaaブログのデフォルトのテンプレート「シンプ…

【Seesaaブログ新デザインシステム】サイドバー「過去ログ」「カテゴリ」のリストの先頭に「●」を付ける

■Seesaaブログサイドバー「カテゴリ」「過去ログ」のリスト表示を編集■list-style-typeプロパティを使わずに直接「●」を記述■コンテンツHTMLを編集  Seesaaブログのサイドバーには「カレンダー」「ブログ内検索」「カテゴリ」「最近の記事」「過去ログ」「タグクラウド」「人気記事」「自由形式」などのコンテンツを表示することができます。このうち「過去ログ」と「カテゴリ」のリスト表示の先頭に「●」を付けたいと思…