オススメ!wordpressプラグイン

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

投稿日:

Pocket

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

初心者でもできる! WordPressのcss編集でカスタマイズ

Googleさんの未来予測をした結果、画像にキャプションを付けることにしました。

関連記事:Google未来予想→今後は「キャプション」の価値が高まっていくかも?

画像キャプションを付けたのはいいんですが、基本の画像キャプションのスタイルが気に入りません。

なんとか変更するのは、css編集でカスタマイズするしかありません。

いままではここで思考停止していました。

 

しかし!

 

ここで挑戦していかないと新しい扉は開かれません。

やってみるとcss編集でカスタマイズするって、意外と簡単でした。

ここでは備忘録としてその手順を残しておきます。

 

 



 

 

 

css編集で画像キャプションをカスタマイズする手順

まず私は「STINGER8」を親テーマで使っています。

画像カスタマイズに関しては、多分、「STINGER8」以外でも共通だと思います。

ポイントとなる画像を順を追って載せていますので、その手順でやれば変更できるはずです。

終わってみれば、「こんなに簡単にできちゃうんだ!」って感じです。

では、スタートです。

 

(1)外観→テーマの編集へ進む

まずは外観→テーマの編集へと進み、「css編集画面」へ行きます。

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

いきなり「css編集画面」でテーマを編集するのは絶対に避けてください。後述していますが、事前にコピペするなりして作業をしてください。プログラミングが狂うと、最悪、復活できなくなります

 

 

(2)編集するテーマを選ぶ

編集するテーマを選びます。私の場合、普段は「STINGER8 Child」ですが、親テーマの「STINGER8」を選択します。

そうすると、直下に「style.css」が現れます。

この「style.css」を編集します。

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

基本、wordpressをカスタマイズする場合は、この「style.css」を編集することになります。cssは“cascating style sheets” の頭文字をとったもので、サイトの見栄えを整える役割をになっています

 

 

 

(3)キャプションを中央揃えから左寄せに変更する

まず「/*画像 */」で括られた部分にある「text-align: center;」を探します。見つけたら、「centerをleft」に置き換えます。これで左寄せに変更となります。

 

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

「STINGER8」では1108行目に登場します。「align」というのはコンテンツの位置を指示するプロパティです。※プロパティとは属性を示す用語のことです

 

 

 

(4)キャプションの色を黒に変更する

キャプション色が指示されている「color: #ccc;」を探します。見つけたら、「#cccを#000000」に置き換えます。これで文字が黒に変更となります。

 

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

「STINGER8」では400行目に登場します。#cccは灰色、#000000は黒です。#000000は#000の指示でもオッケーのようです。昔からそうだったでしょうか。私もあらためて#000に修正しておきました

 

 

 

(5)「ファイルの更新」ボタンを押して完了

(3)(4)を変更したら、「ファイルの更新」ボタンを押して完了です。あとはちゃんと動作しているか確認してください。

 

【WordPressの画像キャプションの配置と文字色を変える】style.cssファイルの編集は意外と簡単!

ファイルに問題点がなければ、更新のボタンを押すと「ファイルの編集に成功しました。」が表示されます。あとは実際にアクセスして確かめて完了となります

 

ちなみに作業中での表示は、キャプションは中央揃えのままです。公開した時点で、修正部分(左寄せなど)が反映されます。下書きの時点のエディターを見て不安にならないでください。

 

 

 

(作業上の注意点)必ずファイルの内容はコピペしておく

作業上、失敗する可能性もあります。失敗しても元に戻せるように編集前のcssはコピペして保存しておいてください。

そうすれば元に戻すことができます。失敗も怖くありません。

どうですか?

私的には思った以上に簡単でした。

cssを触るのはちょっと怖いと思いますが、やってみるのも悪くありません。ちょっと成長した気分になります。

では、みなさんもよかったら画像キャプションをやってみてください。

今回にも画像キャプション付けてます。なかなかキャプション付けってハードル高いですが、記事にメリハリもつくのでオススメです。

じゃ!

 

 

<最強のアクセスアップ支援ツール紹介>
SEOツールラボの「検索順位チェックツールGRC」は、アクセスアップ支援の強力ツールです。ネットで稼ごうとしている人は利用必須といわれています。さまざまなキーワードのランキングを自動チェックしてくれます。無料から利用可能です。まずは使ってみてください(無料版は項目数に制限アリ)。気に入ったらライセンス購入すればいいだけです。料金もかなり安いです。本気でアフィリエイトするつもりならば「スタンダードプラン」がオススメです。詳しくは下記からサイトへアクセスしてください。

