月: 2016年4月

投稿一覧のでの記事の並び

 
WordPressでの「投稿一覧」を表示すると、Defaultでは記事の投稿順に上から表示されている。これを、特定のページを上部に表示させたり、非公開の記事がいくつかある中で先に公開したページを下部にもっていったりなど、表示順を変更したい場合について調べたので簡単にメモ。
 

プラグイン「Intuitive Custom Post Order」の導入

 
投稿一覧での表示順は、「Intuitive Custom Post Order」というプラグインを使うと簡単に変更することができた。
プラグインは、WordPressのメニューにある「プラグイン」→「新規追加」にある「プラグインの検索」で「Intuitive Custom Post Order」で検索して追加することができる。
 

 
このプラグイン適用後の投稿一覧では、一覧表示されている記事の並び順をマウスの『Drag & Drop』で変更できるようになった。

 
スポンサーリンク

Twenty Sixteen でのページ下部にでる記事のナビゲーション(「次の投稿」「前の投稿」)について、自分には表示が少し見づらかったことと、この「メモ帳」ではTOPページでcontents(目次)を表示しているので、この部分を非表示にする方法について色々と調べてみた。こちらのサイトの「Twenty Fourteenでの非表示の方法」を参考にさせて頂き、style.cssの最下部に以下の4行を追加。

/*** 「次の投稿」「前の投稿」を非表示 ***/
.nav-links {
display: none;
}

 
設定反映後、記事ページを見てみると、Twenty Sixteenでもちゃんとページ下部にあった前後の記事への誘導部分が非表示にすることができた。

 
スポンサーリンク

広告の周りに表示される枠線について

 
さほど気にならなかったのだが、Google AdSenseの広告枠の周りに、青色の線のようなものが表示されていた。最初は一時的なものなのかと思ったのだが、どの記事ページでも、スマートフォンで見ていてもこの「青色」の枠線のようなものが表示されていたので、これを消す方法について以下にメモ。
 

広告枠の背景色

 
こちらのページに『Google Adsense表示前にあらわれる黄色の背景色を非表示にする方法』について記載されていた。自分の場合は黄色ではなかったが、確かに、広告枠の背景色が広告とずれている感じだった。
 
(設定変更前の状態)

 

そこで、試しにINSタグの背景色の設定を変更してみることにした。
 

INSタグの設定変更

 
INSタグの背景色の変更は、「WordPress」の「外観→テーマの編集」から「style.css」を以下のように修正した。

/**
* 3.0 – Typography
*/

(中略)

ins {
/*background: #007acc;　*/
background: none;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;

 
上記のように背景色の設定をコメントアウト、”none”の設定を追加して「設定を保存」し、記事ページを更新してみたところ、ちゃんと広告周りの枠線のようなものが消えていることが確認できた。

 
スポンサーリンク