wordpress_xmlrpcを使って、wordpressに画像を本文に投稿したい

Question

wordpress_xmlrpcを使って、自分でまとめたExcelファイルからopenpyxlを使ってwordpressに記事を投稿しています。

wordpress本文に画像を載せたいのですが、現在は手動でしか方法がわかりません。
画像のアップロードまではできるんですが、本文の途中に画像を自動で入れるにはどうしたらいいのでしょうか。
本文はexcelファイルからforループを使って取得しています。

どう説明したらいいのかわからないので、説明が下手くそだと思いますが、よろしくお願いいたします。

from wordpress_xmlrpc import Client, WordPressPost
from wordpress_xmlrpc.methods.posts import GetPosts, NewPost
from wordpress_xmlrpc.methods.users import GetUserInfo
from wordpress_xmlrpc.compat import xmlrpc_client
from wordpress_xmlrpc.methods import media, posts
import openpyxl
import ssl


ssl._create_default_https_context = ssl._create_unverified_context

client = Client('wordpressへアクセス')
wb = openpyxl.load_workbook('excelファイル')
ws = wb.active

post = WordPressPost()


#本文中の画像
def in_img(s_url):
  f_name = '画像ファイルまでのパス' + str(s_url)

  with open(f_name, 'rb') as img:
    data = {
      'name':f_name, 'type':'image/jpeg',
       } 
    data['bits'] = xmlrpc_client.Binary(img.read())
    response = client.call(media.UploadFile(data))
    attachment_id = response['id']
    return response, attachment_id

s_url = ws['B2'].value  
f_name, attachment_id = in_img(s_url) 

print(r)

#本文
cells = ws['D2:Y2']
body = []

for i in cells:
  for c in i:
    body.append(c.value)
  else:
    ct_body = ''.join(body)
  

post.title = ws['C2'].value
post.content = ct_body

post.post_status = 'draft'

client.call(NewPost(post))
 

Answer 1

以下では、Wordpress のホスティングサイトである Wordpress.com で試してみた結果を元に、回答します。
ご自分でレンタルサーバなどに Wordpress をインストールして運用されている場合、同じ結果になるかどうか分かりません。

本文中に画像を埋め込む場合、方法としては2つあります。HTML で本文中に埋め込んで投稿する方法と、Markdown で本文中に埋め込んで投稿する方法です。

HTML で本文中に埋め込む場合は、手動で画像を本文中に埋め込んで投稿してみて、その HTML ソースを確認した後、それをそのまま wordpress_xmlrpc での投稿に流用します。

Wordpress.com の私のサイトで確認してみた結果は、次のようなものでした。

<figure class="wp-block-image size-large"><img src="https://mydomain.files.wordpress.com/2021/09/my_test.jpg?w=580" alt="" class="wp-image-24"/><figcaption>キャプション</figcaption></figure>

おそらくこの内容は、サイトで採用しているテーマによっても変わるのではないかと思います。

この HTML で投稿ごとに変わるのは、画像ファイルの URL と、画像の Attachment ID と呼ばれるものです。wordpress_xmlrpc での投稿の際は、その2つを、画像をアップロードした際のレスポンスから取得して、HTML に埋め込みます。その後にその HTML を本文中に埋め込みます。

以下はサンプルコードです。ここでは本文の末尾に画像を添付するものと仮定しました。キャプションは省略しましたが、必要なら追加してください。

#（前略）

#本文中の画像
def in_img(s_url):
  f_name = '画像ファイルまでのパス' + str(s_url)

  with open(f_name, 'rb') as img:
    data = {
      'name':f_name, 'type':'image/jpeg',
       } 
    data['bits'] = xmlrpc_client.Binary(img.read())
    response = client.call(media.UploadFile(data))
    attachment_id = response['id']
    link = response['link']  # <= この行追加（画像ファイルのリンクを取得）
    return link, attachment_id  # <= この行変更（リンクURLとattachment_idを返す）

s_url = ws['B2'].value  
link, attachment_id = in_img(s_url)  # <= 変数名をf_nameからlinkに変更

# 画像ブロック
img_block = f"""
<figure class="wp-block-image size-large"><img src="{link}?w=580" alt="" class="wp-image-{attachment_id}"/></figure>"""

#本文
cells = ws['D2:Y2']
body = []

for i in cells:
  for c in i:
    body.append(c.value)
  else:
    ct_body = ''.join(body)

ct_body += img_block  # <= 画像ブロックを本文の末尾に追加

post.title = ws['C2'].value
post.content = ct_body

post.post_status = 'draft'

client.call(NewPost(post))

本当は画像の表示サイズがどのように決定されているのか、ソースコードを読んだり、色々なサイズの画像を手作業で本文中に表示してみて確認した方がいいのでしょうが、そこまではしていません。

---

Markdown で本文中に埋め込んで投稿する場合は、まずサイトの設定の投稿設定で、「プレーンテキストの Markdown 構文で投稿や固定ページを書けるようになります。」のスイッチを有効にします。
これで本文中に Markdown が使えるようになりますので、上のサンプルコードの画像ブロックを作る部分を、次のように変更します。他の部分は上のサンプルコードと同じです。

# 画像ブロック
img_block = f"""
![Alt text]({link})"""

こちらは投稿後は次のような HTML に変換されます。

<img src="https://mydomain.files.wordpress.com/2021/09/my_test.jpg" alt="Alt text">

こちらの方法は、どのテーマでも気にせず同じ構文が使えますし、本文中に埋め込むという目的のためだけなら、目的を果たせます。
ただしテーマによっては、例えば投稿画像として認識されず画像ギャラリーに表示されないなどといった、投稿本文以外での不具合が出る可能性があるかもしれません。私は Wordpress の内部には詳しくないので、これは全くの想像です。実際に何らかの不具合があるか、あったとしてどのような不具合になるかは分かりません。

---

以前の質問のコメントで、wordpress_xmlrpc を使った投稿で、本文中にリンクを埋め込む方法を質問されていたと思いますが、上と同じ考え方で対応が可能です。

Comments

[monmon2]

,

[monmon2]

HTMLで本文に投稿する方法を使って、画像の投稿ができました。すごく助かりました。ありがとうございました！