<最強のアクセスアップ支援ツール>SEOツールラボの「検索順位チェックツールGRC」
http://seopro.jp/

 

 

↓私はこんなヤツです。
【アクセスアップ発信術/2018年版】ブログで共感者を集める9つの決め手
「よかったらツイッターのフォロー、応援よろしくお願いいたします☆」

 

スポンサーリンク



 

お仕事ご依頼、ブログのご感想などはメールでどうぞ。

 

つなワタリ
紙媒体(チラシ・パンフレット・チラシ・書籍・雑誌)の企画・編集・DTP・デザインから印刷物納品まで、関東圏内でのスチール撮影(プロフィール写真・イベント撮影・ライブ記録・レタッチ・定点映像記録撮影/1時間10,000円〜要相談)、WEBメディア掲載サポート(企画・編集・SEOライティング・取材・撮影)、オリジナル小説や企画作品の原稿執筆(プロットからの制作可能)、イベント運営(企画・サポート)などのお手伝いをいたします。下記からお気軽にお問い合わせください。

<特に下記の経験値が高い>
・スーパー特急チラシデザイン
・人物取材全般(オールジャンルが基本だが、より人間に迫るドキュメント系)
・地域活動文化(ボランティア、NPO関連)、草の根アートに精通(20年ほどの経験値)
・50〜2000人規模程度のイベントプロデュース

>> お問い合わせする

>> 会社サイトはこちら

 

-オススメ!wordpressプラグイン
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

【WassUp Plugin table has reached maximum size!】プラグイン「WassUp」対処法

【WassUp Plugin table has reached maximum size!】プラグイン「WassUp」対処法

つなワタリ@捨て身の「プロ無謀家」(@27watari)です。いきなりwordpressプラグイン「WassUp」からアラート(警告)メールが届き、焦りました。原因と対応を書き残しておきます。 &nb …

記事の目次を自動生成! 超便利! WordPressプラグイン「Table of Contents Plus」

記事の目次を自動生成! サイドバーにも設置可能! WordPressプラグイン「Table of Contents Plus」

目次1 目次があれば、濃いコンテンツほど有利になる2 「Table of Contents Plus」のインストール方法3 「Table of Contents Plus」の基本&上級者向けの設定方法 …

WordPressトップページを固定ページ表示に変更して見やすいサイトにする

WordPressトップページを固定ページ表示に変更して見やすいサイトにする

目次1 サイトの顔(トップページ)で内容をしっかり説明する必要性2 簡単! ワンクリックで投稿ページをトップに固定できる3 固定ページをトップページ表示させる方法4 ネット情報! エックスサーバーが「 …

【WordPressの画像説明で「代替テキスト」は入力必須】Google未来予想→今後は「キャプション」の価値が高まっていくかも?

【WordPressの画像説明で「代替テキスト」は入力必須】Google未来予想→今後は「キャプション」の価値が高まっていくかも?

目次1 Googleの画像サーチ力は飛躍的に向上中→オリジナル画像が重要となる2 WordPress画像の「代替テキスト」はSEO効果アリ! 入力必須!3 深化するGoogle検索で優位に立つための狙 …

【2018年春】有料? 無料? wordpressテーマ選び☆ベスト3

【2018年春】有料? 無料? wordpressテーマ選び☆ベスト3

wordpressのテーマ(テンプレート)は山ほどリリースされています。一長一短はありますし、最後は好みでしょうが、私なりの「オススメ有料&無料wordpressテーマ☆ベスト3」を紹介します。201 …

スポンサーリンク

サイト内検索はこちら

つなワタリです。どうぞよろしくお願いいたします。 


LINE友だち追加

肩書きは「エディトリアル・アーティスト」&捨て身の高熱量「プロ無謀家」。集めて、編んで、外に発信することが生業。文章、映像、写真、イベント、コミュニケーションなどを活用しながら編み、考えていることを掘り下げて伝えていきたいと思っています。また、自分に負荷を与えるのが好きな性質を利用して、「プロ無謀家」として獣道を切り開きたいと思っています。

サイトタイトルの『インテリジェンス・ライフ』は「intelligence for good life」の略。生きた情報(インフォメーションではなくインテリジェンス)を大切にしたいという願望からつけました。

>>>プロフィール詳細

>>>お問い合わせ

>>>What’s New

>>>ウィッシュ☆ネットワーク|相談・共有・情報交換掲示板

2018年7月
« 6月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
スポンサーリンク