アーカイブ:「2017年9月」

Table of Contents Plusを使ってWordPressで投稿する記事に自動で目次をつける方法

WordPress
Table of Contents Plusを使ってWordPressで投稿する記事に自動で目次をつける方法

WordPressに限らずブログを書いている方の多くは「目次」を作りたい!
と思ったことが一度はあるのではないでしょうか。

ただ目次を手動で作ってしまうと後日記事を編集した際に目次の箇所を直し忘れた、、、
なんて経験をされた方、多いのではないでしょうか?
筆者はなどかそんな経験があります。

そこでWordPressを使っている方に朗報です!

WordPressのプラグイン「Table of Contents Plus」を使えば自動で目次を作ってくれるので、導入方法をご紹介。

(さらに…)

MacのSafariでiframe内のfixedが表示されない

JavaScriptMac
MacのSafariでiframe内のfixedが表示されない

サイトの作りによってはiframeを使うことは今でもあると思います。

iframeの使用用途としては、
・自分で作ったページをiframeで読み込む
・外部サイトの動画などを読み込む
といった使い方があると思います。

そんな中、今回は自分で作ったページをiframeで読み込んだ際に、
MacのSafariの時に要素が透明化され表示されないといったバグに遭遇したので、
回避方法をご紹介。

(さらに…)

ユーザの権限レベルに合わせて管理画面のメニューを非表示にする方法

WordPress
ユーザの権限レベルに合わせて管理画面のメニューを非表示にする方法

WordPressでサイトを制作していると、ここはカスタム投稿で作って登録した方が楽だな〜
っと制作者サイドでなる時があるのですが、お客さんには関係ない・編集させたくない!
になるケースがありました。

お客さんが編集する箇所は投稿者権限だけで十分な場合、発行するアカウントの権限レベルに合わせて「投稿」「カスタム投稿」「コメント」「ツール」などを非表示にする方法があるのでご紹介。

(さらに…)

スマホでページ内リンクが効かない

JavaScript
スマホでページ内リンクが効かない

レスポンシブやスマートフォン専用ページでページ内リンクを実装した時に、稀にページ内リンクが効かなくなる時があります。

理想はクリックしたらスムーススクロール(スムーズスクロール)して欲しいのですが、なぜか動作しない。

そんな時は普段使いしてるスムーススクロールのjsを紹介する内容に変更して見てください。

(さらに…)

【2017年9月】XSERVERが「nginx」を導入!

XSERVERnginx
【2017年9月】XSERVERが「nginx」を導入!

XSERVER(エックスサーバー)がついにnginxを導入しました!
nginx待っていた方は多いのではないでしょうか!?

私は今まで仕事やプライベートでオススメのサーバは?
と聞かれた時に必ずと言っていいほど「XSERVER」をお勧めしてきましたが、さらにお勧めできる理由が増えちゃいました。

今回はnginxってなに?
って方にnginxの素晴らしさとXSERVERのすごさをご紹介できればと思います。

(さらに…)

固定ページのみビジュアルエディタの使用を不可にする

WordPress
固定ページのみビジュアルエディタの使用を不可にする

WordPressでサイトを作成している際、固定ページはよく使うと思いますがその中で問題になりやすいのが「ビジュアル」「テキスト」のモード切り替えだと思います。

切り替えるたびに自動でpタグなどがついてしまいコーディングの仕方によってはサイトが崩れることも。。。

この問題を解決させるには固定ページでそもそも「ビジュアルモード」が存在しなければいいのだ!

ということで固定ページでビジュアルモードを使用不可にする方法をご紹介

(さらに…)

カラーミーでページャーをリストで表示する方法

ECサイトカラーミー
カラーミーでページャーをリストで表示する方法

カラーミーでページングを実装したい!
と思い、カスタム用のテーマ内の記述を探したところ見つからない、、、

正確には「次へ」「前へ」はあるのですが数字でのページ送りがなかったため、Google先生で調べたところやはりありました!

今回はulを使ったリストで実装をしたかったので少しだけコードを編集してあります。

(さらに…)

既存メディアの画像を一括リサイズ「Regenerate Thumbnails」

WordPress
既存メディアの画像を一括リサイズ「Regenerate Thumbnails」

WordPressを運用して行く中でレイアウトなどを変更した時に、すでにアップしてあるメディアをサムネイルに使いたい!
と言ったケースはあると思いますが、すでにアップされている画像だと画角が合わなかったりしてもう一度アップしなおしてもらわないと、、、
などとなることはあると思います。

「Regenerate Thumbnails」を使うことですでにアップされている画像をリサイズすることが可能です!

(さらに…)