Top Page > Category:Seesaaブログ

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

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

【Seesaaブログ新デザインシステム】ブログ内検索結果ページに記事リストを作る

■Seesaaブログの検索結果ページ上部に記事リストを作る■独自で作っていたclass「article_kobetu」「subheading」を使用  前回の記事<■カテゴリページに記事リストを作る>でカテゴリページにタイトルだけの記事リストを作ったので、ブログ内検索結果ページ(検索結果ページ)でも同じように記事リストを作りたいと思います。なぜカテゴリページの次にブログ内検索結果ページのカスタマイズをするのかというと、その順番でH…

【Seesaaブログ新デザインシステム】カテゴリページに記事リストを作る

■Seesaaブログのカテゴリページ上部に記事リストを作る■どのようなページ構成にするのかを考える■独自で作っていたclass「article_kobetu」「subheading」を使用  Seesaaブログにはカテゴリページがあります。「カテゴリーページ」なのか「カテゴリ一覧ページ」なのか正式名称は知りませんが、とりあえず私は「カテゴリページ」と呼ぶことにします。カテゴリページは記事に設定されている「カテゴリ」をクリックすると開く…

【Seesaaブログ新デザインシステム】見出しタグを変更する(4)スマホ用テンプレート(見出しタグのスタイルを作る)

■Seesaaブログの見出しタグを変更する■パソコン用テンプレートとスマホ用テンプレートの違い■記事内でh3やh4を使うためにclassを作る  前回の記事<■見出しタグを変更する(3)h3やh4をpタグに入れ替える>で、デフォルトのテンプレートの「h3」と「h4」を、「pタグ」(または「h2」タグ)に変更しました。見出しタグを変更してもスタイルを指示しているのは各classなので、ページ表示上のスタイルは変更されていないこと…

【Seesaaブログ新デザインシステム】見出しタグを変更する(3)h3やh4をpタグに入れ替える

■Seesaaブログの見出しタグを変更する■「h3」と「h4」をそれぞれ「pタグ」に変更する■HTMLとコンテンツHTMLを編集前回の記事<■見出しタグを変更する(2)見出しタグをどこで使うのか計画する>で計画したように、Seesaaブログのパソコン用テンプレートの見出しタグ「h3」と「h4」を、段落「pタグ」に入れ替えたいと思います。SeesaaブログのHTMLでは、見出しタグを使っている箇所に「class」が指定されています。見出し部分…

【Seesaaブログ新デザインシステム】見出しタグを変更する(2)見出しタグをどこで使うのか計画する

■Seesaaブログの見出しタグを変更する■h3とh4を記事内で使えるようにする■何の見出しタグが使われているか確認■ブログのどの部分に使うのか計画する  見出しタグはSEO的にとても重要なものなので、前回の記事<■見出しタグを変更する(1)Seesaaブログの見出しタグを確認する>で少しだけ見出しタグについて説明しました。この記事では、見出しタグを自分のブログでどのように使うのかを計画したいと思います。当記事の関…

【Seesaaブログ新デザインシステム】見出しタグを変更する(1)Seesaaブログの見出しタグを確認する

■「h3」と「h4」を記事内で使えるようにする■Seesaaブログの見出しタグがどのように設定されているのかを確認  「見出しタグ」(「h1」や「h2」など)はHTMLに記述します。見出しタグにはインデックスの役割があるので、視覚的に目立つようなスタイルでCSSに記述していると思います。大見出し、中見出し、小見出しみたいな感じで文章の間に見出しがあると、長い文章を書いてもスッキリと見えますからね。しかも、見出しタグ…

【Seesaaブログ新デザインシステム】ページ案内リンク「もっと見る」の表記を変更する

■Seesaaブログのページ案内リンク「もっと見る」を編集■「もっと見る」という表記を『「○○」の記事をすべて見る』に変更  「もっと見る」というのは、「タグ一覧ページ」で表示されるページ案内リンクです。私は以前の記事<■【Seesaaブログ新デザインシステム】ページ案内リンク(「12345ボタン(pager)」「続きを読む」「もっと見る」)を編集する>で、「もっと見る」リンクをボタンに変更しました。まあ、ボタン表示…

【Seesaaブログ新デザインシステム】タグ一覧ページのサムネイル画像サイズを変更

■Seesaaブログのタグ一覧ページを編集■画像にタグを設定した場合のサムネイル画像サイズを変更■CSSの「tag-photos__item」関連を編集  記事にタグを設定した場合、そのタグをクリックすると「タグ一覧ページ」が開きます。タグは記事に付けることができますが、画像にも付けることができます。試しに画像にタグを付けてみました。で、そのタグをクリックしてみたら、画像が並んだタグ一覧ページが表示されました。これって…

【Seesaaブログ新デザインシステム】画像一覧ページで表示する画像が無い場合(「非公開」画像の設定と画像一覧ページの構成)

■Seesaaブログの画像一覧ページを編集■画像一覧ページで表示できない画像がある場合の「非公開」を画像と同じサイズに編集■画像一覧ページのHTML構成の説明■ついでに「表示できる画像がありません」を編集  「画像詳細ページ(アップロードのページ)」の上部にあるカレンダーで「月」をクリックすると、選択した「月」にアップロードされた画像が一覧表示されます。このページを私は勝手に「画像一覧ページ」と呼んでいま…

【Seesaaブログ新デザインシステム】画像一覧ページのタイトル表記を変更する

■Seesaaブログの画像一覧ページを編集■画像一覧ページのタイトル部分の表記を編集■「"○○"の画像一覧」という表記を「ブログ『○○』の画像一覧」に変更  画像詳細ページ(アップロードのページ)では、ページ上部にあるカレンダーの「月」をクリックすると、選択した月にアップロードされた画像が一覧表示されます。カレンダーの「月」とは、この画像の赤枠で囲んでいる部分のことです。「月」(赤枠部分)をクリックする…

【Seesaaブログ新デザインシステム】画像詳細ページで表示する画像がない場合(タイトルと「非公開」画像の設定)

■Seesaaブログの画像詳細ページ(アップロードのページ)を編集■画像詳細ページで表示する画像がない場合に「該当する記事はありません」と表示させる■「非公開」と表示される部分も編集  Seesaaブログの「管理画面>ファイルマネージャ」で画像をアップロードしたけれどもまだ記事に画像を掲載していない場合(画像をアップロードしただけの状態)や、背景画像やトップへ戻るボタンで使用した画像のように、記事自体に使用…

【Seesaaブログ新デザインシステム】画像詳細ページの関連画像サムネイル(2)1行に5個の画像を表示する

■Seesaaブログの画像詳細ページ(アップロードのページ)を編集■関連画像部分のサムネイル数を設定して1行に5個のサムネイルを表示■サムネイル画像のサイズを変更■CSSの「.upload-detail .upload-list」関連を編集  前回の記事<■【Seesaaブログ新デザインシステム】画像詳細ページの関連画像サムネイル(1)1行に6個の画像を表示する>では、画像詳細ページの下部に表示される関連画像のサムネイル画像サイズを変更しま…