HOME →  → 

WordPress 2016から2017へ テーマの変更

WordPress
Twenty Sixteen から Twenty Seventeen へ
テーマの変更
 

WordPressでブログを開設して1年と少し経った。開設時の最新テーマが 【 Twenty Sixteen 】 だったので 【 Twenty Sixteen 】 を使用して公開してきたが、昨年末以来登場した 【 Twenty Seventeen 】 で作られたブログのデザインが美しく・羨ましかったので、思い切ってテーマを変更し、画面デザインを変えることにした。

WordPress2016から2017へテーマの変更

 
テーマの変更は、初めての挑戦だったが、トラブルもなく意外とスムースに変更できた。以下その記録。
HOME →  → 

WordPress 4.9 Expected COLON at line xxx, col 1.

WordPress Version 4.9
style.css でのエラーメッセージ
Expected COLON at line xxx, col 1.
 
 WordPress を Version 4.9 に更新したら、『外観』→『テーマの編集』の スタイルシート (style.css) で、エラーが表示されるようになった。
 
wordpress 4.9 スタイルシート (style.css) でのエラー

 

これに気づくのに、少々手間取った。

又、【 Advanced Code Editor 】プラグインは、使用しない方が良い。
 

以上。
(2017.11.20)

 

 

スポンサー リンク

 

             

 

 

 
HOME →  → 

WordPress 記事作成中に、突然画面がリフレッシュされ、作業が前に戻る

WordPress 記事作成のためのカスタマイズ
リビジョン管理 と 自動保存機能 の停止
 
記事作成中に、『突然』画面がリフレッシュされて、記事の更新が数作業前に戻ることがある。
記事作成に集中している時に、【邪魔】されるだけでなく、記述していた幾つかの文章が【無効】になる、ことがしばしば起こる。
親切な機能ではあるが、リビジョン管理 と 自動保存機能 を無効にした。
HOME →  → 

WordPress ショートコードで『ブログカード風』『関連記事一覧』を表示

WordPress Twenty Seventeen
Twenty Seventeen のカスタマイズ
ショートコードで『関連記事一覧』を表示
 
任意のページの、任意の場所に、任意のカテゴリーの『記事一覧』を、任意の数だけ、サムネイル付きで表示する『関連記事一覧を表示するショートコード』を作成した。 記事一覧は、『ブログカード』風のデザインにした。
 
ショートコードで、ブログカード風『関連記事一覧』を表示した例。
ショートコードで『関連記事一覧』を表示 
HOME →  → 

Twenty Seventeen 文字と画像が被る 問題への対処

WordPress Twenty Seventeen
文章の一部に画像が重なる問題への対処
子テーマの style.css を変更
 
記事や固定ページの作成で、文章の下に画像を挿入した場合、画像が文章の下部に重なってしまう。
文字と画像が被る
 
以下に、この現象が発生するケースと、対処方法を記録。
HOME →  → 

Twenty Seventeen 「続きを読む」をクリックした時、ページの先頭にジャンプ

WordPress Twenty Seventeen
画面制御ボタンのカスタマイズ
「続きを読む」をページのTOPにする
 
WordPressでは「続きを読む」をクリックした場合、まさにその続きの場所から表示される。これを『利便性』の観点から、ページの先頭から表示されるように変更する。
HOME →  → 

Twenty Seventeen 「続きを読む」をCSSでボタン化する

WordPress Twenty Seventeen
画面制御ボタンのカスタマイズ
「続きを読む」をCSSでボタン化する
 
style.css を編集するだけで、「続きを読む」をボタンにすることが出来る。
 
「続きを読む」をCSSでボタン化する
 
以下に、「続きを読む」ボタンのCSSを記録。
 
HOME →  → 

Twenty Seventeen ページトップへ戻るボタンの設置

WordPress Twenty Seventeen
画面制御ボタンのカスタマイズ
ページトップへ戻るボタンの設置
 
ページをスクロールすると、画面右下に「トップへ戻る」ボタンが浮かび上がってきて、これを押すとページの先頭に戻るボタンを設置した。
以下に、この方法を記述。
HOME →  → 

WordPress SNSボタンをサイドバーにウィジェットで表示

WordPress Twenty Seventeen
SNSボタンのカスタマイズ
サイドバーにウィジェットで表示
 
サイドバーにも「カスタム HTML」というウィジェットで【 SNSボタン 】を表示。 
SNSボタンをサイドバーにウィジェットで表示
 
以下に、この表示要領を記録。