WordPress

2016/12/17  update: 2018/1/5

以下は自分のつぶやきとメモ書きです。サイト作成の備忘録に、リンクをペタペタ貼っているだけです

(※シムズのゲームとは別のお話です)

★リンクや情報が増えすぎたので、そのうち整理して記事にします。しばらくおまちください…   (いまはただのブックマーク状態ですみません)

このサイトは WordPress で作成しています。(バージョン 4.8.1 4.9 )

サーバー
WPblog (※2017/7/31にスターサーバー系列に統合されました)
http://www.wpblog.jp/

WordPressの無料レンタルサービス。

↓   サーバー移転中

wpblog (フリーWPプラン)  から スターサーバーへ

使用テンプレート
テーマ : Simplicity(シンプリシティー)バージョン 2.4.2b
https://wp-simplicity.com/

内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。

シムズとは関係ないのに、なんだか Sim City (シムシティ) を連想したくなる名前で親近感があるんですけど。新しいワールドの名前みたい。

このテンプレートに変えて、やりたかったことがほとんどできました。ありがとうございました。

できたこと

  • トップページに記事一覧を サムネイル3列、日付表示、見出しの文字数調整
    → 簡単 !
  • 新着記事、人気記事の表示、表示数調整
    → 簡単 !
  • ぱんくずリスト
    → デフォルトで。これ超うれしい
  • SNS関連のアイコン表示
    → プラングイン不要でデフォルトメニューから。うれしい
  • HTMLエディタ
    →なにげに使いやすくなってる、これもすごい
  • カテゴリ表示を一覧かリストに
  • メニューから簡単。(カテゴリもっときれいに整理します… )
  • 画像の枠表示
    →選択できるからうれしい
  • 子テーマの作成
    →(これ重要) 簡単でしろうとでも理解できた、うれしい
  • https://wp-simplicity.com/simplicity-child-theme/
  • 関連記事の表示数と精度
    → これもすごい、簡単にできそうですhttps://wp-simplicity.com/cfiltering/そして外部リンクのこういう表示方法↑を「ブログカード」というんですね。便利 !
    URLを一行書くだけ、楽チン。
    Simplicityでブログカードを使う方法の紹介です。ブログカード利用には、利点と難点がありますので、それらを踏まえてご使用ください。
  • アクセス解析の設定
    → デフォルトで簡単、Google Analytics の設定ができたのもうれしい。https://wp-simplicity.com/access-analyse-settings/

WordPressやプラグインの Jetpack についてる簡易ログでも十分だけど、メニューに解析ツールの設定が組み込まれてるのが初心者にやさしいです  (Google Analytics そのものが難しいから使えるかは別問題ですが)

・音声ファイルの埋め込み

簡単すぎます。メニューからファイルを追加するだけ。(自分が保存している音声ファイル↓)

このデザインがもっとカスタマイズできればいいんだけど。

簡単にプレイリストが作れてしまいました。

(自分のサーバーに音声ファイルを保存必要)

カスタマイズ

以下は、自分が役にたった情報や参考リンクを貼って、メモ書きしています。

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › サイドバーのみフォントの大きさを小さくしたい このトピックには5件の返信が含まれ、2人の

サイドバーのフォントサイズ変更、 すぐできました〜

今までつまずいていたフォントサイズの調整、海外の素敵なテンプレートを使うと必ずこれで挫折して泣いてました。
こんなに簡単でいいの ? 笑っちゃった。国産テンプレートが安心です。

(記録用)

よくわからないまま子テーマに記述してみたら、フォントサイズの変更ができたっぽい…

他にもコードを探してちょっとずつ書き足していくと、なんかうまいことできてるようで、うれしい〜。

フォントの種類も変えられました。

まだまだレイアウト変更したい箇所はたくさんあるんですけど、作成者様のサイトが充実しているので、じっくり勉強できそうです。

(スタイルシートやら子テーマやら、半年かかってようやく理解できたかも。コードが探せるようになったら、あれこれイジれそうです)

WordPress無料テーマSimplicityのCSSをちょっとずつカスタマイズしています。Simplicityの横幅は初期設定だと記事カラム全体が740pxで本文の横幅が680pxです。他のWordPressブログをいろいろと見てみると

