テーマ『twentyseventeen_child』のアンダーライン修正

前々から気になってた第2弾なのですが、今使っているこの『twentyseventeen_child』というデフォルトでワードプレスに入っているテーマのアンダーライン、文字の色とは関係なく黒に設定されています。

↑こういう状態

デザインとか個人的にはほとんど弄る必要がないほど気に入ってるのですが(記事の幅を少し変更しています)、このアンダーラインだけちょっと文字色を変えた時に不自然な感じがしたので変更してみることにしました。

“テーマ『twentyseventeen_child』のアンダーライン修正” の続きを読む

コード埋め込みにGithub gistを導入しました🐙😻

前々から思っていたんですが、今まで使っていたコード埋め込み用のプラグイン、デザインは少し野暮ったいし何より字が小さすぎる気がして、デフォルトでサイズ大きいかサイズ変更できるプラグインがないか探してみました。

“コード埋め込みにGithub gistを導入しました🐙😻” の続きを読む

wordpressのログインヘッダーが起こす表示崩れ

友人のサイトを作っていて少し前に一応完成したものを最近手直ししていたのですが、その時気が付いたCSSの表示崩れについて。

↑ログインするとワードプレスって上にこういう管理ヘッダー?が出て来るじゃないですか。これは修正済みの状態なんですが、この前その状態で見たら右上のハンバーガーナビが消えていることに気が付いたんですよね…。

“wordpressのログインヘッダーが起こす表示崩れ” の続きを読む

WordPress導入の手順~中編その2~

世間はお盆休みですが、尚更外に出にくくなって家でコーディングしてる気がします。。それにしても今日も暑い!

後編としてテーマの変更やカスタマイズをまとめようと思ってるのですが、それより先に記事作成機能のカスタマイズをやったので、それを中編としてまたまとめます。

今回目指したカスタマイズ
基本の文字装飾以外を記事に適用できるようにし、それを記事作成中ビジュアルエディターでも表示できるようにする。

 

上記を実現する為に、具体的に必要だった作業

  1. WordPressがどこにインストールされたのかを探す
  2. 使用中のテーマの「子テーマ」を作成してFTPでアップロードする
  3. 自分の使いたい記事装飾用CSSを登録する
  4. ビジュアルエディターでの表示形式を変えるCSSファイルを作ってFTPでアップロードする

こうして見ると簡単なのですが、1番で死ぬほど詰まりました!

各項目の手順をまとめていきたいと思います。

“WordPress導入の手順~中編その2~” の続きを読む

ワードプレス導入の手順〜中編〜

前回サーバーとドメインを借りて、ドメインをサーバーに管理するところまで終わった後、その日のうちにWordpressの導入まで漕ぎ着けました。

前編へのリンク

テーマの編集まで済ませて、後編として公開しようかと思っていたのですが、思いの外デフォルトのテーマがお洒落で外観には不満がなかったため、その作業は捗っていません。
昨日はまた少し気温が下がったので、WEBサイト作りのデザインの方を進めていました(ペンタブレットを使えるデスクトップが冷房のない部屋にしかないのです…)

しかしこのままではWordpressの導入方法を忘れそうなため、中編としてそこをまとめておこうと思います。

“ワードプレス導入の手順〜中編〜” の続きを読む

ワードプレス導入の手順〜前編〜

8月3日、前々からこれまでWEBデザインするに当たって調べた知識をまとめる場所が必要だと考えていたのを、ワードプレスによる技術ブログで作成するという形で実行することを決めた。

本日も屋外は酷暑のため、家で唯一冷房が入る部屋にてノートパソコンで作業している。
夕方4時までにムームードメインでドメインを取得し、スターサーバーにて無料サーバーの契約まで終わらせた。

しかしドメインがまだWHOisに繋がらないため、初投稿する記事として『ワードプレスでブログ立ち上げまでの手順』の備忘録を作成しておく。

“ワードプレス導入の手順〜前編〜” の続きを読む