セラフィ さん プロフィール

  •  
セラフィさん: 0;ゼロからはじめる!
ハンドル名セラフィ さん
ブログタイトル0;ゼロからはじめる!
ブログURLhttps://beginningzero.blogspot.jp/
サイト紹介文アフェリエイトとブログカスタマイズ(HTML+CSS)を中心に発信するブログ
参加カテゴリー
更新頻度(1年)情報提供25回 / 5日(平均35.0回/週) - 参加 2017/08/07 09:23

セラフィ さんのブログ記事

  • 過去の記事 …
  • Bloogerで1記事複数ラベルに対して記事一覧を表示させる方法
  • はじめに記事に対しての関連記事表示方法はいくつかある。 RSSリーダを使用する 記事内のラベルを参照してPHPやjavascriptを使用するなどが一般的に関連記事を表示する方法だろう。 Bloggerで関連記事を表示する場合の問題点Bloggerの場合はラベルが階層化されていない、この一言だろう。 ラベルについての関連性が一番良いのか判断できず、関連性の低い記事が表示される状況となる。そのラベルも「ABC、あいうえお順」となるた [続きを読む]
  • SEO対策「SyntaxHighlighter」を使用したページの表示速度改善をする方法
  • はじめにここでは、ページ速度を上げるためにSyntaxHighlighterの読込短縮するための方法を解説する。いままでは、head内に記述していたためすべてのページに対してSyntaxHighlighterを読込していた。そのためSyntaxHighlighterを使用していないページまで読込が発生してしまいページ速度が著しく低下していた。そこで、Javascriptを使用しSyntaxHighlighterを使用しているページだけ読込をする。 SyntaxHighlighterのautoloaderに [続きを読む]
  • CSSの疑似要素beforeとafterで肉球をつくる
  • はじめにオリジナルなhタグ(要素)が作りたくて、肉球をつくってみたお話です。まず最初にCSS擬似要素のbeforeとafterを使用する。 CSSの疑似要素beforeとafterの簡単な使い方 作るにあたっての考え方まずは簡単な装飾から作り最後に肉球の形を作ることにする。。 1.1つ表示する方法ここでは、h1要素「こんにちは」に対して左側に青丸を1つ表示する。 表示結果 こんにちはと結果として表示される。解説 .demo に対して擬似 [続きを読む]
  • CSSの疑似要素beforeとafterの簡単な使い方
  • beforeとafterを使うとどうなるの?要素の前後にスタイル要素を追加できるようになる。 記述の仕方たとえばh1::before{ content: 'Hello!';}h1::after{ content: 'World!';}こんにちはとHTMLがあったとする。 動作としては、 こんにちはh1タグに対して h1::beforeを実行。「Hello!」を表示する h1タグの「こんにちは」を表示する h1::afterを実行。「World!」を表示するとなる。表示結果 Hello!こんにちはWorld!と表示 [続きを読む]
  • STEP4.構造化データエラー「headline」フィールドの値は必須ですの修正方法
  • 「headline」フィールドの値は必須ですを修正する「headline」って何?構造化データを検索エンジン(Google)に伝える際のマークアップの一つである。「headline」とは記事のタイトルである。 Bloggerで「headline」の記述方法SETP.1構造化データエラー「author」フィールドの値は必須ですの修正方法でを作成したならば、その直下にコードを追加する。なければ・・・ の記述さがし、この直下にコードを追加 Bloggerのシンプル [続きを読む]
  • STEP3.構造化データエラー「name」フィールドの値は必須ですの修正方法
  • 「name」フィールドの値は必須ですを修正する「name」って何?構造化データを検索エンジン(Google)に伝える際のマークアップの一つである。「name」は調べたがいまいち定義がはっきりせず。今回は、自分の名前を表示することとした。 Bloggerで「name」の記述方法SETP.1構造化データエラー「author」フィールドの値は必須ですの修正方法でを作成したならば、その直下にコードを追加する。なければ・・・ の記述さがし、この直 [続きを読む]
  • STEP0.Bloggerでバックアップの取り方
  • まず最初に必ずバックアップを取ること直接コードを修正する可能性のある場合、間違った場所を修正すると表示されなくなったり、意図しない表示になったりする危険がある。そのため必ずバックアップを取ておこう!。バックアップ方法 Bloggerを開く 「テーマ」画面右上にある「バックアップ復元」 『テーマをダウンロード』 復元方法 Bloggerを開く 「テーマ」画面右上にある「バックアップ復元」 「ファイルを選択」 [続きを読む]
  • STEP1.構造化データエラー「author」フィールドの値は必須ですの修正方法
  • 「author」フィールドの値は必須ですを修正する「author」って何?構造化データを検索エンジン(Google)に伝える際のマークアップの一つである。「author」は簡単に言うと記事の著者名である。 Bloggerで「author」の記述方法 の記述があれば、この直下にコードを追加 Bloggerのシンプルテーマでは となっている。 もし上の記述がなければ、(記事内)でもど良いであろう。 追加コードCSS部分.post-header { display:n [続きを読む]
  • 【JavaScript初級入門】はじめてのJavaScript「Hello world」
  • STEP0.JavaScriptの記述の仕方ここでは、JavaScriptの記述方法を勉強する。JavaScriptをどこに記述するのか?〜タグの中であればどこでもok。 ・ ・ JavaScriptを使って文字列を表示する上の例をもとに、文字列「Hello world」を表示してみる--> 詳細説明 Javascript非対応のブラウザ対応 8行目:Javascript対応のブラウザが必要です 9行目: で終了。language="JavaScript"は最新のバージョンで実行するという意味 [続きを読む]
  • bloggerで404エラーページをカスタマイズする
  • フローチャート もし表示しているページがエラーページだったら?YES:404ページを表示NO:次の処理へ 実際の処理b:if cond処理でdata:blog.pageType(現在のページ)がerror_page(エラーページ)かどうかを判定し、==(イコール)だったら404ページを表示させる。 ・ ・ (404ページの内容) ・ ・ 追加する場所html部分はを探す。見つかったらしたのコードを追加する。 404 Page Not Found お探 [続きを読む]
  • 過去の記事 …