そうそう、記事本文の余白の調整も理想通りできました。ここ、山場だったけど、たったこれだけでいいんだ。ありがとうございました。

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 記事の背景色の変更 このトピックには2件の返信が含まれ、2人の参加者がいます。2 年、

サンプルコード #main { background-color: #eee; }

/*本文の背景色を変更 */
#main {
background-color: #f8f4f1;
}
いまこの色に変更。
☆背景色を白から他の色に変えると、いままで画像の切り抜きを透過していなかったのでバレバレでカッコ悪くなった画像がいろいろ。昔の画像は気にしない。今度から切り抜きの背景をちゃんと透過させよう。

背景パターン 無料素材 pixeden

/* 記事日付部分の背景色 */
.post-meta{
  background-color:#ffffff;
}

WordPress初心者の僕がテーマ「Simplicity」を使っている理由という記事でも書きましたが、「Simplicity」は管理画面から変更できる項目が多くWordPress初心者でも簡単にブログを始めることができます。けど管理画面で
SEOに強くて、使いやすいWordpress無料テーマ「Simplicity」のカスタマイズ方法を19のポイントで紹介します。

勉強したいことがいろいろ書いてあるので自分用の参考リンクで

このシリーズは、アーガイル柄です。落ち着いた感じを出してみました。本当は、CSSでこのアーガイル模様をデザインしたかったのですが、思うような色合いが出せずに画像を使用しています。このアーガイルの画像は恥ずかしながら私が作りました。それでも、

simplicityのスキンいろいろ、かわいい色やデザインがあったのでチェックしよう

The Single Backgroundの使い方 映画情報サイトにインストールしてみたプラグイン。 The Single Backgroundは、ページ毎に壁紙を指定したり背景色が変更出来るプラグインです。 最初は、ページ毎にCSSを指定できる方法を模索していましたが、 記事内容や話題に添った雰囲気作りで壁紙や背景色...

ページごとに背景が変えられるプラグイン

WordPressのコメントフォームには、名前やメールアドレス、ウェブサイトなどの情報を入力する項目があります。ですが、たくさんコメントを欲しい時などに使う場合は、こういった情報の項目を非表示にした方が目的には近づけるかと思います。

コメント欄のメールアドレス非表示

PHP中心のスクリプトやWordPressプラグインを配布しています。

プラグインで 拍手ボタンできました。

「 CSSを更新したのにすぐに反映されない 」というのはWebデザイナさんなら一度は経験されていると思います。 当ブログで利用しておりますSimp

更新が反映されない件、自分も Chrome だけは頑固で変更してくれず、いつも手動でキャッシュクリアします。

現在、当ブログのサイドバーのプロフィール欄には、いわゆる「プロフィール画像」を設定していない。では、ここに写っ…

参考になりました。

WordPressをインストールした時に登録したユーザー名が、ブログ記事の作者名にオンカーソル(マウスオーバー)すると下のURLバーにauther名を含むURLが表示され、クリックすると、書いた人の記事一覧のページが移動し、ページ上のURL

これ知らなかった、気にはしてたけどまあいいやと思ってたこと、セキュリティ的にも大事ですね。

( 追記 : クリックすると他の人も見られることに気づかず放置してました。現在は非表示にしています)

このブログは、Wordpressの無料テーマSimplicityを使わせてもらっています。とってもよく出来たテーマで痒いところに手が届いているのですが、1か所気になることが・・・そこを修正してみよう、というお話です。記事と記事の間に分割線を

コードを参考にコピペで追加したら、一発でできました。感謝。

ウィジェットのカレンダー機能カスタマイズ

Add the following css in your style sheet. /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align:...

複数のサイト様で参考コードをコピーさせてもらい、ばっちりできました。あとでまとめます

 過去のテンプレート

◆前回 (二代目)

テーマ : fukasawa  (by Anders Norén 様)

日本の方と思ったら海外のテンプレートだったので情報収集に苦労してうまくカスタマイズができず、勉強不足で挫折しました。でもシンプルでおしゃれなデザインなので、すごく気に入ってました。ありがとうございました。

◆初代

テーマ :  BirdSITE  (by sysbird 様)

BirdSITE はフォトログのためのテーマです。レスポンシブ Web デザインですので、PC のほかタブレット、スマートフォンで見ることができます。テーマカスタマイズではテキストの色、リンクの色、ヘッダーライン色とフッター背景色、ナビゲ-ション色を選択することができます。

初めて使ったテンプレートがこちらで、すごく可愛いし作成者様が日本の方なので安心でした。基本はそのままで十分だったけど、初心者だとちょっとカスタマイズしたい時にどうしていいかわからず、その後変更しました。(どのテンプレートでも、基本知識がないと厳しいのに、しろうとがチャレンジしすぎ)

フォトログ用なので、並べる写真がきれいなら眺めて素敵かも。正方形が可愛いかったです。ありがとうございました。

メモ

Simplicityをインストールしたデフォルトの状態でお勧めなメディアの画像(サムネイル)サイズです。 僕は、以下のように設定しています。 重要なのは「大サイズ」の設定です。 Simplicityのメインカラムの幅が680p

カラムが サイズ 680px ですね。 (画像サイズ 幅 大 680px 中 500px )

以前のテンプレートは カラム 幅 600px で、画像サイズを 大600px or 中540px なので ちょっと変わるかもしれないけど見た目は気にならないのでそのままに。

通常の自分の画像は 600 × 371 (最近は 375px) で保存しています。

容量

(無料で 1GB)
12/18 check

ディスク使用量 551.732MB / 1000MB

2016年2月からはじめて、まだ 100記事も投稿してないのに、もう半分使っちゃってる。厳しいなあ〜・・・

追記 2017/5/13

ディスク使用量 869.984MB / 1000MB

厳しい・・・もうすぐ次のサイト立ち上げが必要かも?

追記 2017年12月現在

ディスク使用量 1732.628MB / 10000MB

フリーWPプレミアム  10GB  ¥250/month

追記 2018年1月現在

10GB あれば十分だったけど、結局同じネットオウル系列のスターサーバーライトプランに移設しました。

50GB  ¥250/month

画像が多いので。空いたスペースは保管庫にできれば…

その他リンク

Webデザインレシピは Webデザイン、WordPress や CSS、jQuery 、Photoshop、Illustrator など、Web制作に関連する情報を綴るブログです。

このサイトおしゃれ

10/21 追加

昨日、テレビを見ていたら、既に「ハロウィン」のCMが流れ始めていました(笑)まだ夏休みですけどね…。先取り感、半端ないですね~(#^^#)でも、私自身、夏の終わりからハロウィンまでの期間ってとても好きな時期です。日中は暑い日もあるけれど、朝

これかわいい…使ってみようか検討中

バックアップ関連

サーバー移行に関する情報

自分用にリンクさせてください

メインのwordpressサイトから、サテライトサイト用に記事を書き出す方法の紹介です。画像リンクが、旧WordpressのURLになってしまう問題も解決済み

プラグインを頼らずWordPressのバックアップと復元に挑戦してみます! サーバーを移行して、ドメインが新しく変わる場合でも有効な方法です。 サーバー移転の予定があるひとにはコチラ...

wordpressの構造の図解がわかりやすかったです  (実は基本的な仕組みがわかっていなかった…)

WordPressで運営してるとエラーなどに事態に備えて、バックアップをPC(ローカル側)に保存しておくと安心です。FTPソフトを使ってローカルにWordPressのバックアップをとる方法をご紹介。同時に大事なのがデータベース。記事・カテゴ

ここで勉強させてもらおう、役にたちそうな記事がたくさんあります

ロリポップからエックスサーバーにWordPressを移行し、ドメインも変更。移行後にトップページは正常に表示されるのに、管理画面にログインすると、旧ドメインにリダイレクトされる現象が発生しました。エックスサーバーの場合の対処方法です。

対処法、助かりました。

phpmyadmin で wp_optionsテーブルの情報を書き換え

追記:2017/08/07スターサーバー フリー WP(旧wpblog)にサービス名変更になったので、それに合わせて動作確認して書き直しました。自己責任で!!.htaccess

次の難関、リダイレクトの勉強中

★他にもたくさんの情報を見て参考になりました。

でも自分の環境では結局どの方法も一発でうまくできず、最後の方は一部手動で作業したり…涙

使ったプラグインの使用感など、今度まとめてみます。

Scroll Up